Update src/app/page.tsx

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Minoaskin"
     />
@@ -56,71 +48,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Berlin's Premium Skincare Experience"
       description="Discover Minoaskin, where dermatological science meets pure, botanical luxury. Curated for the modern skin, made for the Berlin lifestyle."
       kpis={[
         {
-          value: "100%",
+          value: "100%",          label: "Natural Ingredients"},
-          label: "Natural Ingredients",
-        },
         {
-          value: "12+",
+          value: "12+",          label: "Scientific Formulas"},
-          label: "Scientific Formulas",
-        },
         {
-          value: "15k+",
+          value: "15k+",          label: "Satisfied Berliners"},
-          label: "Satisfied Berliners",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-blue-bathrobe_1157-32257.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-flowers-mirror_23-2148879007.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-flowers-mirror_23-2148879007.jpg",          alt: "Customer profile 1"},
-          alt: "Customer profile 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/female-model-summer-makeup-with-light-tones_114579-9353.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-model-summer-makeup-with-light-tones_114579-9353.jpg",          alt: "Customer profile 2"},
-          alt: "Customer profile 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166446.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166446.jpg",          alt: "Customer profile 3"},
-          alt: "Customer profile 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830355.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830355.jpg",          alt: "Customer profile 4"},
-          alt: "Customer profile 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater-naked-shoulder_23-2148749913.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater-naked-shoulder_23-2148749913.jpg",          alt: "Customer profile 5"},
-          alt: "Customer profile 5",
-        },
       ]}
       avatarText="Join 15k+ happy customers"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Cruelty-Free"},
-          text: "Cruelty-Free",
-        },
         {
-          type: "text",
+          type: "text",          text: "Dermatologist Tested"},
-          text: "Dermatologist Tested",
-        },
         {
-          type: "text",
+          type: "text",          text: "Berlin Born"},
-          text: "Berlin Born",
-        },
         {
-          type: "text",
+          type: "text",          text: "Organic Ingredients"},
-          text: "Organic Ingredients",
-        },
         {
-          type: "text",
+          type: "text",          text: "Clinically Proven"},
-          text: "Clinically Proven",
-        },
       ]}
     />
   </div>
@@ -140,20 +105,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Clinical Efficacy",
+          title: "Clinical Efficacy",          description: "Formulated by dermatologists for proven results.",          imageSrc: "http://img.b2bpic.net/free-photo/shining-drops-airy-bubbles_23-2148205155.jpg"},
-          description: "Formulated by dermatologists for proven results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shining-drops-airy-bubbles_23-2148205155.jpg",
-        },
         {
-          title: "Organic Purity",
+          title: "Organic Purity",          description: "Hand-picked, sustainable plant-based nutrients.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg"},
-          description: "Hand-picked, sustainable plant-based nutrients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg",
-        },
         {
-          title: "Verified Results",
+          title: "Verified Results",          description: "Rigorous testing to ensure long-term skin health.",          imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg"},
-          description: "Rigorous testing to ensure long-term skin health.",
-          imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg",
-        },
       ]}
       title="Why Minoaskin?"
       description="Our commitment to quality, efficacy, and sustainable beauty."
@@ -168,41 +124,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Hydra Glow Cream",          price: "€58.00",          imageSrc: "http://img.b2bpic.net/free-photo/containers-arrangement-flat-lay_23-2148978194.jpg"},
-          name: "Hydra Glow Cream",
-          price: "€58.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/containers-arrangement-flat-lay_23-2148978194.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Gentle Foam Cleanser",          price: "€32.00",          imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-near-tube_23-2147766594.jpg"},
-          name: "Gentle Foam Cleanser",
-          price: "€32.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-near-tube_23-2147766594.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Advanced Serum",          price: "€74.00",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163164.jpg"},
-          name: "Advanced Serum",
-          price: "€74.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163164.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Night Repair Mask",          price: "€62.00",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307224.jpg"},
-          name: "Night Repair Mask",
-          price: "€62.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307224.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Radiance Toner",          price: "€38.00",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg"},
-          name: "Radiance Toner",
-          price: "€38.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Vitamin C Booster",          price: "€68.00",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-joyful-woman-with-wavy-hair-red-lips-holding-beauty-cream-hand-while-happily-looking-camera-black-background_574295-3215.jpg"},
-          name: "Vitamin C Booster",
-          price: "€68.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-joyful-woman-with-wavy-hair-red-lips-holding-beauty-cream-hand-while-happily-looking-camera-black-background_574295-3215.jpg",
-        },
       ]}
       title="Our Signature Collection"
       description="Explore the full range of Minoaskin solutions for every skin type and need."
@@ -216,23 +148,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Sparkles,
-          icon: Sparkles,
+          title: "Radiance Index",          value: "94%"},
-          title: "Radiance Index",
-          value: "94%",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Shield,
-          icon: Shield,
+          title: "Barrier Protection",          value: "99%"},
-          title: "Barrier Protection",
-          value: "99%",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Award,
-          icon: Award,
+          title: "Dermatologist Tested",          value: "100%"},
-          title: "Dermatologist Tested",
-          value: "100%",
-        },
       ]}
       title="Science in Numbers"
       description="Empowering your skin health journey daily."
@@ -246,43 +169,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Julia M.",          handle: "@julia_berlin",          testimonial: "Meine Haut hat noch nie so klar und strahlend ausgesehen.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-freckled-woman-holding-flower_23-2148749866.jpg"},
-          name: "Julia M.",
-          handle: "@julia_berlin",
-          testimonial: "My skin has never looked so clear and radiant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-freckled-woman-holding-flower_23-2148749866.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Lukas K.",          handle: "@lukas_k",          testimonial: "Endlich eine Pflegeroutine, die für meine empfindliche Haut funktioniert.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-covering-her-face_23-2149551244.jpg"},
-          name: "Lukas K.",
-          handle: "@lukas_k",
-          testimonial: "Finally found a routine that works for my sensitive skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-covering-her-face_23-2149551244.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Elena R.",          handle: "@elena_skin",          testimonial: "Professionelle Ergebnisse mit natürlichen Inhaltsstoffen.",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman_23-2148138696.jpg"},
-          name: "Elena R.",
-          handle: "@elena_skin",
-          testimonial: "Professional results with natural products.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman_23-2148138696.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Sarah S.",          handle: "@sarah_s",          testimonial: "Exzellenter Service und wirklich effektive Produkte.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_23-2148916395.jpg"},
-          name: "Sarah S.",
-          handle: "@sarah_s",
-          testimonial: "Excellent service and truly effective skincare.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_23-2148916395.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Marc L.",          handle: "@marc_berlin",          testimonial: "Ich kann die Nachtcreme wirklich jedem empfehlen.",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-curly-haired-woman-embraces-own-body-smiles-happily-keeps-eyes-closed-holds-calla-flower-applies-hydrogel-patches-wears-casual-t-shirt-isolated-brown-background_273609-58050.jpg"},
-          name: "Marc L.",
-          handle: "@marc_berlin",
-          testimonial: "Highly recommend the night cream for everyone.",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-curly-haired-woman-embraces-own-body-smiles-happily-keeps-eyes-closed-holds-calla-flower-applies-hydrogel-patches-wears-casual-t-shirt-isolated-brown-background_273609-58050.jpg",
-        },
       ]}
-      title="Stories from Berlin"
+      title="Erfahrungen aus Berlin"
-      description="See why locals trust us with their skin."
+      description="Entdecke, warum Berliner uns bei ihrer Hautpflege vertrauen."
     />
   </div>
 
@@ -292,23 +190,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Ist Minoaskin sicher für empfindliche Haut?",          content: "Ja, alle unsere Rezepturen sind dermatologisch getestet und hypoallergen."},
-          title: "Is Minoaskin safe for sensitive skin?",
-          content: "Yes, all our formulas are dermatologist tested and hypoallergenic.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Wo kann ich in Berlin einkaufen?",          content: "Besuche unsere Boutique in Mitte oder bestelle bequem online für die Lieferung direkt nach Hause."},
-          title: "Where can I purchase in Berlin?",
-          content: "Visit our boutique in Mitte or shop online for home delivery.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Sind eure Inhaltsstoffe vegan?",          content: "Absolut, alle unsere Produkte sind zu 100 % vegan und tierversuchsfrei."},
-          title: "Are your ingredients vegan?",
-          content: "Absolutely, all our products are 100% vegan and cruelty-free.",
-        },
       ]}
-      title="Frequently Asked Questions"
+      title="Häufig gestellte Fragen"
-      description="Have questions about your skincare routine?"
+      description="Hast du Fragen zu deiner Hautpflegeroutine?"
       faqsAnimation="slide-up"
     />
   </div>
@@ -317,13 +206,15 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
+      tag="Bleib informiert"
-      tag="Stay Updated"
+      title="Werde Teil der Skin-Community"
-      title="Join the Skin Community"
+      description="Melde dich an für exklusive Angebote und Expertentipps zur Hautpflege direkt aus Berlin."
-      description="Sign up for exclusive offers and skincare tips directly from our experts."
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3509.jpg"
       mediaAnimation="slide-up"
+      inputPlaceholder="Deine E-Mail-Adresse"
+      buttonText="Anmelden"
+      termsText="Mit dem Klick auf Anmelden bestätigst du, dass du unseren Nutzungsbedingungen zustimmst."
     />
   </div>
 
@@ -332,45 +223,31 @@ export default function LandingPage() {
       logoText="Minoaskin"
       columns={[
         {
-          title: "Explore",
+          title: "Entdecken",          items: [
-          items: [
             {
-              label: "Our Story",
+              label: "Unsere Geschichte",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Products",
+              label: "Produkte",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact Us",
+              label: "Kontakt",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Rechtliches",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Datenschutz",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "AGB",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
+      copyrightText="© 2025 | Minoaskin Berlin"
     />
   </div>
       </ReactLenis>