Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -49,7 +49,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           buttons={[
-            { text: "Shop Original Collection", href: "#products" },
+            { text: "Shop Verified Originals Now", href: "#products" },
             { text: "Explore Replicas", href: "#replicas" }
           ]}
           buttonAnimation="slide-up"
@@ -85,6 +85,7 @@ export default function LandingPage() {
             { src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", alt: "Fatima Malik" }
           ]}
           avatarText="Join 42.5K+ happy customers across Pakistan & UAE"
+          titleClassName="animate-float"
           useInvertedBackground={false}
         />
       </div>
@@ -130,13 +131,13 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "mk-9083-gold",              name: "Michael Kors MK9083 Gold",              price: "₨18,500",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg",              imageAlt: "Michael Kors MK9083 Gold luxury watch"
+              id: "mk-9083-gold",              name: "Michael Kors MK9083 Gold",              price: "₨18,500",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-pijgcqie.png",              imageAlt: "Michael Kors MK9083 Gold luxury watch"
             },
             {
-              id: "mk-9082-blue",              name: "Michael Kors MK9082 Blue",              price: "₨17,800",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg",              imageAlt: "Michael Kors MK9082 Blue watch"
+              id: "mk-9082-blue",              name: "Michael Kors MK9082 Blue",              price: "₨17,800",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-dg7jn7fd.png",              imageAlt: "Michael Kors MK9082 Blue watch"
             },
             {
-              id: "super-clone-gmt",              name: "Super Clone GMT Master II",              price: "₨22,900",              imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-wrist-watch_23-2147689274.jpg",              imageAlt: "Premium super clone GMT watch"
+              id: "super-clone-gmt",              name: "Super Clone GMT Master II",              price: "₨22,900",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-7ezctuir.png",              imageAlt: "Premium super clone GMT watch"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -216,7 +217,7 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           faqs={[
             {
-              id: "faq-1",              title: "How do I know if the watch is original?",              content: "All our watches come with detailed authenticity verification. We provide certificates, serial number documentation, and 100% original guarantee. Your satisfaction is backed by our 1-year warranty."
+              id: "faq-1",              title: "How do I know if the watch is original?",              content: "Every watch includes authenticity documentation and serial verification. <a href=\"#warranty-guarantee\" class=\"underline font-semibold\">View our full authenticity guarantee</a> for detailed inspection criteria."
             },
             {
               id: "faq-2",              title: "What's the difference between Original and Replica?",              content: "Originals are genuine brand watches directly from authorized sources. Replicas are high-quality timepieces inspired by luxury brands—same precision, excellent quality, at fraction of the price. Both categories include our full warranty."
@@ -284,4 +285,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #120a00e6;
+  --foreground: #001122;
-  --primary-cta: #E34400;
+  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f5faff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #120a00e6;
+  --secondary-cta-text: #001122;
-  --accent: #e2e2e2;
+  --accent: #a8cce8;
-  --background-accent: #E34400;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);