Merge version_4 into main

Merge version_4 into main

src/app/layout.tsx

@@ -1424,4 +1424,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -100,6 +100,8 @@ export default function LandingPage() {
         <ProductCardTwo
           title="Collections"
           description="Browse our curated collections designed for every lifestyle and season"
+          tag="Customer Favorites"
+          tagAnimation="slide-up"
           products={[
             {
               id: "4",              brand: "ShoeStyle",              name: "Athletic Collection",              price: "$119.99",              rating: 5,
@@ -179,13 +181,13 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to find your perfect pair? Contact us today or visit one of our stores to experience premium footwear like never before."
+          text="Find Your Perfect Pair Today"
           animationType="entrance-slide"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Get in Touch", href: "#" },
-            { text: "Find a Store", href: "#" }
+            { text: "Shop Now", href: "#" },
+            { text: "Get Support", href: "#" }
           ]}
         />
       </div>
@@ -232,4 +234,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #250c0d;;
-  --primary-cta: #b82b40;;
-  --secondary-cta: #ffffff;;
-  --accent: #b90941;;
-  --background-accent: #e8a8b6;; */
+  /* --background: #ffffff;;;;
+  --card: #f9f9f9;;;;
+  --foreground: #000612e6;;;;
+  --primary-cta: #15479c;;;;
+  --secondary-cta: #f9f9f9;;;;
+  --accent: #eddddd;;;;
+  --background-accent: #c4c4c4;;;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #250c0d;;
-  --primary-cta: #b82b40;;
-  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #250c0d;;
-  --accent: #b90941;;
-  --background-accent: #e8a8b6;;
+  --background: #ffffff;;;;
+  --card: #f9f9f9;;;;
+  --foreground: #000612e6;;;;
+  --primary-cta: #15479c;;;;
+  --primary-cta-text: #ffffff;;;;
+  --secondary-cta: #f9f9f9;;;;
+  --secondary-cta-text: #000612e6;;;;
+  --accent: #eddddd;;;;
+  --background-accent: #c4c4c4;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);