Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -1,59 +1,50 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
-import { ShoppingBag, Tag, Star, Sparkles, Shirt } from "lucide-react";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 
 export default function PersonalGridTemplatePage() {
-    const titleSegments = [
-        { type: "text" as const, content: "Curated styles for" },
-        { type: "image" as const, src: "http://img.b2bpic.net/free-photo/top-view-girl-with-dreadlocks-lying-floor_23-2149085227.jpg", alt: "Modern Fashion" },
-        { type: "text" as const, content: "your wardrobe" },
-        { type: "image" as const, src: "http://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg", alt: "Chic Trends" },
-        { type: "text" as const, content: "elevated" },
-    ];
-
-    const socialLinks = [
-        { icon: ShoppingBag, label: "Shop Instagram", href: "#" },
-        { icon: Sparkles, label: "Style Trends", href: "#" },
-        { icon: Star, label: "New Arrivals", href: "#" },
-    ];
-
-    const linkCards = [
+    const products = [
         {
-            icon: Shirt,
-            title: "Spring/Summer 2024",            description: "Discover our latest seasonal drop of sustainable linens and cottons.",            button: { text: "Shop Collection", href: "#" },
+            id: "1",            brand: "Signature",            name: "Organic Linen Shirt",            price: "$129",            rating: 5,
+            reviewCount: "128",            imageSrc: "https://img.b2bpic.net/free-photo/top-view-girl-with-dreadlocks-lying-floor_23-2149085227.jpg?_wi=1",            imageAlt: "Organic Linen Shirt"
         },
         {
-            icon: Tag,
-            title: "Exclusive Membership",            description: "Sign up for 15% off your first purchase and early access to drops.",            button: { text: "Join & Save", href: "#" },
+            id: "2",            brand: "Signature",            name: "Cotton Essential Tee",            price: "$45",            rating: 4,
+            reviewCount: "84",            imageSrc: "https://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg",            imageAlt: "Cotton Essential Tee"
         },
         {
-            icon: Star,
-            title: "Best Sellers",            description: "Our community favorites—the pieces everyone is wearing this month.",            button: { text: "View Gallery", href: "#" },
-        },
+            id: "3",            brand: "Signature",            name: "Tailored Wool Trousers",            price: "$189",            rating: 5,
+            reviewCount: "42",            imageSrc: "https://img.b2bpic.net/free-photo/top-view-girl-with-dreadlocks-lying-floor_23-2149085227.jpg?_wi=2",            imageAlt: "Tailored Wool Trousers"
+        }
     ];
 
     return (
         <ThemeProvider
             defaultButtonVariant="text-stagger"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="pill"
             contentWidth="medium"
             sizing="medium"
             background="none"
-            cardStyle="gradient-bordered"
+            cardStyle="glass-elevated"
             primaryButtonStyle="flat"
             secondaryButtonStyle="solid"
-            headingFontWeight="medium"
+            headingFontWeight="light"
         >
-            <HeroPersonalLinks
-                background={{ variant: "downward-rays-animated-grid" }}
-                title="Your source for modern apparel"
-                titleSegments={titleSegments}
-                socialLinks={socialLinks}
-                linkCards={linkCards}
-            />
+            <div id="products">
+                <ProductCardTwo
+                    title="Collection"
+                    description="Minimalist wardrobe essentials, crafted for longevity."
+                    products={products}
+                    buttons={[{ text: "Shop All Essentials", href: "/shop" }]}
+                    gridVariant="three-columns-all-equal-width"
+                    animationType="blur-reveal"
+                    textboxLayout="split-description"
+                    useInvertedBackground={false}
+                    className="py-20"
+                />
+            </div>
         </ThemeProvider>
     );
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120a00e6;
+  --primary-cta: #E34400;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120a00e6;
+  --accent: #e2e2e2;
+  --background-accent: #E34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);