v1 production
This commit is contained in:
141
app/unternehmen/page.tsx
Executable file → Normal file
141
app/unternehmen/page.tsx
Executable file → Normal file
@@ -2,6 +2,8 @@
|
||||
|
||||
import { motion } from 'framer-motion'
|
||||
import Link from 'next/link'
|
||||
import { FaSearch, FaServer, FaUserTie, FaShieldAlt, FaDollarSign, FaBolt, FaLock, FaChartLine, FaHandshake, FaClipboardCheck } from 'react-icons/fa'
|
||||
import AnimatedIcon from '@/components/AnimatedIcon'
|
||||
import Navigation from '@/components/Navigation'
|
||||
import Footer from '@/components/Footer'
|
||||
|
||||
@@ -10,7 +12,6 @@ export default function Unternehmen() {
|
||||
<>
|
||||
<Navigation />
|
||||
<main>
|
||||
{/* Hero Section */}
|
||||
<section className="page-hero">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
@@ -25,7 +26,6 @@ export default function Unternehmen() {
|
||||
</motion.div>
|
||||
</section>
|
||||
|
||||
{/* Main Content */}
|
||||
<section className="page-content">
|
||||
<div className="container">
|
||||
<motion.div
|
||||
@@ -41,13 +41,13 @@ export default function Unternehmen() {
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '40px', marginBottom: '100px' }}>
|
||||
<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"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-number">1</div>
|
||||
<h3>Analyse Ihrer IT</h3>
|
||||
@@ -64,7 +64,7 @@ export default function Unternehmen() {
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
className="feature-card-large"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-number">2</div>
|
||||
<h3>Maßgeschneiderte Schulungskonzepte</h3>
|
||||
@@ -80,7 +80,7 @@ export default function Unternehmen() {
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.3 }}
|
||||
className="feature-card-large"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-number">3</div>
|
||||
<h3>Aufbau interner Experten</h3>
|
||||
@@ -98,6 +98,7 @@ export default function Unternehmen() {
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6 }}
|
||||
className="content-block"
|
||||
style={{ marginTop: '80px' }}
|
||||
>
|
||||
<h2>Ihre Vorteile</h2>
|
||||
<p>
|
||||
@@ -112,9 +113,11 @@ export default function Unternehmen() {
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.1 }}
|
||||
className="feature-card-large"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">🔍</div>
|
||||
<AnimatedIcon delay={0.1}>
|
||||
<FaSearch size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<h3>IT-Analyse</h3>
|
||||
<p>
|
||||
Wir analysieren Ihre bestehende IT-Infrastruktur und identifizieren
|
||||
@@ -127,9 +130,11 @@ export default function Unternehmen() {
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
className="feature-card-large"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">🏢</div>
|
||||
<AnimatedIcon delay={0.2}>
|
||||
<FaServer size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<h3>Schulung auf Ihrer Infrastruktur</h3>
|
||||
<p>
|
||||
Ihre Mitarbeiter lernen direkt auf Ihrer eigenen IT-Infrastruktur.
|
||||
@@ -142,9 +147,11 @@ export default function Unternehmen() {
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.3 }}
|
||||
className="feature-card-large"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">👨💼</div>
|
||||
<AnimatedIcon delay={0.3}>
|
||||
<FaUserTie size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<h3>Interne Experten aufbauen</h3>
|
||||
<p>
|
||||
Entwickeln Sie Ihre eigenen IT-Experten im Haus. Reduzieren Sie
|
||||
@@ -157,37 +164,28 @@ export default function Unternehmen() {
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.4 }}
|
||||
className="feature-card-large"
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">🎓</div>
|
||||
<AnimatedIcon delay={0.4}>
|
||||
<FaShieldAlt size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<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 }}
|
||||
transition={{ duration: 0.6, delay: 0.5 }}
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">💰</div>
|
||||
<AnimatedIcon delay={0.5}>
|
||||
<FaDollarSign size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<h3>Kosteneinsparung</h3>
|
||||
<p>
|
||||
Reduzieren Sie langfristig externe IT-Kosten durch qualifizierte
|
||||
@@ -199,76 +197,18 @@ export default function Unternehmen() {
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
transition={{ duration: 0.6, delay: 0.6 }}
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">⚡</div>
|
||||
<AnimatedIcon delay={0.6}>
|
||||
<FaBolt size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<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
|
||||
@@ -285,7 +225,7 @@ export default function Unternehmen() {
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="features-grid" style={{ marginTop: '40px', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))' }}>
|
||||
<div className="features-grid">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
@@ -293,10 +233,12 @@ export default function Unternehmen() {
|
||||
transition={{ duration: 0.6, delay: 0.1 }}
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">📋</div>
|
||||
<AnimatedIcon delay={0.1}>
|
||||
<FaClipboardCheck size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<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' }}>
|
||||
<Link href="/unternehmen/tools/it-checkliste" className="btn btn-primary" style={{ marginTop: '20px', display: 'inline-block' }}>
|
||||
Tool öffnen
|
||||
</Link>
|
||||
</motion.div>
|
||||
@@ -308,10 +250,12 @@ export default function Unternehmen() {
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
className="feature-card"
|
||||
>
|
||||
<div className="feature-icon">📊</div>
|
||||
<AnimatedIcon delay={0.2}>
|
||||
<FaCalculator size={32} color="var(--color-red)" />
|
||||
</AnimatedIcon>
|
||||
<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' }}>
|
||||
<Link href="/unternehmen/tools/schulungsbedarf" className="btn btn-primary" style={{ marginTop: '20px', display: 'inline-block' }}>
|
||||
Tool öffnen
|
||||
</Link>
|
||||
</motion.div>
|
||||
@@ -326,9 +270,9 @@ export default function Unternehmen() {
|
||||
>
|
||||
<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">
|
||||
<Link href="/kontakt" className="btn btn-primary btn-large">
|
||||
IT-Analyse anfordern
|
||||
</a>
|
||||
</Link>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -337,4 +281,3 @@ export default function Unternehmen() {
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user