Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -4,18 +4,21 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Sparkles, Award, Heart, Camera } from 'lucide-react';
-import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen } from 'lucide-react';
 
 export default function LandingPage() {
+  const scrollTo = (id: string) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -34,12 +37,12 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="BachchaWipes"
           navItems={[
-            { name: "Products", id: "products" },
+            { name: "Story", id: "story" },
-            { name: "Ingredients", id: "ingredients" },
+            { name: "Showcase", id: "products" },
-            { name: "Care", id: "blog" },
+            { name: "Gallery", id: "gallery" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Shop Now", href: "#products" }}
+          button={{ text: "Shop Now", onClick: () => scrollTo("products") }}
         />
       </div>
 
@@ -52,13 +55,13 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Shop Now", href: "#products" },
+            { text: "Shop Now", onClick: () => scrollTo("products") },
-            { text: "Explore Products", href: "#products" }
+            { text: "Explore Products", onClick: () => scrollTo("products") }
           ]}
           buttonAnimation="slide-up"
           carouselItems={[
             { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-marshmallows_23-2147748095.jpg", imageAlt: "Premium baby wipes pack" },
-            { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/child-one-little-studio-alone_1304-922.jpg", imageAlt: "Happy baby lifestyle" },
+            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/set-with-2-hand-holding-wipes-napkins-makeup-remove_633478-558.jpg?id=26076798", imageAlt: "Happy baby lifestyle" },
             { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/sponge-stars-soap-bar-sanitizer-soap-dispenser-blue-background_23-2147940458.jpg", imageAlt: "Close up of baby care products" },
             { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-little-son-bathroom_1157-20455.jpg", imageAlt: "Minimalist bathroom setting" },
             { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/handle-newborn-hands-grandmother-closeup_169016-37570.jpg", imageAlt: "Parent and child hand holding" },
@@ -69,131 +72,63 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof">
+      <div id="story" data-section="story">
-        <SocialProofOne
+        <SplitAbout
-          title="Trusted by Families"
+          title="Our Editorial Story"
-          description="Recommended by pediatricians and loved by parents everywhere."
+          description="Born from a commitment to purity, BachchaWipes redefines standard baby care with an uncompromising aesthetic and dermatological rigor."
-          names={["Parenting Magazine", "BabyCenter", "MamaDaily", "Healthline", "Newborn Care Review"]}
+          tag="Brand Vision"
-          textboxLayout="default"
+          tagIcon={Heart}
+          imagePosition="left"
+          imageSrc="https://img.b2bpic.net/free-photo/closeup-woman-using-antibacterial-wipe-cleaning-hands-bathroom_637285-4741.jpg?id=26143248"
+          bulletPoints={[
+            { title: "Ethical Sourcing", description: "Materials harvested with sustainability in mind." },
+            { title: "Purity Standard", description: "Clinically clean formulation for sensitive skin." }
+          ]}
+          textboxLayout="split"
           useInvertedBackground={false}
-          showCard={false}
         />
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardFour
+        <ProductCardOne
-          title="Our Essential Range"
+          title="Product Showcase"
-          description="Designed for maximum gentleness, free from parabens, chlorine, and fragrances."
+          description="Explore our curated collection of premium care essentials, designed to balance visual elegance with unmatched skin comfort."
-          tag="Bestsellers"
+          tag="Premium Range"
           tagIcon={Award}
-          tagAnimation="slide-up"
-          products={[
-            { id: "1", name: "Sensitive Pure Wipes", price: "$9.99", variant: "Pack of 3", imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148031001.jpg" },
-            { id: "2", name: "Bamboo Organic Wipes", price: "$12.99", variant: "Pack of 5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-brushes-arrangement_23-2148743090.jpg" },
-            { id: "3", name: "Travel Pack Duo", price: "$6.99", variant: "2 Packs", imageSrc: "http://img.b2bpic.net/free-photo/white-package-wet-wipes-isolated_187299-46184.jpg" },
-            { id: "4", name: "Bulk Family Bundle", price: "$29.99", variant: "12 Packs", imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148031094.jpg" }
-          ]}
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
-          textboxLayout="default"
+          products={[
-          useInvertedBackground={false}
+            { id: "1", name: "Sensitive Pure", price: "", imageSrc: "https://img.b2bpic.net/free-photo/paper-bag-packaging-food-takeaway-concept_53876-129021.jpg?id=17604393" },
-        />
+            { id: "2", name: "Bamboo Organic", price: "", imageSrc: "https://img.b2bpic.net/premium-photo/cleaning-disinfection-hands-with-antibacterial-wet-wipes_122732-1617.jpg?id=7060078" },
-      </div>
+            { id: "3", name: "Travel Wipes", price: "", imageSrc: "http://img.b2bpic.net/free-photo/white-package-wet-wipes-isolated_187299-46184.jpg" }
-
-      <div id="ingredients" data-section="ingredients">
-        <FeatureCardSix
-          title="Purity You Can Feel"
-          description="We believe in clean ingredients that protect your baby’s skin barrier without compromise."
-          tag="Pure Promise"
-          tagIcon={Beaker}
-          tagAnimation="slide-up"
-          features={[
-            { title: "Organic Aloe Vera", description: "Soothing hydration for delicate skin surfaces.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-green-leaves-aloe-plant_181624-12368.jpg" },
-            { title: "Plant-Based Fibers", description: "Compostable materials for a cleaner environment.", imageSrc: "http://img.b2bpic.net/free-photo/carpet-texture_1203-1048.jpg" },
-            { title: "Dermatologically Tested", description: "Validated by professionals to prevent irritation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-pill-plastic-blister-pack_9975-133834.jpg" }
           ]}
-          textboxLayout="default"
+          gridVariant="asymmetric-60-wide-40-narrow"
+          textboxLayout="inline-image"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="influencers" data-section="influencers">
+      <div id="gallery" data-section="gallery">
         <FeatureCardOne
-          title="Real Parents, Real Stories"
+          title="Visual Gallery"
-          description="See why mothers trust BachchaWipes for their daily routine."
+          description="A curated aesthetic look into the serene world of our baby care routine."
-          tag="Community"
+          tag="Lifestyle"
-          tagIcon={Heart}
+          tagIcon={Camera}
-          tagAnimation="slide-up"
           features={[
-            { title: "Sarah M.", description: "Gentle enough for my newborn's skin.", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-baby-boy-celebrating-christmas_1303-25569.jpg" },
+            { title: "Gentle Moments", description: "Soft textures, quiet focus.", imageSrc: "http://img.b2bpic.net/free-photo/sweet-baby-girl-bathroom_1328-2531.jpg" },
-            { title: "Jessica L.", description: "The only wipes that don't cause redness.", imageSrc: "http://img.b2bpic.net/free-photo/innocent-closeup-mommy-beautiful-body_1304-924.jpg" },
+            { title: "Pure Elements", description: "Clean ingredients, minimal design.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plants-tubes-book_23-2148785045.jpg" },
-            { title: "Chloe R.", description: "Perfect for sensitive skin, love them!", imageSrc: "http://img.b2bpic.net/free-photo/baby-doing-his-first-steps_23-2149235223.jpg" }
+            { title: "Daily Care", description: "Refined care for daily routines.", imageSrc: "http://img.b2bpic.net/free-photo/innocent-closeup-mommy-beautiful-body_1304-924.jpg" }
           ]}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardEleven
-          title="The BachchaWipes Standard"
-          description="Proven protection for your little one's sensitive skin."
-          tag="Commitment"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          metrics={[
-            { id: "1", value: "100%", title: "Chemical Free", description: "No parabens or harsh synthetics.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plants-tubes-book_23-2148785045.jpg" },
-            { id: "2", value: "99.9%", title: "Moisture Retention", description: "Stays fresh throughout the package.", imageSrc: "http://img.b2bpic.net/free-photo/water-drops-rubbish-with-fish_23-2147852414.jpg" }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="blog" data-section="blog">
-        <BlogCardOne
-          title="Parenting & Care Journal"
-          description="Helpful tips for raising happy, healthy babies."
-          tag="Resources"
-          tagIcon={BookOpen}
-          tagAnimation="slide-up"
-          blogs={[
-            { id: "1", category: "Care", title: "Tips for Diaper Rash", excerpt: "How to prevent and treat irritation quickly.", imageSrc: "http://img.b2bpic.net/free-photo/uniform-emotions-white-family-kid-young_1291-96.jpg", authorName: "Dr. Emily", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980790.jpg", date: "Jan 2026" },
-            { id: "2", category: "Guides", title: "Newborn Bath Basics", excerpt: "A step-by-step guide to gentle cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/sweet-baby-girl-bathroom_1328-2531.jpg", authorName: "Sarah M.", authorAvatar: "http://img.b2bpic.net/free-photo/lovely-young-couple-hugging_1098-1538.jpg", date: "Feb 2026" },
-            { id: "3", category: "Lifestyle", title: "Eco-Friendly Parenting", excerpt: "Small steps for a sustainable future.", imageSrc: "http://img.b2bpic.net/free-photo/white-t-shirt-with-diy-design-painted-with-colors_23-2150564479.jpg", authorName: "James P.", authorAvatar: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg", date: "Mar 2026" }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          title="Common Questions"
-          description="We are here to help with your baby care journey."
-          tag="Support"
-          tagIcon={HelpCircle}
-          tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/flat-lay-birthday-composition-with-copyspace_23-2148109230.jpg"
-          faqs={[
-            { id: "1", title: "Are they flushable?", content: "Our wipes are best disposed of in trash cans." },
-            { id: "2", title: "Can I use on face?", content: "Yes, they are pH balanced for facial use." },
-            { id: "3", title: "Shipping info?", content: "Free shipping on orders over $50." }
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactSplitForm
-          title="Contact Support"
+          title="Connect With Us"
-          description="We love to hear from our community!"
+          description="Join our circle of premium care."
           inputs={[
             { name: "name", type: "text", placeholder: "Name", required: true },
             { name: "email", type: "email", placeholder: "Email", required: true }
@@ -208,12 +143,12 @@ export default function LandingPage() {
         <FooterLogoEmphasis
           logoText="BachchaWipes"
           columns={[
-            { items: [{ label: "Shop" }, { label: "About" }, { label: "FAQ" }] },
+            { items: [{ label: "Shop", onClick: () => scrollTo("products") }, { label: "Story", onClick: () => scrollTo("story") }, { label: "Gallery", onClick: () => scrollTo("gallery") }] },
-            { items: [{ label: "Shipping" }, { label: "Returns" }, { label: "Privacy" }] }
+            { items: [{ label: "Contact", onClick: () => scrollTo("contact") }, { label: "Privacy" }] }
           ]}
         />
       </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #010912;
-  --card: #ffffff;
+  --card: #152840;
-  --foreground: #250c0d;
+  --foreground: #e6f0ff;
-  --primary-cta: #b82b40;
+  --primary-cta: #cee7ff;
-  --primary-cta-text: #f7f6f7;
+  --primary-cta-text: #010912;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0e1a29;
-  --secondary-cta-text: #250c0d;
+  --secondary-cta-text: #e6f0ff;
-  --accent: #b90941;
+  --accent: #3f5c79;
-  --background-accent: #e8a8b6;
+  --background-accent: #004a93;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);