From 31f9a11a2dfdfded555232eb46efdd75c2ffe996 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 23:50:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 230 ++++++++---------------------------------------
 1 file changed, 37 insertions(+), 193 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 415598e..9202800 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Collection",
-          id: "#products",
-        },
-        {
-          name: "Our Story",
-          id: "#about",
-        },
-        {
-          name: "Journal",
-          id: "#blog",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Collection", id: "#products" },
+        { name: "Our Story", id: "#about" },
+        { name: "Contact", id: "#contact" }
       ]}
       brandName="Lumière"
     />
@@ -55,47 +42,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Timeless Beauty, Pure Radiance"
       description="Experience the intersection of nature and science. Our curated collection offers a transformative ritual designed for the modern lifestyle."
       buttons={[
         {
-          text: "Explore Collection",
-          href: "#products",
-        },
+          text: "Explore Collection",          href: "#products"},
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-textile-material-fine-mesh_23-2148066733.jpg",
-          imageAlt: "Luxury cream jar",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg",
-          imageAlt: "Organic serum bottle",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440672.jpg",
-          imageAlt: "Beauty set",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_23-2150512472.jpg",
-          imageAlt: "Natural essence",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449094.jpg",
-          imageAlt: "Glowing skin serum",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-oil-dropper_23-2148761494.jpg",
-          imageAlt: "Botanical jar",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/light-textile-material-fine-mesh_23-2148066733.jpg", imageAlt: "Luxury cream jar" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg", imageAlt: "Organic serum bottle" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440672.jpg", imageAlt: "Beauty set" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_23-2150512472.jpg", imageAlt: "Natural essence" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449094.jpg", imageAlt: "Glowing skin serum" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-oil-dropper_23-2148761494.jpg", imageAlt: "Botanical jar" }
       ]}
     />
   </div>
@@ -106,18 +66,9 @@ export default function LandingPage() {
       title="A Legacy of Pure Radiance"
       description="Crafting premium skincare rituals that honor both your natural beauty and the world we inhabit. Our mission is pure, potent, and proven."
       metrics={[
-        {
-          value: "100%",
-          title: "Vegan Formula",
-        },
-        {
-          value: "24h",
-          title: "Hydration Lock",
-        },
-        {
-          value: "50+",
-          title: "Natural Extracts",
-        },
+        { value: "100%", title: "Vegan Formula" },
+        { value: "24h", title: "Hydration Lock" },
+        { value: "50+", title: "Natural Extracts" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg"
       imageAlt="Our studio space"
@@ -128,30 +79,19 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardMedia
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Botanical Purity",
-          description: "Harvested from the finest ethical farms worldwide.",
-          tag: "Natural",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565379.jpg",
+          id: "f1",          title: "Botanical Purity",          description: "Harvested from the finest ethical farms worldwide.",          tag: "Natural",          imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565379.jpg"
         },
         {
-          id: "f2",
-          title: "Cruelty-Free Promise",
-          description: "Kindness at our core, certified and verified.",
-          tag: "Ethical",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-lavender-oils_23-2148645554.jpg",
+          id: "f2",          title: "Cruelty-Free Promise",          description: "Kindness at our core, certified and verified.",          tag: "Ethical",          imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-lavender-oils_23-2148645554.jpg"
         },
         {
-          id: "f3",
-          title: "Scientifically Validated",
-          description: "Tested for clinical results on all skin types.",
-          tag: "Proven",
-          imageSrc: "http://img.b2bpic.net/free-photo/nurse-working-laboratory_1398-1089.jpg",
-        },
+          id: "f3",          title: "Scientifically Validated",          description: "Tested for clinical results on all skin types.",          tag: "Proven",          imageSrc: "http://img.b2bpic.net/free-photo/nurse-working-laboratory_1398-1089.jpg"
+        }
       ]}
       title="Our Quality Philosophy"
       description="Excellence in every drop, integrity in every ingredient."
@@ -165,42 +105,12 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Night Renewal Cream",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-cosmetic-cream-jar_140725-13899.jpg",
-        },
-        {
-          id: "p2",
-          name: "Radiance Boosting Serum",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336370.jpg",
-        },
-        {
-          id: "p3",
-          name: "Pure Gentle Cleanser",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg",
-        },
-        {
-          id: "p4",
-          name: "Eye Contour Treatment",
-          price: "$65",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-blue-contacts_23-2148320331.jpg",
-        },
-        {
-          id: "p5",
-          name: "Balancing Toner",
-          price: "$50",
-          imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-with-bottle-rock_23-2149353114.jpg",
-        },
-        {
-          id: "p6",
-          name: "Silk Lip Treatment",
-          price: "$30",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg",
-        },
+        { id: "p1", name: "Night Renewal Cream", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-cosmetic-cream-jar_140725-13899.jpg" },
+        { id: "p2", name: "Radiance Boosting Serum", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336370.jpg" },
+        { id: "p3", name: "Pure Gentle Cleanser", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg" },
+        { id: "p4", name: "Eye Contour Treatment", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-blue-contacts_23-2148320331.jpg" },
+        { id: "p5", name: "Balancing Toner", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-with-bottle-rock_23-2149353114.jpg" },
+        { id: "p6", name: "Silk Lip Treatment", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg" }
       ]}
       title="Essential Rituals"
       description="Discover our signature products, crafted to harmonize your skin's unique needs."
@@ -213,24 +123,9 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Star,
-          title: "Avg. Customer Rating",
-          value: "4.9/5",
-        },
-        {
-          id: "m2",
-          icon: Globe,
-          title: "Countries Served",
-          value: "40+",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "Industry Awards",
-          value: "12",
-        },
+        { id: "m1", icon: Star, title: "Avg. Customer Rating", value: "4.9/5" },
+        { id: "m2", icon: Globe, title: "Countries Served", value: "40+" },
+        { id: "m3", icon: Award, title: "Industry Awards", value: "12" }
       ]}
       title="Impact by Numbers"
       description="Our community thrives on radiant, healthy skin transformations."
@@ -241,31 +136,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-look-mirror-eyeshadow-palette_197531-32894.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marcus S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sophie K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-girl-painting-with-flour-her-mother-face_23-2148327944.jpg",
-        },
-        {
-          id: "t4",
-          name: "Julian D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-pleased-caucasian-woman-keeps-hands-chin_273609-28170.jpg",
-        },
-        {
-          id: "t5",
-          name: "Maya W.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-pretty-woman-skin-care_624325-3175.jpg",
-        },
+        { id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-look-mirror-eyeshadow-palette_197531-32894.jpg" },
+        { id: "t2", name: "Marcus S.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg" },
+        { id: "t3", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-painting-with-flour-her-mother-face_23-2148327944.jpg" },
+        { id: "t4", name: "Julian D.", imageSrc: "http://img.b2bpic.net/free-photo/positive-pleased-caucasian-woman-keeps-hands-chin_273609-28170.jpg" },
+        { id: "t5", name: "Maya W.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-pretty-woman-skin-care_624325-3175.jpg" }
       ]}
       cardTitle="Loved by Thousands"
       cardTag="Testimonials"
@@ -276,18 +151,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Let's Connect"
       title="Begin Your Skincare Journey"
       description="Have questions? Our experts are here to help you build the perfect ritual."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "/contact" }]}
     />
   </div>
 
@@ -295,32 +163,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Lumière"
       columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "#products",
-            },
-            {
-              label: "Bundles",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Bundles", href: "#" }] },
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Shipping", href: "#" }] }
       ]}
     />
   </div>