Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -74,10 +74,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        { id: "p1", brand: "Brown & Butter", name: "Classic Cocoa Brownie", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-closeup-cookies-glass-plate-table-with-cup-mallows-side_181624-49698.jpg" },
-        { id: "p2", brand: "Brown & Butter", name: "Luxury Cookie Box", price: "$65", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cupcake-with-cinnamon_23-2148604567.jpg" },
-        { id: "p3", brand: "Brown & Butter", name: "Limited Edition Box", price: "$95", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/view-perfectly-organized-bakery-sweets_23-2150168278.jpg" },
-        { id: "p4", brand: "Brown & Butter", name: "Espresso Cookie Set", price: "$55", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549958.jpg" },
+        { id: "p1", brand: "Brown & Butter", name: "Classic Cocoa Brownie", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-closeup-cookies-glass-plate-table-with-cup-mallows-side_181624-49698.jpg", onProductClick: () => window.location.href = "#contact" },
+        { id: "p2", brand: "Brown & Butter", name: "Luxury Cookie Box", price: "$65", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cupcake-with-cinnamon_23-2148604567.jpg", onProductClick: () => window.location.href = "#contact" },
+        { id: "p3", brand: "Brown & Butter", name: "Limited Edition Box", price: "$95", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/view-perfectly-organized-bakery-sweets_23-2150168278.jpg", onProductClick: () => window.location.href = "#contact" },
+        { id: "p4", brand: "Brown & Butter", name: "Espresso Cookie Set", price: "$55", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549958.jpg", onProductClick: () => window.location.href = "#contact" },
       ]}
       title="Best Sellers"
       description="Indulge in our most celebrated creations."
@@ -86,7 +86,7 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardOne
-      animationType="depth-3d"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
@@ -115,13 +115,13 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
+      <TestimonialCardSix
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Sarah D.", role: "Food Critic", testimonial: "The richness of the brownie is unparalleled. A true luxury.", imageSrc: "http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030730.jpg" },
-        { id: "t2", name: "Marcus L.", role: "Corporate Lead", testimonial: "Best gift boxes in the city. The packaging is exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-macarons-smiling_23-2148466346.jpg" },
+        { id: "t1", name: "Sarah D.", handle: "@foodcritic", testimonial: "The richness of the brownie is unparalleled. A true luxury.", imageSrc: "http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030730.jpg" },
+        { id: "t2", name: "Marcus L.", handle: "@corporateleader", testimonial: "Best gift boxes in the city. The packaging is exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-macarons-smiling_23-2148466346.jpg" },
       ]}
       title="A Luxury Experience"
       description="Don't just take our word for it."
@@ -129,14 +129,13 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqDouble
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         { id: "f1", title: "Do you offer international shipping?", content: "Yes, we ship globally using premium temperature-controlled couriers." },
         { id: "f2", title: "Can I customize the gift box?", content: "Absolutely, our concierge team can help personalize your selection." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409588.jpg"
       faqsAnimation="blur-reveal"
       title="Questions Answered"
       description="Everything you need to know about our luxury collections."
@@ -155,12 +154,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterSimple
       columns={[
         { title: "Collection", items: [{ label: "Cookies", href: "#products" }, { label: "Brownies", href: "#products" }] },
         { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
       ]}
-      logoText="Brown & Butter"
+      bottomLeftText="Brown & Butter"
+      bottomRightText="© 2025 All Rights Reserved"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F6F1EA;
-  --card: #E7D8C9;
-  --foreground: #1C1A18;
-  --primary-cta: #4A3428;
+  --background: #1a1614;
+  --card: #262220;
+  --foreground: #f8f4f0;
+  --primary-cta: #8b4513;
   --primary-cta-text: #F6F1EA;
-  --secondary-cta: #B78A56;
+  --secondary-cta: #d2691e;
   --secondary-cta-text: #1C1A18;
-  --accent: #C9A27E;
-  --background-accent: #E7D8C9;
+  --accent: #c19a6b;
+  --background-accent: #2f2a28;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);