Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -7,15 +7,18 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-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, Camera } 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"
@@ -39,7 +42,7 @@ export default function LandingPage() {
             { 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" },
@@ -76,7 +79,7 @@ export default function LandingPage() {
           tag="Brand Vision"
           tagIcon={Heart}
           imagePosition="left"
-          imageSrc="http://img.b2bpic.net/free-photo/minimal-baby-nursery-setup_23-2148564022.jpg"
+          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." }
@@ -94,9 +97,9 @@ export default function LandingPage() {
           tagIcon={Award}
           animationType="slide-up"
           products={[
-            { id: "1", name: "Sensitive Pure", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148031001.jpg" },
+            { 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: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-brushes-arrangement_23-2148743090.jpg" },
+            { 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" },
-            { id: "3", name: "Travel Duo", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/white-package-wet-wipes-isolated_187299-46184.jpg" }
+            { id: "3", name: "Travel Wipes", price: "", imageSrc: "http://img.b2bpic.net/free-photo/white-package-wet-wipes-isolated_187299-46184.jpg" }
           ]}
           gridVariant="asymmetric-60-wide-40-narrow"
           textboxLayout="inline-image"
@@ -140,8 +143,8 @@ export default function LandingPage() {
         <FooterLogoEmphasis
           logoText="BachchaWipes"
           columns={[
-            { items: [{ label: "Shop" }, { label: "Story" }, { label: "Gallery" }] },
+            { items: [{ label: "Shop", onClick: () => scrollTo("products") }, { label: "Story", onClick: () => scrollTo("story") }, { label: "Gallery", onClick: () => scrollTo("gallery") }] },
-            { items: [{ label: "Shipping" }, { label: "Contact" }, { label: "Privacy" }] }
+            { items: [{ label: "Contact", onClick: () => scrollTo("contact") }, { label: "Privacy" }] }
           ]}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbf9f7;
+  --background: #060000;
-  --card: #f4f1ee;
+  --card: #1d0d0d;
-  --foreground: #3d3732;
+  --foreground: #ffe6e6;
-  --primary-cta: #8c7f76;
+  --primary-cta: #ff3d4a;
-  --primary-cta-text: #f7f6f7;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #d6d2ce;
+  --secondary-cta: #1f0a0a;
-  --secondary-cta-text: #250c0d;
+  --secondary-cta-text: #ffe6e6;
-  --accent: #c8b9b0;
+  --accent: #7b2d2d;
-  --background-accent: #e9e5e2;
+  --background-accent: #b8111f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);