Merge version_10 into main

Merge version_10 into main

src/app/page.tsx

@@ -21,10 +21,10 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="medium"
         sizing="largeSizeMediumTitles"
-        background="fluid"
+        background="none"
-        cardStyle="gradient-mesh"
+        cardStyle="solid"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="solid"
         headingFontWeight="light"
     >
       <ReactLenis root>
@@ -32,54 +32,36 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Start",
+          name: "Start",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Über uns",
+          name: "Über uns",          id: "#ueber-uns"},
-          id: "#ueber-uns",
-        },
         {
-          name: "Leistungen",
+          name: "Leistungen",          id: "#leistungen"},
-          id: "#leistungen",
-        },
         {
-          name: "Erfolge",
+          name: "Erfolge",          id: "#erfolge"},
-          id: "#erfolge",
-        },
         {
-          name: "Kundenstimmen",
+          name: "Kundenstimmen",          id: "#kundenstimmen"},
-          id: "#kundenstimmen",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "#kontakt"},
-          id: "#kontakt",
-        },
       ]}
       brandName="Bauwerk GmbH"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwK0kSWkxHIZqtxLyN2hIcBfjC/uploaded-1781088356461-yj1d8xnx.png"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Ihr Partner für Dach & Bau in Siegburg"
       description="Die Bauwerk GmbH ist Ihr Experte für professionelle Dacharbeiten und umfassende Baulösungen. Qualität, Zuverlässigkeit und Kundenzufriedenheit stehen bei uns an erster Stelle."
       buttons={[
         {
-          text: "Mehr erfahren",
+          text: "Mehr erfahren",          href: "#ueber-uns"},
-          href: "#ueber-uns",
-        },
         {
-          text: "Kontakt aufnehmen",
+          text: "Kontakt aufnehmen",          href: "#kontakt"},
-          href: "#kontakt",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/drone-view-jackson-cascades-sunlight-michigan_181624-34351.jpg"
       imageAlt="Professionelle Dach- und Bauarbeiten"
@@ -94,17 +76,11 @@ export default function LandingPage() {
       description="Seit Jahren stehen wir in Siegburg und Umgebung für herausragende Handwerkskunst im Bereich Dach- und Bauarbeiten. Unser erfahrenes Team garantiert höchste Qualität und termingerechte Ausführung bei jedem Projekt."
       bulletPoints={[
         {
-          title: "Meisterbetrieb",
+          title: "Meisterbetrieb",          description: "Als zertifizierter Meisterbetrieb garantieren wir höchste Qualitätsstandards."},
-          description: "Als zertifizierter Meisterbetrieb garantieren wir höchste Qualitätsstandards.",
-        },
         {
-          title: "Erfahrenes Team",
+          title: "Erfahrenes Team",          description: "Unsere Dachdecker und Baufachleute sind bestens geschult und erfahren."},
-          description: "Unsere Dachdecker und Baufachleute sind bestens geschult und erfahren.",
-        },
         {
-          title: "Regionale Expertise",
+          title: "Regionale Expertise",          description: "Wir kennen die Besonderheiten der Region Siegburg und Umgebung."},
-          description: "Wir kennen die Besonderheiten der Region Siegburg und Umgebung.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg"
       imageAlt="Bauwerk Team bei der Besprechung"
@@ -119,21 +95,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Undichte Dächer und Wasserschäden",
+          "Undichte Dächer und Wasserschäden",          "Veraltete oder beschädigte Dachkonstruktionen",          "Mangelhafte Energieeffizienz und hohe Heizkosten",          "Unzureichender Schutz vor Witterungseinflüssen",          "Schlechte Raumakustik durch ungedämmte Dächer"],
-          "Veraltete oder beschädigte Dachkonstruktionen",
-          "Mangelhafte Energieeffizienz und hohe Heizkosten",
-          "Unzureichender Schutz vor Witterungseinflüssen",
-          "Schlechte Raumakustik durch ungedämmte Dächer",
-        ],
       }}
       positiveCard={{
         items: [
-          "Langlebige und dichte Dächer",
+          "Langlebige und dichte Dächer",          "Moderne und sichere Dachkonstruktionen",          "Optimale Energieeffizienz durch Dämmung",          "Fachgerechter Schutz für Ihre Immobilie",          "Verbesserte Wohnqualität und Raumklima"],
-          "Moderne und sichere Dachkonstruktionen",
-          "Optimale Energieeffizienz durch Dämmung",
-          "Fachgerechter Schutz für Ihre Immobilie",
-          "Verbesserte Wohnqualität und Raumklima",
-        ],
       }}
       title="Unsere Leistungen im Überblick"
       description="Wir bieten eine breite Palette an Dienstleistungen, um Ihr Zuhause und Ihre Immobilie optimal zu schützen und zu gestalten."
@@ -148,20 +114,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15+",          description: "Jahre Erfahrung in der Branche"},
-          value: "15+",
-          description: "Jahre Erfahrung in der Branche",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "200+",          description: "Zufriedene Kunden"},
-          value: "200+",
-          description: "Zufriedene Kunden",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "500+",          description: "Abgeschlossene Projekte"},
-          value: "500+",
-          description: "Abgeschlossene Projekte",
-        },
       ]}
       title="Unsere Erfolge in Zahlen"
       description="Vertrauen Sie auf unsere langjährige Erfahrung und zahlreiche erfolgreich abgeschlossene Projekte in der Region Siegburg."
@@ -176,25 +133,15 @@ export default function LandingPage() {
       author="Alexander Mosler"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",          alt: "Christian Rossa"},
-          alt: "Christian Rossa",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",          alt: "Sarah Müller"},
-          alt: "Sarah Müller",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39159.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39159.jpg",          alt: "Thomas Schmidt"},
-          alt: "Thomas Schmidt",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/professional-smiling-asian-female-construction-engineer-architect-black-suit-safety-helmet-lo_1258-94905.jpg",
+          src: "http://img.b2bpic.net/free-photo/professional-smiling-asian-female-construction-engineer-architect-black-suit-safety-helmet-lo_1258-94905.jpg",          alt: "Laura Meier"},
-          alt: "Laura Meier",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-worker_1163-2784.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-worker_1163-2784.jpg",          alt: "Max Mustermann"},
-          alt: "Max Mustermann",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -206,14 +153,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Bauder",
+        "Bauder",        "VELUX",        "Rheinzink",        "Braas",        "Rockwool",        "Knauf",        "Würth"]}
-        "VELUX",
-        "Rheinzink",
-        "Braas",
-        "Rockwool",
-        "Knauf",
-        "Würth",
-      ]}
       title="Unsere Partner & Lieferanten"
       description="Wir arbeiten ausschließlich mit renommierten Partnern und hochwertigen Materialien, um beste Ergebnisse für Ihr Bauvorhaben zu garantieren."
     />
@@ -224,30 +164,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Welche Dacharbeiten bieten Sie an?",          content: "Wir bieten eine Vielzahl von Dacharbeiten an, darunter Neueindeckungen, Reparaturen, Dämmungen, Dachfenstereinbau, Spenglerarbeiten und Wartungen für Steil- und Flachdächer."},
-          title: "Welche Dacharbeiten bieten Sie an?",
-          content: "Wir bieten eine Vielzahl von Dacharbeiten an, darunter Neueindeckungen, Reparaturen, Dämmungen, Dachfenstereinbau, Spenglerarbeiten und Wartungen für Steil- und Flachdächer.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "In welchem Gebiet sind Sie tätig?",          content: "Unser Haupttätigkeitsgebiet ist Siegburg und die umliegenden Städte und Gemeinden. Kontaktieren Sie uns gerne, um Details zu besprechen."},
-          title: "In welchem Gebiet sind Sie tätig?",
-          content: "Unser Haupttätigkeitsgebiet ist Siegburg und die umliegenden Städte und Gemeinden. Kontaktieren Sie uns gerne, um Details zu besprechen.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Wie erhalte ich ein Angebot?",          content: "Sie können uns telefonisch kontaktieren oder unser Anfrageformular auf der Webseite nutzen. Wir vereinbaren dann einen Besichtigungstermin und erstellen Ihnen ein unverbindliches Angebot."},
-          title: "Wie erhalte ich ein Angebot?",
-          content: "Sie können uns telefonisch kontaktieren oder unser Anfrageformular auf der Webseite nutzen. Wir vereinbaren dann einen Besichtigungstermin und erstellen Ihnen ein unverbindliches Angebot.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "Bieten Sie auch Wartungsverträge an?",          content: "Ja, wir bieten individuelle Wartungsverträge an, um die Langlebigkeit Ihres Daches zu gewährleisten und frühzeitig Schäden vorzubeugen."},
-          title: "Bieten Sie auch Wartungsverträge an?",
-          content: "Ja, wir bieten individuelle Wartungsverträge an, um die Langlebigkeit Ihres Daches zu gewährleisten und frühzeitig Schäden vorzubeugen.",
-        },
         {
-          id: "q5",
+          id: "q5",          title: "Arbeiten Sie mit bestimmten Materialien?",          content: "Wir arbeiten mit einer Vielzahl hochwertiger Materialien namhafter Hersteller, darunter Ziegel, Betondachsteine, Metall, Bitumen und Gründachsysteme. Gerne beraten wir Sie zur besten Wahl für Ihr Projekt."},
-          title: "Arbeiten Sie mit bestimmten Materialien?",
-          content: "Wir arbeiten mit einer Vielzahl hochwertiger Materialien namhafter Hersteller, darunter Ziegel, Betondachsteine, Metall, Bitumen und Gründachsysteme. Gerne beraten wir Sie zur besten Wahl für Ihr Projekt.",
-        },
       ]}
       sideTitle="Häufig gestellte Fragen"
       sideDescription="Hier finden Sie Antworten auf die gängigsten Fragen zu unseren Dienstleistungen und Abläufen."
@@ -259,20 +184,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Kontaktieren Sie uns"
       title="Bereit für Ihr Projekt?"
       description="Lassen Sie uns über Ihr nächstes Bauvorhaben sprechen. Wir erstellen Ihnen gerne ein unverbindliches Angebot und beraten Sie umfassend."
       buttons={[
         {
-          text: "Angebot anfordern",
+          text: "Angebot anfordern",          href: "#kontakt"},
-          href: "#kontakt",
-        },
         {
-          text: "Jetzt anrufen",
+          text: "Jetzt anrufen",          href: "tel:+4922418469333"},
-          href: "tel:+4922418469333",
-        },
       ]}
     />
   </div>
@@ -281,57 +201,37 @@ export default function LandingPage() {
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-against-sunset-sky_23-2152006122.jpg"
       imageAlt="Dachlandschaft bei Sonnenuntergang"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwK0kSWkxHIZqtxLyN2hIcBfjC/uploaded-1781088356461-yj1d8xnx.png"
       logoText="Bauwerk GmbH"
       columns={[
         {
-          title: "Leistungen",
+          title: "Leistungen",          items: [
-          items: [
             {
-              label: "Dachsanierung",
+              label: "Dachsanierung",              href: "#leistungen"},
-              href: "#leistungen",
-            },
             {
-              label: "Neubau",
+              label: "Neubau",              href: "#leistungen"},
-              href: "#leistungen",
-            },
             {
-              label: "Spenglerarbeiten",
+              label: "Spenglerarbeiten",              href: "#leistungen"},
-              href: "#leistungen",
-            },
           ],
         },
         {
-          title: "Unternehmen",
+          title: "Unternehmen",          items: [
-          items: [
             {
-              label: "Über uns",
+              label: "Über uns",              href: "#ueber-uns"},
-              href: "#ueber-uns",
-            },
             {
-              label: "Referenzen",
+              label: "Referenzen",              href: "#erfolge"},
-              href: "#erfolge",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
         {
-          title: "Kontakt",
+          title: "Kontakt",          items: [
-          items: [
             {
-              label: "Kontaktformular",
+              label: "Kontaktformular",              href: "#kontakt"},
-              href: "#kontakt",
-            },
             {
-              label: "Telefon",
+              label: "Telefon",              href: "tel:+4922418469333"},
-              href: "tel:+4922418469333",
-            },
             {
-              label: "Anfahrt",
+              label: "Anfahrt",              href: "https://www.google.com/maps/dir/?api=1&destination=Lindenstraße+76,+53721+Siegburg"},
-              href: "https://www.google.com/maps/dir/?api=1&destination=Lindenstraße+76,+53721+Siegburg",
-            },
           ],
         },
       ]}
@@ -341,4 +241,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #1c1c1c;
+  --foreground: #ffffff;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #106EFB;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #ffffff;
-  --accent: #508866;
+  --accent: #535353;
-  --background-accent: #a8e8ba;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);