Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -20,32 +20,21 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="largeSmallSizeLargeTitles"
-        background="circleGradient"
+        background="noiseDiagonalGradient"
-        cardStyle="outline"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Start", id: "hero" },
-          name: "Start",
+        { name: "Leistungen", id: "leistungen" },
-          id: "hero",
+        { name: "Vorteile", id: "vorteile" },
-        },
+        { name: "Über uns", id: "about" },
-        {
+        { name: "Kontakt", id: "contact" },
-          name: "Leistungen",
-          id: "leistungen",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
       ]}
       brandName="Rohr & Kraft"
     />
@@ -53,16 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogo
-      logoText="Rohr & Kraft – Ihr Klempner in München"
+      logoText="Rohr & Kraft"
-      description="24/7 Notdienst für alle Fälle. Schnelle, zuverlässige Hilfe bei Rohrbruch, Heizung und Sanitär."
+      description="Ihr professioneller Partner in München für Sanitär, Heizung und Rohrreinigung. 24/7 Notdienst – schnell, zuverlässig, fair."
       buttons={[
-        {
+        { text: "Jetzt anrufen", href: "tel:+4989123456" },
-          text: "Jetzt anrufen",
-          href: "tel:+4989123456",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg?_wi=1"
-      imageAlt="Rohr & Kraft Handwerker-Team"
+      imageAlt="Klempner bei der Arbeit"
     />
   </div>
 
@@ -71,35 +57,15 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      features={[
-        {
-          icon: AlertTriangle,
-          title: "Rohrbruch-Notdienst",
-          description: "Soforthilfe bei akuten Notfällen, rund um die Uhr erreichbar.",
-        },
-        {
-          icon: Flame,
-          title: "Heizungsinstallation",
-          description: "Moderne Heiztechnik für Ihr Zuhause oder Gewerbeobjekt.",
-        },
-        {
-          icon: Droplets,
-          title: "Badezimmersanierung",
-          description: "Individuelle Planung und Umsetzung Ihres Traum-Bads.",
-        },
-        {
-          icon: Droplet,
-          title: "Wasserschadenbeseitigung",
-          description: "Professionelle Trocknung und Sanierung bei Wasserschäden.",
-        },
-        {
-          icon: Wrench,
-          title: "Kanalreinigung",
-          description: "Zuverlässige Beseitigung von Verstopfungen in allen Rohrsystemen.",
-        },
-      ]}
       title="Unsere Leistungen"
-      description="Vom Notfall bis zur Komplettsanierung – wir sind für Sie da."
+      description="Von akuten Notfällen bis zur kompletten Badsanierung – wir bieten fachmännische Lösungen für Ihr Zuhause."
+      features={[
+        { icon: AlertTriangle, title: "Rohrbruch-Notdienst", description: "24/7 Soforthilfe bei Wasserschäden in München." },
+        { icon: Flame, title: "Heizungsinstallation", description: "Moderne Heiztechnik für effiziente Wärme." },
+        { icon: Droplets, title: "Badezimmersanierung", description: "Ihr Traum-Bad aus einer Hand geplant und umgesetzt." },
+        { icon: Droplet, title: "Wasserschadenbeseitigung", description: "Professionelle Trocknung und Sanierung nach Notfällen." },
+        { icon: Wrench, title: "Kanalreinigung", description: "Zuverlässige Beseitigung von Verstopfungen." },
+      ]}
     />
   </div>
 
@@ -108,143 +74,60 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Ihre Vorteile bei Rohr & Kraft"
+      description="Warum Münchner Haushalte uns vertrauen."
       metrics={[
-        {
+        { id: "v1", value: "24/7", title: "Notdienst", description: "Rund um die Uhr für Sie da.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg?_wi=1" },
-          id: "m1",
+        { id: "v2", value: "Fix", title: "Festpreis", description: "Transparente Kosten, keine Überraschungen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112486.jpg" },
-          value: "24/7",
+        { id: "v3", value: "Geprüft", title: "Fachbetrieb", description: "Zertifizierte Qualität und Sicherheit.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384822.jpg" },
-          title: "Reaktionszeit",
-          description: "Wir sind immer für Sie da.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112486.jpg",
-        },
-        {
-          id: "m2",
-          value: "Festpreis",
-          title: "Garantie",
-          description: "Keine versteckten Kosten für Sie.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-girl-holding-skateboard-her-shoulders_171337-3270.jpg",
-        },
-        {
-          id: "m3",
-          value: "Fachbetrieb",
-          title: "Zertifiziert",
-          description: "Geprüfte Qualität in München.",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384822.jpg",
-        },
-        {
-          id: "m4",
-          value: "100%",
-          title: "Zuverlässigkeit",
-          description: "Fachmännische Arbeit garantiert.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portait-two-generation-carpenters_329181-15614.jpg",
-        },
-        {
-          id: "m5",
-          value: "Lokal",
-          title: "München",
-          description: "Direkt vor Ort für Sie.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg",
-        },
       ]}
-      title="Warum Rohr & Kraft?"
-      description="Wir stehen für Qualität, Transparenz und Geschwindigkeit in München."
     />
   </div>
 
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
-      useInvertedBackground={true}
       heading={[
-        {
+        { type: "text", content: "Ihr lokaler Klempner in München" },
-          type: "text",
-          content: "Über Rohr & Kraft",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg",
-          alt: "Über uns",
-        },
       ]}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={false}
+      testimonial="Super schnell und professionell bei meinem Notfall! Absolut empfehlenswert für München."
-      testimonial="Super schnelle Hilfe bei meinem Rohrbruch! Sehr kompetentes Team und fairer Preis."
       rating={5}
-      author="Markus S."
+      author="Familie Müller"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112486.jpg",
-          alt: "Kunde 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-excited-girl-holding-skateboard-her-shoulders_171337-3270.jpg",
-          alt: "Kunde 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384822.jpg",
-          alt: "Kunde 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portait-two-generation-carpenters_329181-15614.jpg",
-          alt: "Kunde 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg",
-          alt: "Kunde 5",
-        },
-      ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
+      avatars={[]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Kontaktieren Sie uns"
-      description="Haben Sie ein Anliegen oder benötigen Sie sofort Hilfe? Schreiben Sie uns."
-      imageSrc="http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg"
-      mediaAnimation="slide-up"
       tag="Kontakt"
+      title="Direkt Hilfe anfordern"
+      description="Rufen Sie uns an oder schreiben Sie uns eine Nachricht."
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg?_wi=2"
       logoText="Rohr & Kraft"
+      copyrightText="© 2024 Rohr & Kraft – Ihr Klempner in München"
       columns={[
-        {
+        { title: "Service", items: [{ label: "Notdienst", href: "tel:+4989123456" }] },
-          title: "Kontakt",
+        { title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
-          items: [
+        { title: "Öffnungszeiten", items: [{ label: "24/7 für Sie erreichbar", href: "#" }] }
-            {
-              label: "Telefon: 089 123456",
-              href: "tel:+4989123456",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg?_wi=2"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #000612;
+  --foreground: #001122;
-  --primary-cta: #E34400;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #15479c;
+  --secondary-cta: #E34400;
   --secondary-cta-text: #ffffff;
   --accent: #E34400;
-  --background-accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);