Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -28,8 +28,9 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Home", id: "hero" },
+            { name: "Home", id: "/" },
             { name: "Mattresses", id: "mattress-types" },
+            { name: "Products", id: "/products" },
             { name: "About Us", id: "why-us" },
             { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "contact" },
@@ -47,11 +48,14 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg",              alt: "Satisfied customer 1"},
+              src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg",              alt: "Satisfied customer 1"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",              alt: "Satisfied customer 2"},
+              src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",              alt: "Satisfied customer 2"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",              alt: "Satisfied customer 3"},
+              src: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",              alt: "Satisfied customer 3"
+            },
           ]}
           avatarText="Trusted by 500+ happy customers"
           buttons={[
@@ -74,19 +78,23 @@ export default function LandingPage() {
           metrics={[
             {
               id: "1",              value: "18+",              title: "Years of Local Experience",              items: [
-                "Family-owned since 2005",                "Served 10,000+ customers",                "Expert sleep consultants"],
+                "Family-owned since 2005",                "Served 10,000+ customers",                "Expert sleep consultants"
+              ],
             },
             {
               id: "2",              value: "4.9★",              title: "Google Rating",              items: [
-                "500+ verified reviews",                "Consistent 5-star feedback",                "Award-winning customer service"],
+                "500+ verified reviews",                "Consistent 5-star feedback",                "Award-winning customer service"
+              ],
             },
             {
               id: "3",              value: "100%",              title: "Satisfaction Guarantee",              items: [
-                "30-day comfort guarantee",                "Free trial in-store",                "Hassle-free returns"],
+                "30-day comfort guarantee",                "Free trial in-store",                "Hassle-free returns"
+              ],
             },
             {
               id: "4",              value: "Same Day",              title: "Delivery Available",              items: [
-                "Fast local delivery",                "Professional setup",                "Haul-away service included"],
+                "Fast local delivery",                "Professional setup",                "Haul-away service included"
+              ],
             },
           ]}
         />
@@ -105,27 +113,33 @@ export default function LandingPage() {
             {
               id: "1",              brand: "Comfort Sleep Co",              name: "Premium Memory Foam",              price: "Starting at $599",              rating: 5,
               reviewCount: "287",              imageSrc:
-                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=1",              imageAlt: "Premium memory foam mattress"},
+                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=1",              imageAlt: "Premium memory foam mattress"
+            },
             {
               id: "2",              brand: "DreamSupport",              name: "Hybrid Luxury Series",              price: "Starting at $799",              rating: 5,
               reviewCount: "165",              imageSrc:
-                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=1",              imageAlt: "Luxury hybrid mattress with springs and foam"},
+                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=1",              imageAlt: "Luxury hybrid mattress with springs and foam"
+            },
             {
               id: "3",              brand: "HealthSupport",              name: "Orthopedic Support",              price: "Starting at $649",              rating: 5,
               reviewCount: "213",              imageSrc:
-                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=1",              imageAlt: "Orthopedic support mattress for back pain relief"},
+                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=1",              imageAlt: "Orthopedic support mattress for back pain relief"
+            },
             {
               id: "4",              brand: "BudgetComfort",              name: "Affordable Comfort",              price: "Starting at $399",              rating: 4,
               reviewCount: "156",              imageSrc:
-                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=2",              imageAlt: "Budget-friendly comfortable mattress"},
+                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=2",              imageAlt: "Budget-friendly comfortable mattress"
+            },
             {
               id: "5",              brand: "PremiumLux",              name: "Executive Prestige",              price: "Starting at $1,299",              rating: 5,
               reviewCount: "98",              imageSrc:
-                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=2",              imageAlt: "Premium executive mattress"},
+                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=2",              imageAlt: "Premium executive mattress"
+            },
             {
               id: "6",              brand: "ThermoControl",              name: "Cooling Gel Memory",              price: "Starting at $699",              rating: 5,
               reviewCount: "134",              imageSrc:
-                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=2",              imageAlt: "Cooling gel memory foam mattress"},
+                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=2",              imageAlt: "Cooling gel memory foam mattress"
+            },
           ]}
         />
       </div>
@@ -160,27 +174,33 @@ export default function LandingPage() {
             {
               id: "1",              title: "Finally sleeping through the night",              quote:
                 "I was skeptical about the ortho mattress, but the team let me try it in-store for an hour. After just one night at home, I could tell it was different. Best purchase we've made.",              name: "Sarah Mitchell",              role: "Homeowner",              imageSrc:
-                "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg?_wi=1",              imageAlt: "Sarah Mitchell"},
+                "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
+            },
             {
               id: "2",              title: "Professional and honest service",              quote:
                 "They didn't push me to buy the most expensive option. The consultant actually listened to my needs and recommended a mid-range mattress. Four months later, couldn't be happier.",              name: "Michael Chen",              role: "Business Owner",              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=1",              imageAlt: "Michael Chen"},
+                "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=1",              imageAlt: "Michael Chen"
+            },
             {
               id: "3",              title: "Delivery and setup was flawless",              quote:
                 "Same-day delivery? Yes please. They came when they said they would, set everything up perfectly, and even hauled away our old mattress. Couldn't ask for better service.",              name: "Jennifer Adams",              role: "Young Professional",              imageSrc:
-                "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",              imageAlt: "Jennifer Adams"},
+                "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",              imageAlt: "Jennifer Adams"
+            },
             {
               id: "4",              title: "Local business that truly cares",              quote:
                 "It's refreshing to work with a local mattress shop instead of ordering online blindly. These folks know their stuff, and they stand behind every mattress they sell.",              name: "David Rodriguez",              role: "Retired",              imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman-close-up_1139-650.jpg",              imageAlt: "David Rodriguez"},
+                "http://img.b2bpic.net/free-photo/businessman-close-up_1139-650.jpg",              imageAlt: "David Rodriguez"
+            },
             {
               id: "5",              title: "My back pain is gone",              quote:
                 "Within a week of using the orthopedic mattress, my morning back pain disappeared. I've recommended this shop to everyone I know. Thank you for changing my sleep.",              name: "Maria Santos",              role: "Healthcare Worker",              imageSrc:
-                "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg?_wi=2",              imageAlt: "Maria Santos"},
+                "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg?_wi=2",              imageAlt: "Maria Santos"
+            },
             {
               id: "6",              title: "Worth every penny",              quote:
                 "We invested in the premium hybrid mattress and have never slept better. The comfort, support, and durability are unmatched. The team's advice was invaluable.",              name: "Thomas Williams",              role: "Executive",              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=2",              imageAlt: "Thomas Williams"},
+                "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg?_wi=2",              imageAlt: "Thomas Williams"
+            },
           ]}
         />
       </div>
@@ -200,17 +220,17 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-room-stylish-evening-dress-flirty-sexy-fashion-outfit-white-sheets_285396-6130.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-room-stylish-evening-dress-flirty-sexy-fashion-outfit-white-sheets_285396-6130.jpg?_wi=1"
           imageAlt="Bedroom interior"
           logoText="Better Sleep Local"
           copyrightText="© 2025 Better Sleep Local Mattress Shop | All rights reserved"
           columns={[
             {
               title: "Shop",              items: [
-                { label: "Memory Foam", href: "#mattress-types" },
+                { label: "Memory Foam", href: "/products" },
-                { label: "Hybrid Mattresses", href: "#mattress-types" },
+                { label: "Hybrid Mattresses", href: "/products" },
-                { label: "Orthopedic Support", href: "#mattress-types" },
+                { label: "Orthopedic Support", href: "/products" },
-                { label: "All Mattresses", href: "#mattress-types" },
+                { label: "All Mattresses", href: "/products" },
               ],
             },
             {

src/app/products/page.tsx

@@ -0,0 +1,133 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Mattresses", id: "mattress-types" },
+            { name: "Products", id: "/products" },
+            { name: "About Us", id: "why-us" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="Better Sleep Local"
+          bottomLeftText="Local Experts Since 2005"
+          bottomRightText="📞 (555) 123-4567"
+        />
+      </div>
+
+      <div id="mattress-types" data-section="mattress-types" style={{ paddingTop: "5rem" }}>
+        <ProductCardTwo
+          title="Browse All Mattresses"
+          description="Explore our complete collection of premium mattresses. Each one has been carefully selected and tested by our expert consultants. Find your perfect match and experience the difference a quality mattress makes."
+          tag="Complete Collection"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "1",              brand: "Comfort Sleep Co",              name: "Premium Memory Foam",              price: "Starting at $599",              rating: 5,
+              reviewCount: "287",              imageSrc:
+                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=1",              imageAlt: "Premium memory foam mattress"
+            },
+            {
+              id: "2",              brand: "DreamSupport",              name: "Hybrid Luxury Series",              price: "Starting at $799",              rating: 5,
+              reviewCount: "165",              imageSrc:
+                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=1",              imageAlt: "Luxury hybrid mattress with springs and foam"
+            },
+            {
+              id: "3",              brand: "HealthSupport",              name: "Orthopedic Support",              price: "Starting at $649",              rating: 5,
+              reviewCount: "213",              imageSrc:
+                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=1",              imageAlt: "Orthopedic support mattress for back pain relief"
+            },
+            {
+              id: "4",              brand: "BudgetComfort",              name: "Affordable Comfort",              price: "Starting at $399",              rating: 4,
+              reviewCount: "156",              imageSrc:
+                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=2",              imageAlt: "Budget-friendly comfortable mattress"
+            },
+            {
+              id: "5",              brand: "PremiumLux",              name: "Executive Prestige",              price: "Starting at $1,299",              rating: 5,
+              reviewCount: "98",              imageSrc:
+                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=2",              imageAlt: "Premium executive mattress"
+            },
+            {
+              id: "6",              brand: "ThermoControl",              name: "Cooling Gel Memory",              price: "Starting at $699",              rating: 5,
+              reviewCount: "134",              imageSrc:
+                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=2",              imageAlt: "Cooling gel memory foam mattress"
+            },
+            {
+              id: "7",              brand: "SleepZone",              name: "Firm Support Pro",              price: "Starting at $749",              rating: 5,
+              reviewCount: "178",              imageSrc:
+                "http://img.b2bpic.net/free-photo/elevated-view-smiling-girls-lying-bed-looking-camera_23-2148080316.jpg?_wi=3",              imageAlt: "Firm support mattress for back sleepers"
+            },
+            {
+              id: "8",              brand: "LuxeNight",              name: "Plush Cloud Comfort",              price: "Starting at $899",              rating: 5,
+              reviewCount: "142",              imageSrc:
+                "http://img.b2bpic.net/free-photo/white-pillows-stacked_1203-1329.jpg?_wi=3",              imageAlt: "Plush cloud-like mattress for side sleepers"
+            },
+            {
+              id: "9",              brand: "NaturalRest",              name: "Organic Latex",              price: "Starting at $1,099",              rating: 5,
+              reviewCount: "97",              imageSrc:
+                "http://img.b2bpic.net/free-photo/tired-man-sleeping-floor_23-2148563373.jpg?_wi=3",              imageAlt: "Natural organic latex mattress"
+            },
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-room-stylish-evening-dress-flirty-sexy-fashion-outfit-white-sheets_285396-6130.jpg?_wi=2"
+          imageAlt="Bedroom interior"
+          logoText="Better Sleep Local"
+          copyrightText="© 2025 Better Sleep Local Mattress Shop | All rights reserved"
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "Memory Foam", href: "/products" },
+                { label: "Hybrid Mattresses", href: "/products" },
+                { label: "Orthopedic Support", href: "/products" },
+                { label: "All Mattresses", href: "/products" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/#why-us" },
+                { label: "Customer Reviews", href: "/#testimonials" },
+                { label: "Local Expertise", href: "/#metrics" },
+                { label: "Contact Us", href: "/#contact" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "30-Day Guarantee", href: "#" },
+                { label: "Delivery & Setup", href: "#" },
+                { label: "Mattress Care Tips", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
+  --background: #ffffff;
-  --card: #f7f2ea;
+  --card: #f9f9f9;
-  --foreground: #000000;
+  --foreground: #000612e6;
-  --primary-cta: #000000;
+  --primary-cta: #15479c;
-  --primary-cta-text: #efebe5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #000612e6;
-  --accent: #ffffff;
+  --accent: #e2e2e2;
-  --background-accent: #e1b875;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);