From 9ac2d76800b8c6dfbb69324c1e827746389a721f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 08:33:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 264 ++++++++++-------------------------------------
 1 file changed, 54 insertions(+), 210 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index eb715e4..1596c6a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Shop",
-          id: "#products",
-        },
+          name: "Shop",          id: "#products"},
         {
-          name: "Philosophy",
-          id: "#philosophy",
-        },
+          name: "Philosophy",          id: "#philosophy"},
         {
-          name: "Rituals",
-          id: "#rituals",
-        },
+          name: "Rituals",          id: "#rituals"},
         {
-          name: "Journal",
-          id: "#journal",
-        },
+          name: "Journal",          id: "#journal"},
       ]}
       brandName="ELOWEN SKIN"
     />
@@ -58,37 +50,23 @@ export default function LandingPage() {
       description="Discover botanical beauty rooted in timeless self-care and quiet intention."
       buttons={[
         {
-          text: "Explore Rituals",
-          href: "#rituals",
-        },
+          text: "Explore Rituals",          href: "#rituals"},
         {
-          text: "Discover Ingredients",
-          href: "#ingredients",
-        },
+          text: "Discover Ingredients",          href: "#ingredients"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/homemade-remedy-with-honey_23-2148894305.jpg"
       imageAlt="Elowen Skin botanicals on stone textures"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/golden-lightning-bolt-icon-glowing-textured-brown-background_84443-91489.jpg",
-          alt: "user-1",
-        },
+          src: "http://img.b2bpic.net/free-photo/golden-lightning-bolt-icon-glowing-textured-brown-background_84443-91489.jpg",          alt: "user-1"},
         {
-          src: "http://img.b2bpic.net/free-photo/soft-landscape-illustration-background_23-2152015653.jpg",
-          alt: "user-2",
-        },
+          src: "http://img.b2bpic.net/free-photo/soft-landscape-illustration-background_23-2152015653.jpg",          alt: "user-2"},
         {
-          src: "http://img.b2bpic.net/free-photo/green-glass-beer-bottle-black-white-outline-vector-illustration_1308-186790.jpg",
-          alt: "user-3",
-        },
+          src: "http://img.b2bpic.net/free-photo/green-glass-beer-bottle-black-white-outline-vector-illustration_1308-186790.jpg",          alt: "user-3"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-pastel-gradient-warning-icon_84443-86272.jpg",
-          alt: "user-4",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-pastel-gradient-warning-icon_84443-86272.jpg",          alt: "user-4"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416364.jpg",
-          alt: "user-5",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416364.jpg",          alt: "user-5"},
       ]}
       avatarText="Trusted by 5,000+ mindful souls"
     />
@@ -100,9 +78,7 @@ export default function LandingPage() {
       title="Slow beauty for the mindful soul."
       buttons={[
         {
-          text: "Our Philosophy",
-          href: "#philosophy",
-        },
+          text: "Our Philosophy",          href: "#philosophy"},
       ]}
     />
   </div>
@@ -115,47 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Cleansing Balm",
-          price: "$68",
-          variant: "Ritual",
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-bottle-advertising_23-2149511224.jpg",
-        },
+          id: "1",          name: "Cleansing Balm",          price: "$68",          variant: "Ritual",          imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-bottle-advertising_23-2149511224.jpg"},
         {
-          id: "2",
-          name: "Botanical Serum",
-          price: "$120",
-          variant: "Ritual",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-serum-bottle-leaf_23-2148899372.jpg",
-        },
+          id: "2",          name: "Botanical Serum",          price: "$120",          variant: "Ritual",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-serum-bottle-leaf_23-2148899372.jpg"},
         {
-          id: "3",
-          name: "Overnight Repair Cream",
-          price: "$95",
-          variant: "Ritual",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg",
-        },
+          id: "3",          name: "Overnight Repair Cream",          price: "$95",          variant: "Ritual",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg"},
         {
-          id: "4",
-          name: "Calming Mist",
-          price: "$45",
-          variant: "Ritual",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-young-lady-sitting-bed-holding-spray-hand-home_574295-4765.jpg",
-        },
+          id: "4",          name: "Calming Mist",          price: "$45",          variant: "Ritual",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-young-lady-sitting-bed-holding-spray-hand-home_574295-4765.jpg"},
         {
-          id: "5",
-          name: "Face Oil",
-          price: "$85",
-          variant: "Ritual",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg",
-        },
+          id: "5",          name: "Face Oil",          price: "$85",          variant: "Ritual",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg"},
         {
-          id: "6",
-          name: "Eye Cream",
-          price: "$75",
-          variant: "Ritual",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-medicine-bottle-with-dropper_187299-46839.jpg",
-        },
+          id: "6",          name: "Eye Cream",          price: "$75",          variant: "Ritual",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-medicine-bottle-with-dropper_187299-46839.jpg"},
       ]}
       title="Featured Rituals"
       description="Clean luxury products formulated for skin vitality."
@@ -168,30 +114,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Matcha",
-          description: "Antioxidant-rich energy for your skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-matcha-tea-concept-table_23-2148377615.jpg",
-        },
+          title: "Matcha",          description: "Antioxidant-rich energy for your skin.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-matcha-tea-concept-table_23-2148377615.jpg"},
         {
-          title: "Green Tea",
-          description: "Soothing protection against daily stressors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fruits-herbs-tea_23-2148550515.jpg",
-        },
+          title: "Green Tea",          description: "Soothing protection against daily stressors.",          imageSrc: "http://img.b2bpic.net/free-photo/fruits-herbs-tea_23-2148550515.jpg"},
         {
-          title: "Hyaluronic Acid",
-          description: "Deep hydration for lasting plumpness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/water-ripple-texture-background-blue-design_53876-142915.jpg",
-        },
+          title: "Hyaluronic Acid",          description: "Deep hydration for lasting plumpness.",          imageSrc: "http://img.b2bpic.net/free-photo/water-ripple-texture-background-blue-design_53876-142915.jpg"},
         {
-          title: "Chamomile",
-          description: "Calming comfort for sensitive skin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/opium-poppy-papaver-somniferum-illustration-from-medical-botany-1836_53876-65039.jpg",
-        },
+          title: "Chamomile",          description: "Calming comfort for sensitive skin.",          imageSrc: "http://img.b2bpic.net/free-photo/opium-poppy-papaver-somniferum-illustration-from-medical-botany-1836_53876-65039.jpg"},
         {
-          title: "Rice Water",
-          description: "Brightening enzymes for an even glow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rock-salt-leaves-spoon-essential-oil-spray-bottle-white-background_23-2148031340.jpg",
-        },
+          title: "Rice Water",          description: "Brightening enzymes for an even glow.",          imageSrc: "http://img.b2bpic.net/free-photo/rock-salt-leaves-spoon-essential-oil-spray-bottle-white-background_23-2148031340.jpg"},
       ]}
       title="Nature's purest alchemy."
       description="Thoughtfully sourced ingredients that work in harmony with your skin's natural rhythm."
@@ -200,30 +131,16 @@ export default function LandingPage() {
 
   <div id="rituals" data-section="rituals">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",
-          value: "10m",
-          title: "Morning Stillness",
-          description: "A mindful start to your day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg",
-        },
+          id: "1",          value: "10m",          title: "Morning Stillness",          description: "A mindful start to your day.",          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg"},
         {
-          id: "2",
-          value: "2x",
-          title: "Double Cleanse",
-          description: "Purify with botanical essence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-bath-time_23-2149186321.jpg",
-        },
+          id: "2",          value: "2x",          title: "Double Cleanse",          description: "Purify with botanical essence.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-bath-time_23-2149186321.jpg"},
         {
-          id: "3",
-          value: "Rest",
-          title: "Evening Restore",
-          description: "Nighttime repair and healing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
-        },
+          id: "3",          value: "Rest",          title: "Evening Restore",          description: "Nighttime repair and healing.",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg"},
       ]}
       title="The Ritual Experience"
       description="Transform your daily skincare into a sanctuary of peace."
@@ -237,59 +154,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Elena M.",
-          role: "Artist",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
-        },
+          id: "1",          name: "Elena M.",          role: "Artist",          company: "Studio",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
         {
-          id: "2",
-          name: "Julian S.",
-          role: "Designer",
-          company: "Agency",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
-        },
+          id: "2",          name: "Julian S.",          role: "Designer",          company: "Agency",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
         {
-          id: "3",
-          name: "Sophie K.",
-          role: "Architect",
-          company: "Modern Life",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg",
-        },
+          id: "3",          name: "Sophie K.",          role: "Architect",          company: "Modern Life",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg"},
         {
-          id: "4",
-          name: "Marcus A.",
-          role: "Writer",
-          company: "Editorial",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
-        },
+          id: "4",          name: "Marcus A.",          role: "Writer",          company: "Editorial",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg"},
         {
-          id: "5",
-          name: "Sarah P.",
-          role: "Curator",
-          company: "Gallery",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cleaning-with-lemon_23-2148883424.jpg",
-        },
+          id: "5",          name: "Sarah P.",          role: "Curator",          company: "Gallery",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cleaning-with-lemon_23-2148883424.jpg"},
       ]}
       kpiItems={[
         {
-          value: "98%",
-          label: "Skin Radiance",
-        },
+          value: "98%",          label: "Skin Radiance"},
         {
-          value: "100%",
-          label: "Botanical Base",
-        },
+          value: "100%",          label: "Botanical Base"},
         {
-          value: "5k+",
-          label: "Ritual Lovers",
-        },
+          value: "5k+",          label: "Ritual Lovers"},
       ]}
       title="Words of Calm"
       description="How Elowen Skin has transformed morning rituals into wellness sanctuary."
@@ -305,35 +191,11 @@ export default function LandingPage() {
       description="Explore the intersection of botanical care and emotional wellness."
       blogs={[
         {
-          id: "1",
-          category: "Philosophy",
-          title: "The Art of Slow Beauty",
-          excerpt: "Embracing a slower pace for deeper radiance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adorable-lady-with-big-beautiful-eyes-covering-by-palm-leaf-posing-camera-wearing-trendy-top-shirt-place-text_291650-1304.jpg",
-          authorName: "Elowen Staff",
-          authorAvatar: "http://img.b2bpic.net/free-photo/glowing-red-warning-triangle-sign-dark-textured-background_84443-91474.jpg",
-          date: "Oct 12, 2024",
-        },
+          id: "1",          category: "Philosophy",          title: "The Art of Slow Beauty",          excerpt: "Embracing a slower pace for deeper radiance.",          imageSrc: "http://img.b2bpic.net/free-photo/young-adorable-lady-with-big-beautiful-eyes-covering-by-palm-leaf-posing-camera-wearing-trendy-top-shirt-place-text_291650-1304.jpg",          authorName: "Elowen Staff",          authorAvatar: "http://img.b2bpic.net/free-photo/glowing-red-warning-triangle-sign-dark-textured-background_84443-91474.jpg",          date: "Oct 12, 2024"},
         {
-          id: "2",
-          category: "Rituals",
-          title: "Morning Rituals for Calm Skin",
-          excerpt: "Starting your day with pure intention.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-some-coffee-after-her-bath_23-2149122109.jpg",
-          authorName: "Elowen Staff",
-          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148680205.jpg",
-          date: "Sep 28, 2024",
-        },
+          id: "2",          category: "Rituals",          title: "Morning Rituals for Calm Skin",          excerpt: "Starting your day with pure intention.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-some-coffee-after-her-bath_23-2149122109.jpg",          authorName: "Elowen Staff",          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148680205.jpg",          date: "Sep 28, 2024"},
         {
-          id: "3",
-          category: "Science",
-          title: "Botanical Ingredients Explained",
-          excerpt: "The power behind nature's alchemy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-special-white-suit-wearing-protective-helmet-holding-spray-pink-space-special-suit-girl-woman_140725-28615.jpg",
-          authorName: "Elowen Staff",
-          authorAvatar: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg",
-          date: "Aug 15, 2024",
-        },
+          id: "3",          category: "Science",          title: "Botanical Ingredients Explained",          excerpt: "The power behind nature's alchemy.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-special-white-suit-wearing-protective-helmet-holding-spray-pink-space-special-suit-girl-woman_140725-28615.jpg",          authorName: "Elowen Staff",          authorAvatar: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg",          date: "Aug 15, 2024"},
       ]}
     />
   </div>
@@ -342,16 +204,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Stay Informed"
       title="Join the Sanctuary"
       description="Occasional updates on botanical care and ritual insights."
       buttons={[
         {
-          text: "Subscribe",
-          href: "#",
-        },
+          text: "Subscribe",          href: "#"},
       ]}
     />
   </div>
@@ -361,42 +220,27 @@ export default function LandingPage() {
       logoText="ELOWEN SKIN"
       columns={[
         {
-          title: "Explore",
-          items: [
+          title: "Explore",          items: [
             {
-              label: "Shop Rituals",
-              href: "#products",
-            },
+              label: "Shop Rituals",              href: "#products"},
             {
-              label: "Our Philosophy",
-              href: "#philosophy",
-            },
+              label: "Our Philosophy",              href: "#philosophy"},
           ],
         },
         {
-          title: "Community",
-          items: [
+          title: "Community",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Journal",
-              href: "#journal",
-            },
+              label: "Journal",              href: "#journal"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Sustainability",
-              href: "#",
-            },
+              label: "Sustainability",              href: "#"},
             {
-              label: "Contact Us",
-              href: "#",
-            },
+              label: "Contact Us",              href: "#"},
           ],
         },
       ]}