341 lines
14 KiB
TypeScript
Executable File
341 lines
14 KiB
TypeScript
Executable File
'use client'
|
||
|
||
import { motion } from 'framer-motion'
|
||
import Link from 'next/link'
|
||
import Navigation from '@/components/Navigation'
|
||
import Footer from '@/components/Footer'
|
||
|
||
export default function Unternehmen() {
|
||
return (
|
||
<>
|
||
<Navigation />
|
||
<main>
|
||
{/* Hero Section */}
|
||
<section className="page-hero">
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 20 }}
|
||
animate={{ opacity: 1, y: 0 }}
|
||
transition={{ duration: 0.8 }}
|
||
className="container"
|
||
>
|
||
<h1>IT-Schulungen für Unternehmen</h1>
|
||
<p className="page-hero-subtitle">
|
||
Stärken Sie Ihr Team mit maßgeschneiderten IT-Schulungen
|
||
</p>
|
||
</motion.div>
|
||
</section>
|
||
|
||
{/* Main Content */}
|
||
<section className="page-content">
|
||
<div className="container">
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6 }}
|
||
className="content-block"
|
||
>
|
||
<h2>Unser Prozess: Von der Analyse bis zum internen Experten</h2>
|
||
<p>
|
||
Wir begleiten Sie in drei klaren Schritten zu mehr IT-Kompetenz in Ihrem Unternehmen.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<div style={{ display: 'flex', flexDirection: 'column', gap: '40px', marginBottom: '100px' }}>
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.1 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-number">1</div>
|
||
<h3>Analyse Ihrer IT</h3>
|
||
<p>
|
||
Wir analysieren Ihre bestehende IT-Infrastruktur umfassend. Dabei identifizieren wir
|
||
Schwachstellen, Optimierungspotenziale und den konkreten Schulungsbedarf Ihrer
|
||
Mitarbeiter. Sie erhalten eine detaillierte IST-Dokumentation, einen
|
||
Schwachstellenbericht und konkrete Handlungsempfehlungen.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.2 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-number">2</div>
|
||
<h3>Maßgeschneiderte Schulungskonzepte</h3>
|
||
<p>
|
||
Basierend auf der Analyse entwickeln wir individuelle Schulungskonzepte, die genau
|
||
auf Ihre IT-Infrastruktur, Ihre Branche und Ihre Ziele zugeschnitten sind. Ihre
|
||
Mitarbeiter lernen direkt an Ihrer eigenen IT – praxisnah und sofort anwendbar.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.3 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-number">3</div>
|
||
<h3>Aufbau interner Experten</h3>
|
||
<p>
|
||
Durch unsere Schulungen entwickeln Sie eigene IT-Experten im Haus. Das reduziert
|
||
langfristig externe Kosten, erhöht die IT-Sicherheit und ermöglicht schnellere
|
||
Reaktionszeiten bei Problemen. Sie werden unabhängiger und stärker.
|
||
</p>
|
||
</motion.div>
|
||
</div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6 }}
|
||
className="content-block"
|
||
>
|
||
<h2>Ihre Vorteile</h2>
|
||
<p>
|
||
Mit unseren maßgeschneiderten IT-Schulungen erreichen Sie mehr Sicherheit, Effizienz
|
||
und Kostensenkung in Ihrem Unternehmen.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<div className="features-grid">
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.1 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-icon">🔍</div>
|
||
<h3>IT-Analyse</h3>
|
||
<p>
|
||
Wir analysieren Ihre bestehende IT-Infrastruktur und identifizieren
|
||
Schulungsbedarfe. So wissen wir genau, wo wir ansetzen müssen.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.2 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-icon">🏢</div>
|
||
<h3>Schulung auf Ihrer Infrastruktur</h3>
|
||
<p>
|
||
Ihre Mitarbeiter lernen direkt auf Ihrer eigenen IT-Infrastruktur.
|
||
Keine abstrakten Beispiele – praxisnah und sofort anwendbar.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.3 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-icon">👨💼</div>
|
||
<h3>Interne Experten aufbauen</h3>
|
||
<p>
|
||
Entwickeln Sie Ihre eigenen IT-Experten im Haus. Reduzieren Sie
|
||
Abhängigkeiten und stärken Sie Ihr Team nachhaltig.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.4 }}
|
||
className="feature-card-large"
|
||
>
|
||
<div className="feature-icon">🎓</div>
|
||
<h3>IT-Sensibilisierung</h3>
|
||
<p>
|
||
Wir schulen Ihre Mitarbeiter in generellen IT-Themen als Sensibilisierung
|
||
für verschiedenste Bereiche. Von Sicherheit bis Cloud-Computing.
|
||
</p>
|
||
</motion.div>
|
||
</div>
|
||
|
||
{/* Additional Company Benefits */}
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6 }}
|
||
className="content-block"
|
||
>
|
||
<h2>Weitere Vorteile für Ihr Unternehmen</h2>
|
||
</motion.div>
|
||
|
||
<div className="features-grid">
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.1 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">💰</div>
|
||
<h3>Kosteneinsparung</h3>
|
||
<p>
|
||
Reduzieren Sie langfristig externe IT-Kosten durch qualifizierte
|
||
interne Mitarbeiter.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.2 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">⚡</div>
|
||
<h3>Schnellere Reaktionszeiten</h3>
|
||
<p>
|
||
Interne Experten können Probleme schneller lösen, ohne auf externe
|
||
Unterstützung warten zu müssen.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.3 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">🔒</div>
|
||
<h3>Erhöhte IT-Sicherheit</h3>
|
||
<p>
|
||
Geschulte Mitarbeiter erkennen Sicherheitsrisiken früher und handeln
|
||
entsprechend.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.4 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">📈</div>
|
||
<h3>Innovation fördern</h3>
|
||
<p>
|
||
Gut geschulte Teams sind innovativer und können neue Technologien
|
||
schneller adaptieren.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.5 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">🤝</div>
|
||
<h3>Maßgeschneiderte Programme</h3>
|
||
<p>
|
||
Jedes Schulungsprogramm wird individuell auf Ihr Unternehmen, Ihre
|
||
Branche und Ihre Ziele zugeschnitten.
|
||
</p>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.6 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">📊</div>
|
||
<h3>Fortschritts-Tracking</h3>
|
||
<p>
|
||
Verfolgen Sie den Lernfortschritt Ihrer Mitarbeiter und messen Sie
|
||
den ROI Ihrer Investition in Weiterbildung.
|
||
</p>
|
||
</motion.div>
|
||
</div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6 }}
|
||
className="content-block"
|
||
style={{ marginTop: '80px' }}
|
||
>
|
||
<h2>Interaktive Tools</h2>
|
||
<p>
|
||
Nutzen Sie unsere interaktiven Tools, um eine erste Einschätzung zu erhalten:
|
||
</p>
|
||
</motion.div>
|
||
|
||
<div className="features-grid" style={{ marginTop: '40px', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))' }}>
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.1 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">📋</div>
|
||
<h3>IT-Checkliste</h3>
|
||
<p>Erhalten Sie eine erste Einschätzung Ihrer IT-Sicherheit</p>
|
||
<Link href="/unternehmen/tools/it-checkliste" className="btn btn-secondary" style={{ marginTop: '20px', display: 'inline-block' }}>
|
||
Tool öffnen
|
||
</Link>
|
||
</motion.div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6, delay: 0.2 }}
|
||
className="feature-card"
|
||
>
|
||
<div className="feature-icon">📊</div>
|
||
<h3>Schulungsbedarfs-Rechner</h3>
|
||
<p>Schätzen Sie den Umfang Ihrer IT-Schulung</p>
|
||
<Link href="/unternehmen/tools/schulungsbedarf" className="btn btn-secondary" style={{ marginTop: '20px', display: 'inline-block' }}>
|
||
Tool öffnen
|
||
</Link>
|
||
</motion.div>
|
||
</div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, y: 30 }}
|
||
whileInView={{ opacity: 1, y: 0 }}
|
||
viewport={{ once: true }}
|
||
transition={{ duration: 0.6 }}
|
||
className="cta-section"
|
||
>
|
||
<h2>Bereit für die IT-Analyse?</h2>
|
||
<p>Kontaktieren Sie uns und lassen Sie uns gemeinsam Ihre IT-Weiterbildung planen</p>
|
||
<a href="/kontakt" className="btn btn-primary">
|
||
IT-Analyse anfordern
|
||
</a>
|
||
</motion.div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<Footer />
|
||
</>
|
||
)
|
||
}
|
||
|