v1 production

2025-12-05 01:01:04 +01:00
parent 0f32d5927b
commit 8fbe1113dd
68 changed files with 2608 additions and 3463 deletions
--- a/app/unternehmen/coming-soon/page.tsx
+++ b/app/unternehmen/coming-soon/page.tsx
@@ -0,0 +1,44 @@
+'use client'
+
+import { motion } from 'framer-motion'
+import Navigation from '@/components/Navigation'
+import Footer from '@/components/Footer'
+
+export default function ComingSoon() {
+  return (
+    <>
+      <Navigation />
+      <main>
+        <section className="page-hero">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8 }}
+            className="container"
+          >
+            <h1>Coming Soon</h1>
+          </motion.div>
+        </section>
+
+        <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>Hier entsteht gerade etwas Neues.</h2>
+              <p>
+                Wir arbeiten an spannenden Projekten für die Doing-IT Community. Schau bald wieder vorbei!
+              </p>
+            </motion.div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  )
+}
+
--- a/app/unternehmen/it-infrastrukturanalyse/page.tsx
+++ b/app/unternehmen/it-infrastrukturanalyse/page.tsx
@@ -2,6 +2,8 @@

 import { motion } from 'framer-motion'
 import Link from 'next/link'
+import { FaSearch, FaShieldAlt, FaChartBar, FaMapMarkerAlt, FaComments, FaNetworkWired, FaFileAlt } from 'react-icons/fa'
+import AnimatedIcon from '@/components/AnimatedIcon'
 import Navigation from '@/components/Navigation'
 import Footer from '@/components/Footer'

@@ -48,7 +50,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.1 }}
                className="feature-card-large"
              >
-                <div className="feature-icon">🔍</div>
+                <AnimatedIcon delay={0.1}>
+                  <FaSearch size={32} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Infrastruktur-Erfassung</h3>
                <p>
                  Wir dokumentieren Ihre gesamte IT-Landschaft: Server, Netzwerke, 
@@ -64,7 +68,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.2 }}
                className="feature-card-large"
              >
-                <div className="feature-icon">🛡️</div>
+                <AnimatedIcon delay={0.2}>
+                  <FaShieldAlt size={32} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Sicherheitsanalyse</h3>
                <p>
                  Wir identifizieren Sicherheitslücken, veraltete Systeme und 
@@ -80,7 +86,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.3 }}
                className="feature-card-large"
              >
-                <div className="feature-icon">📊</div>
+                <AnimatedIcon delay={0.3}>
+                  <FaChartBar size={32} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Schulungsbedarfs-Analyse</h3>
                <p>
                  Wir ermitteln den konkreten Schulungsbedarf Ihrer Mitarbeiter. Welche 
@@ -112,6 +120,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.1 }}
                className="feature-card"
              >
+                <AnimatedIcon delay={0.1}>
+                  <FaMapMarkerAlt size={28} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Vor-Ort-Begehungen</h3>
                <p>Persönliche Inspektion Ihrer IT-Infrastruktur</p>
              </motion.div>
@@ -123,6 +134,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.2 }}
                className="feature-card"
              >
+                <AnimatedIcon delay={0.2}>
+                  <FaComments size={28} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Interviews mit Mitarbeitern</h3>
                <p>Gespräche zur Ermittlung des Wissensstands</p>
              </motion.div>
@@ -134,6 +148,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.3 }}
                className="feature-card"
              >
+                <AnimatedIcon delay={0.3}>
+                  <FaNetworkWired size={28} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Technische Scans</h3>
                <p>Automatisierte Analyse von Systemen und Netzwerken</p>
              </motion.div>
@@ -145,6 +162,9 @@ export default function ITInfrastrukturanalyse() {
                transition={{ duration: 0.6, delay: 0.4 }}
                className="feature-card"
              >
+                <AnimatedIcon delay={0.4}>
+                  <FaFileAlt size={28} color="var(--color-red)" />
+                </AnimatedIcon>
                <h3>Dokumentenanalyse</h3>
                <p>Auswertung bestehender Dokumentationen</p>
              </motion.div>
@@ -222,7 +242,7 @@ export default function ITInfrastrukturanalyse() {
            >
              <h2>Starten Sie mit der Analyse</h2>
              <p>Kontaktieren Sie uns für eine unverbindliche Beratung</p>
-              <Link href="/kontakt" className="btn btn-primary">
+              <Link href="/kontakt" className="btn btn-primary btn-large">
                IT-Analyse anfordern
              </Link>
            </motion.div>
@@ -233,4 +253,3 @@ export default function ITInfrastrukturanalyse() {
    </>
  )
 }
-
--- a/app/unternehmen/page.tsx
+++ b/app/unternehmen/page.tsx
@@ -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() {
    </>
  )
 }
-
--- a/app/unternehmen/schulungsthemen/page.tsx
+++ b/app/unternehmen/schulungsthemen/page.tsx
--- a/app/unternehmen/tools/it-checkliste/page.tsx
+++ b/app/unternehmen/tools/it-checkliste/page.tsx
--- a/app/unternehmen/tools/schulungsbedarf/page.tsx
+++ b/app/unternehmen/tools/schulungsbedarf/page.tsx