Update src/app/page.tsx

Merge version_8 into main

src/app/contact/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/features" },
+            { name: "Booking", id: "/contact" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="MD NAILS"
+        />
+        <div className="pt-32 pb-20">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Get in Touch"
+            description="Visit us at Pferdemarkt 39, 18273 Güstrow or call 01520 6021899. Business hours: Mon-Fri 09:00 - 18:00, Sat 10:00 - 15:00."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "email", type: "email", placeholder: "Your Email" },
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
+          />
+        </div>
+        <FooterSimple
+          columns={[
+            { title: "Visit", items: [{ label: "Pferdemarkt 39, 18273 Güstrow" }] },
+            { title: "Call", items: [{ label: "01520 6021899", href: "tel:015206021899" }] },
+          ]}
+          bottomLeftText="© 2025 MD NAILS"
+          bottomRightText="All Rights Reserved"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,22 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Booking", id: "/contact" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="MD NAILS"
     />
@@ -56,19 +45,13 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="MD NAILS"
-      description="Experience premium nail care in the heart of Güstrow. New clients receive 20% off!"
+      description="Erleben Sie erstklassige Nagelpflege im Herzen von Güstrow. Neukunden erhalten 20 % Rabatt!"
       buttons={[
-        {
-          text: "Book Now",
-          href: "tel:015206021899",
-        },
-        {
-          text: "Directions",
-          href: "https://maps.google.com",
-        },
+        { text: "Termin Buchen", href: "/contact" },
+        { text: "Directions", href: "https://maps.google.com" },
       ]}
       buttonAnimation="slide-up"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m5oi2t&_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQgpYPOsBhUEy4B8nkWuUquDYe/uploaded-1776337460775-1ck79tob.png"
       imageAlt="luxury nail salon interior"
     />
   </div>
@@ -77,19 +60,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Professional Nail Care",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xebnmw",
-          alt: "nail artist working",
-        },
-        {
-          type: "text",
-          content: "in Güstrow",
-        },
+        { type: "text", content: "Professionelle NagelpflegeNagelstylistin" },
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xebnmw", alt: "nail artist working" },
+        { type: "text", content: "in Güstrow" },
       ]}
     />
   </div>
@@ -101,24 +74,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Expert Manicures",
-          description: "Professional care for beautiful, healthy nails.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=37uw9i",
-        },
-        {
-          title: "Relaxing Pedicures",
-          description: "Revitalize your feet with our premium treatments.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3oexin",
-        },
-        {
-          title: "Nail Art Design",
-          description: "Custom styles and trends to match your personality.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnrvu1",
-        },
+        { title: "Professionelle Maniküre", description: "Professionelle Pflege für schöne, gesunde Nägel.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQgpYPOsBhUEy4B8nkWuUquDYe/uploaded-1776336056313-h5synoda.png" },
+        { title: "Entspannende Pediküre", description: "Verwöhnen Sie Ihre Füße mit unseren erstklassigen Behandlungen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQgpYPOsBhUEy4B8nkWuUquDYe/uploaded-1776336508234-muuhbve7.png" },
+        { title: "Nail Art Design", description: "Individuelle Styles und Trends, die zu deiner Persönlichkeit passen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQgpYPOsBhUEy4B8nkWuUquDYe/uploaded-1776340143025-sl6b9v33.png" },
       ]}
-      title="Our Services"
-      description="Offering a variety of beauty treatments to keep you looking your best."
+      title="Unser Service"
+      description="Wir bieten eine Vielzahl von Schönheitsbehandlungen an, damit Sie immer gut aussehen."
     />
   </div>
 
@@ -129,45 +90,15 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Classic Manicure",
-          price: "from €20",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jx4xx4",
-        },
-        {
-          id: "p2",
-          name: "Deluxe Pedicure",
-          price: "from €35",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81mll1",
-        },
-        {
-          id: "p3",
-          name: "Gel Nails Full Set",
-          price: "from €45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7d2rb",
-        },
-        {
-          id: "p4",
-          name: "Nail Art Polish",
-          price: "from €10",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s9wu9v",
-        },
-        {
-          id: "p5",
-          name: "Acrylic Refill",
-          price: "from €30",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ndfww",
-        },
-        {
-          id: "p6",
-          name: "Spa Hand Treatment",
-          price: "from €25",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0tm8s",
-        },
+        { id: "p1", name: "Classic Manicure", price: "from €20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jx4xx4" },
+        { id: "p2", name: "Deluxe Pedicure", price: "from €35", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81mll1" },
+        { id: "p3", name: "Gel Nails Full Set", price: "from €45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7d2rb" },
+        { id: "p4", name: "Nail Art Polish", price: "from €10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s9wu9v" },
+        { id: "p5", name: "Acrylic Refill", price: "from €30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ndfww" },
+        { id: "p6", name: "Spa Hand Treatment", price: "from €25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0tm8s" },
       ]}
       title="Service Highlights"
-      description="Explore our curated nail salon services."
+      description="Entdecken Sie unser sorgfältig zusammengestelltes Angebot an Nagelstudio-Dienstleistungen."
     />
   </div>
 
@@ -177,24 +108,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Star,
-          title: "Client Rating",
-          value: "4.7",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Satisfied Clients",
-          value: "1000+",
-        },
-        {
-          id: "m3",
-          icon: Calendar,
-          title: "Years Experience",
-          value: "5+",
-        },
+        { id: "m1", icon: Star, title: "Client Rating", value: "4.7" },
+        { id: "m2", icon: Award, title: "Satisfied Clients", value: "1000+" },
+        { id: "m3", icon: Calendar, title: "Years Experience", value: "5+" },
       ]}
       title="Salon Excellence"
       description="We are proud to serve the Güstrow community."
@@ -208,46 +124,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ql5zoo",
-        },
-        {
-          id: "2",
-          name: "Julia Schmidt",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5o0nx",
-        },
-        {
-          id: "3",
-          name: "Anna Weber",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0qgq35",
-        },
-        {
-          id: "4",
-          name: "Lisa Fischer",
-          role: "Client",
-          company: "Local Resident",
-          rating: 4,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ic80iw",
-        },
-        {
-          id: "5",
-          name: "Maria Koch",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=foclua",
-        },
+        { id: "1", name: "Sarah Miller", role: "Client", company: "Local Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ql5zoo" },
+        { id: "2", name: "Julia Schmidt", role: "Client", company: "Local Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5o0nx" },
+        { id: "3", name: "Anna Weber", role: "Client", company: "Local Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0qgq35" },
+        { id: "4", name: "Lisa Fischer", role: "Client", company: "Local Resident", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ic80iw" },
+        { id: "5", name: "Maria Koch", role: "Client", company: "Local Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=foclua" },
       ]}
       title="What Clients Say"
       description="Read what our wonderful customers think about their experience at MD Nails."
@@ -259,21 +140,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do I need an appointment?",
-          content: "Yes, we recommend booking an appointment to ensure you get your preferred time.",
-        },
-        {
-          id: "f2",
-          title: "Are walk-ins welcome?",
-          content: "We try to accommodate walk-ins, but scheduled appointments take priority.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer discounts?",
-          content: "Yes, new clients get 20% off their first visit.",
-        },
+        { id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure you get your preferred time." },
+        { id: "f2", title: "Are walk-ins welcome?", content: "We try to accommodate walk-ins, but scheduled appointments take priority." },
+        { id: "f3", title: "Do you offer discounts?", content: "Yes, new clients get 20% off their first visit." },
       ]}
       mediaAnimation="slide-up"
       title="Common Questions"
@@ -283,48 +152,11 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Visit Us"
-      description="Located at Pferdemarkt 39, 18273 Güstrow. Give us a call at 01520 6021899 to book your appointment."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7y47m"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Visit",
-          items: [
-            {
-              label: "Pferdemarkt 39, 18273 Güstrow",
-              href: "https://maps.google.com",
-            },
-          ],
-        },
-        {
-          title: "Call",
-          items: [
-            {
-              label: "01520 6021899",
-              href: "tel:015206021899",
-            },
-          ],
-        },
+        { title: "Visit", items: [{ label: "Pferdemarkt 39, 18273 Güstrow", href: "https://maps.google.com" }] },
+        { title: "Call", items: [{ label: "01520 6021899", href: "tel:015206021899" }] },
       ]}
       bottomLeftText="© 2025 MD NAILS"
       bottomRightText="All Rights Reserved"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);