From 795e5ea1eaa4a0850f1dcd9cd26b45574e3665fa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 22:08:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 968a839..3578f2f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
@@ -41,18 +41,20 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Luminé"
-          description="Discover the essence of natural beauty. Our luxurious skincare collection harnesses the power of premium botanical ingredients to transform your skin."
+        <HeroOverlay
+          title="Discover the essence of natural beauty"
+          description="Our luxurious skincare collection harnesses the power of premium botanical ingredients to transform your skin."
+          tag="Premium Natural Skincare"
           buttons={[
             { text: "Explore Collection", href: "products" },
             { text: "Learn More", href: "about" },
           ]}
-          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
           imageAlt="Luxury skincare collection showcase"
-          mediaAnimation="slide-up"
-          frameStyle="card"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={false}
+          buttonAnimation="slide-up"
         />
       </div>
 
@@ -91,7 +93,8 @@ export default function LandingPage() {
           description="Exceptional skincare backed by nature, science, and luxury. Experience the difference premium ingredients make."
           features={[
             {
-              title: "100% Natural",              description: "Pure botanical extracts without harmful chemicals",              bentoComponent: "globe"},
+              title: "100% Natural",              description: "Pure botanical extracts without harmful chemicals",              bentoComponent: "globe"
+            },
             {
               title: "Cruelty-Free",              description: "Never tested on animals, always ethical",              bentoComponent: "orbiting-icons",              centerIcon: Shield,
               items: [
@@ -101,7 +104,8 @@ export default function LandingPage() {
               ],
             },
             {
-              title: "Dermatologist Tested",              description: "Clinically proven results for all skin types",              bentoComponent: "animated-bar-chart"},
+              title: "Dermatologist Tested",              description: "Clinically proven results for all skin types",              bentoComponent: "animated-bar-chart"
+            },
             {
               title: "Sustainable Packaging",              description: "Eco-friendly materials protecting our planet",              bentoComponent: "icon-info-cards",              items: [
                 { icon: Leaf, label: "Recyclable", value: "100%" },
@@ -139,13 +143,17 @@ export default function LandingPage() {
           description="Everything you need to know about our products and skincare philosophy"
           faqs={[
             {
-              id: "1",              title: "Are your products suitable for all skin types?",              content: "Yes, our formulations are dermatologist-tested and suitable for all skin types, including sensitive skin. We use gentle, natural ingredients that work harmoniously with your skin's natural barrier."},
+              id: "1",              title: "Are your products suitable for all skin types?",              content: "Yes, our formulations are dermatologist-tested and suitable for all skin types, including sensitive skin. We use gentle, natural ingredients that work harmoniously with your skin's natural barrier."
+            },
             {
-              id: "2",              title: "How long before I see results?",              content: "Most customers notice visible improvements within 2-3 weeks of consistent use. For deeper skin transformation, we recommend giving our products 6-8 weeks as the skin naturally regenerates."},
+              id: "2",              title: "How long before I see results?",              content: "Most customers notice visible improvements within 2-3 weeks of consistent use. For deeper skin transformation, we recommend giving our products 6-8 weeks as the skin naturally regenerates."
+            },
             {
-              id: "3",              title: "Can I use multiple Luminé products together?",              content: "Absolutely. Our products are designed to complement each other. We recommend starting with our Gentle Cleanser, followed by the Luminous Serum, and finishing with the Silk Moisturizer for optimal results."},
+              id: "3",              title: "Can I use multiple Luminé products together?",              content: "Absolutely. Our products are designed to complement each other. We recommend starting with our Gentle Cleanser, followed by the Luminous Serum, and finishing with the Silk Moisturizer for optimal results."
+            },
             {
-              id: "4",              title: "What is your return policy?",              content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund with no questions asked."},
+              id: "4",              title: "What is your return policy?",              content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund with no questions asked."
+            },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/young-woman-applies-cream-her-face-looks-mirror_169016-19492.jpg"
           imageAlt="Skincare routine setup"