Merge version_10 into main

Update src/app/styles/variables.css
2026-06-10 10:46:24 +00:00 · 2026-06-10 10:46:21 +00:00 · 2026-06-10 10:46:21 +00:00 · 2026-06-10 10:43:13 +00:00 · 2026-06-10 10:43:10 +00:00 · 2026-06-10 10:43:03 +00:00
4 changed files with 69 additions and 166 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Poppins } from "next/font/google";
 import { Montserrat } from "next/font/google";
 import { Figtree } from "next/font/google";
@@ -41,10 +43,11 @@ export const metadata: Metadata = {
  },
 };
-const poppins = Poppins({
+
-  variable: "--font-poppins",
+
 const figtree = Figtree({
  variable: "--font-figtree",
  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 export default function RootLayout({
@@ -55,7 +58,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${poppins.variable} antialiased`}>
+        <body className={`${figtree.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/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>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #fbfaff;
+  --background: #000000;
-  --card: #f7f5ff;
+  --card: #0c0c0c;
-  --foreground: #0f0022;
+  --foreground: #ffffff;
-  --primary-cta: #8b5cf6;
+  --primary-cta: #106EFB;
-  --primary-cta-text: #fbfaff;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #0f0022;
+  --secondary-cta-text: #ffffff;
-  --accent: #d8cef5;
+  --accent: #535353;
-  --background-accent: #c4a8f9;
+  --background-accent: #106EFB;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	50ec69325f	Merge version_10 into main Merge version_10 into main	2026-06-10 10:46:24 +00:00
bender	2386d380a2	Update src/app/styles/variables.css	2026-06-10 10:46:21 +00:00
bender	677bca23ea	Update src/app/page.tsx	2026-06-10 10:46:21 +00:00
bender	5db76834d6	Merge version_9 into main Merge version_9 into main	2026-06-10 10:43:13 +00:00
bender	782ab66ac3	Update theme colors	2026-06-10 10:43:10 +00:00
bender	22cdd96cde	Merge version_8 into main Merge version_8 into main	2026-06-10 10:43:03 +00:00
bender	5f3fc1b2f3	Update theme colors	2026-06-10 10:43:00 +00:00
bender	fce96bc6c2	Merge version_7 into main Merge version_7 into main	2026-06-10 10:40:23 +00:00
bender	1a5235a21b	Update theme fonts	2026-06-10 10:40:20 +00:00
bender	7d08e21a0e	Update theme fonts	2026-06-10 10:40:20 +00:00
bender	2fbbb150ad	Merge version_7 into main Merge version_7 into main	2026-06-10 10:40:12 +00:00
bender	46ccfed177	Update theme fonts	2026-06-10 10:40:06 +00:00
bender	aad1e5bcf7	Update theme fonts	2026-06-10 10:40:06 +00:00
bender	83a77c5d0f	Merge version_7 into main Merge version_7 into main	2026-06-10 10:39:51 +00:00
bender	920527acfd	Update theme colors	2026-06-10 10:39:48 +00:00
bender	3ba592ae55	Merge version_6 into main Merge version_6 into main	2026-06-10 10:39:38 +00:00
bender	d0610fdc16	Update theme colors	2026-06-10 10:39:35 +00:00
bender	55b801fe7d	Merge version_5 into main Merge version_5 into main	2026-06-10 10:39:23 +00:00
bender	4949836aa8	Update theme colors	2026-06-10 10:39:20 +00:00
bender	3f9568e7cf	Merge version_4 into main Merge version_4 into main	2026-06-10 10:39:16 +00:00
bender	cb95c0c94f	Update theme colors	2026-06-10 10:39:13 +00:00
bender	8f98b733ff	Merge version_3 into main Merge version_3 into main	2026-06-10 10:38:35 +00:00
bender	2012322c9e	Update theme colors	2026-06-10 10:38:32 +00:00
bender	6dc43a9f83	Merge version_2 into main Merge version_2 into main	2026-06-10 10:38:16 +00:00
bender	0d1252d29a	Update theme colors	2026-06-10 10:38:13 +00:00