src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Sparkles, Leaf, Palette, Star, ArrowRight } from "lucide-react";
+import { Sparkles, Leaf } from "lucide-react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -51,6 +51,7 @@ export default function SkincareLandingPage() {
           <TextSplitAbout
             title="The Science of Nature"
             description={["We blend botanical wisdom with clinical innovation to create clean, effective skincare.", "Our commitment is to transparency, sustainability, and your skin's long-term health."]}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -58,11 +59,13 @@ export default function SkincareLandingPage() {
           <FeatureCardTwelve
             animationType="blur-reveal"
             title="Pure Ingredients, Real Results"
+            description="Only the best for your skin."
             features={[
                 { id: "f1", label: "Natural", title: "Sourced from Earth", items: ["Organic extracts", "Cold-pressed oils", "Vegan formula"], buttons: [{text: "Learn more"}] },
                 { id: "f2", label: "Clinical", title: "Scientifically Proven", items: ["Dermatologist tested", "Clinical trials", "Fragrance free"], buttons: [{text: "See data"}] }
             ]}
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -77,24 +80,28 @@ export default function SkincareLandingPage() {
             gridVariant="asymmetric-60-wide-40-narrow"
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="pricing" data-section="pricing">
           <PricingCardNine
             title="Complete Regimen Kits"
+            description="Select the perfect kit for your skincare routine."
             plans={[
                 { id: "starter", title: "Starter Kit", price: "$89", period: "/monthly", features: ["Cleanser", "Serum", "Day Cream"], button: { text: "Get Started" } },
                 { id: "pro", title: "Advanced Kit", price: "$149", period: "/monthly", features: ["Everything in Starter", "Night Cream", "Eye Gel", "Weekly Mask"], button: { text: "Upgrade Now" } }
             ]}
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="metrics" data-section="metrics">
           <MetricCardOne
             title="Proven Impact"
+            description="Real results backed by science."
             metrics={[
                 { id: "m1", value: "95%", title: "Skin Elasticity", description: "Reported improvement after 4 weeks.", icon: Sparkles },
                 { id: "m2", value: "80k+", title: "Happy Customers", description: "Joining our clean beauty movement.", icon: Leaf }
@@ -102,40 +109,47 @@ export default function SkincareLandingPage() {
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="team" data-section="team">
           <TeamCardEleven
             title="Our Experts"
+            description="Meet the team behind your glow."
             groups={[{
                 id: "team-1", groupTitle: "Formulation Team", members: [{ id: "e1", title: "Dr. Elena Rose", subtitle: "Lead Chemist", detail: "15 years in skincare innovation.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-scientist-lab_23-2148671321.jpg" }]
             }]}
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardTwelve
             cardTitle="See Our Results"
+            cardTag="Reviews"
             testimonials={[
                 { id: "t1", name: "Julia M.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-natural-skin_23-2148671456.jpg" },
                 { id: "t2", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-natural-beauty_23-2148671489.jpg" }
             ]}
             cardAnimation="blur-reveal"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="faq" data-section="faq">
           <FaqDouble
             title="Frequently Asked"
+            description="Answers to common skincare questions."
             faqs={[
                 { id: "q1", title: "Is it safe for sensitive skin?", content: "Yes, all our products are dermatologically tested and fragrance-free." },
                 { id: "q2", title: "Do you ship internationally?", content: "We currently ship across the globe with local distribution partners." }
             ]}
             faqsAnimation="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>