Startseite fertiggestellt.

components/Footer.tsx

@@ -1,11 +1,13 @@
 import styles from "./Footer.module.css";
 import Link from "next/link";
+import Image from "next/image";
 import {
   InstagramLogoIcon,
   LinkedinLogoIcon,
   XLogoIcon,
   FacebookLogoIcon,
 } from "@phosphor-icons/react/dist/ssr";
+import { companyData } from "@/data/companyData";
 
 const currentYear = new Date().getFullYear();
 
@@ -13,22 +15,24 @@ export default function Footer() {
   return (
     <footer className={styles.footer}>
       <div className={styles.footer__inner}>
-        {/* Top: Brand + Navigation */}
         <div className={styles.footer__top}>
-          {/* Brand */}
           <div className={styles.footer__brand}>
             <Link href="/" className={styles.footer__logo}>
-              ENVU {/* ← Logo oder Bildkomponente hier */}
+              <Image
+                src="/logo/logo-basiclean-white.svg"
+                alt={companyData.companyName}
+                width={160}
+                height={48}
+                unoptimized
+              />
             </Link>
-            <p className={styles.footer__tagline}>
-              Maßgeschneiderte digitale Lösungen für Ihr Unternehmen.
-            </p>
+
+            <p className={styles.footer__tagline}>{companyData.slogan}</p>
           </div>
 
-          {/* Navigation Spalten */}
           <nav className={styles.footer__nav} aria-label="Footer Navigation">
-            <div className={styles.footer__nav_group}>
-              <span className={styles.footer__nav_title}>Unternehmen</span>
+            <div className={styles["footer__nav-group"]}>
+              <span className={styles["footer__nav-title"]}>Unternehmen</span>
               <ul>
                 <li>
                   <Link href="/ueberuns">Über uns</Link>
@@ -36,14 +40,17 @@ export default function Footer() {
                 <li>
                   <Link href="/leistungen">Leistungen</Link>
                 </li>
+                <li>
+                  <Link href="/branchenloesungen">Branchenlösungen</Link>
+                </li>
                 <li>
                   <Link href="/kontakt">Kontakt</Link>
                 </li>
               </ul>
             </div>
 
-            <div className={styles.footer__nav_group}>
-              <span className={styles.footer__nav_title}>Rechtliches</span>
+            <div className={styles["footer__nav-group"]}>
+              <span className={styles["footer__nav-title"]}>Rechtliches</span>
               <ul>
                 <li>
                   <Link href="/impressum">Impressum</Link>
@@ -56,13 +63,12 @@ export default function Footer() {
           </nav>
         </div>
 
-        {/* Divider */}
         <div className={styles.footer__divider} />
 
-        {/* Bottom: Copyright + Social */}
         <div className={styles.footer__bottom}>
           <p className={styles.footer__copy}>
-            © {currentYear}. Alle Rechte vorbehalten.
+            Copyright © {currentYear} {companyData.companyName}. Alle Rechte
+            vorbehalten.
           </p>
 
           <div className={styles.footer__social}>
@@ -74,6 +80,7 @@ export default function Footer() {
             >
               <InstagramLogoIcon size={20} />
             </a>
+
             <a
               href="https://linkedin.com"
               target="_blank"
@@ -82,6 +89,7 @@ export default function Footer() {
             >
               <LinkedinLogoIcon size={20} />
             </a>
+
             <a
               href="https://x.com"
               target="_blank"
@@ -90,6 +98,7 @@ export default function Footer() {
             >
               <XLogoIcon size={20} />
             </a>
+
             <a
               href="https://facebook.com"
               target="_blank"