Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -66,19 +66,8 @@ export default function LandingPage() {
       imageAlt="Luxury Rolex-style Watch"
       mediaAnimation="slide-up"
       fixedMediaHeight={true}
-      avatars={[
+      avatars={[]}
-        {
+      avatarText=""
-          src: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-watch-against-black-background_23-2147937487.jpg",          alt: "Satisfied client"},
-        {
-          src: "http://img.b2bpic.net/free-photo/moody-thoughtful-black-young-model-wearing-blank-black-t-shirt-isolated-white_346278-1013.jpg",          alt: "Happy customer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-concentrated-young-man_171337-17412.jpg",          alt: "Luxury watch owner"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11494.jpg",          alt: "Distinguished collector"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-schooler-teenage-boy-eyeglasses-dressed-stylish-jacket_613910-11986.jpg",          alt: "Premium buyer"},
-      ]}
-      avatarText="Trusted by discerning collectors worldwide."
       marqueeItems={[
         {
           type: "text-icon",          text: "Precision Engineering",          icon: Cog,
@@ -112,20 +101,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "watch-1",          name: "Chronos Black Dial",          price: "$12,500",          imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1",          imageAlt: "Luxury watch with black dial"},
+          id: "watch-1",          name: "Chronos Black Dial",          price: "$12,500",          imageSrc: "https://images.unsplash.com/photo-1616010078749-0d19f9d7c2a7?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Luxury watch with black dial"},
         {
-          id: "watch-2",          name: "Oceanic Blue Dial",          price: "$12,700",          imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2",          imageAlt: "Luxury watch with blue dial"},
+          id: "watch-2",          name: "Oceanic Blue Dial",          price: "$12,700",          imageSrc: "https://images.unsplash.com/photo-1629197943486-5d070b1e4c33?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Luxury watch with blue dial"},
         {
-          id: "watch-3",          name: "Veridian Green Dial",          price: "$12,800",          imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3",          imageAlt: "Luxury watch with green dial"},
+          id: "watch-3",          name: "Veridian Green Dial",          price: "$12,800",          imageSrc: "https://images.unsplash.com/photo-1678841796791-039c3e4c4c23?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Luxury watch with green dial"},
         {
-          id: "watch-4",          name: "Lumina White Dial",          price: "$12,600",          imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=4",          imageAlt: "Luxury watch with white dial"},
+          id: "watch-4",          name: "Lumina White Dial",          price: "$12,600",          imageSrc: "https://images.unsplash.com/photo-1621607507641-fdfd31b34c20?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Luxury watch with white dial"},
       ]}
       title="Exquisite Collection"
       description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
       className="py-20 lg:py-32"
-      cardClassName="rounded-2xl p-4 md:p-6 bg-card border border-border transition-all duration-300 hover:scale-[1.02] active:scale-[0.98]"
+      cardClassName="rounded-xl p-6 lg:p-8 bg-card shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.01] active:scale-[0.99] border border-gray-200"
       textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
       cardNameClassName="text-lg md:text-xl font-semibold mt-2"
+      gridClassName="gap-8 lg:gap-12"
     />
   </div>
 
@@ -174,6 +164,11 @@ export default function LandingPage() {
           id: "m5",          icon: Award,
           title: "Comprehensive",          value: "Warranty & Care"},
       ]}
+      buttons={[
+        {
+          text: "Explore Our Collection",          href: "#collection"
+        }
+      ]}
       title="Assured Trust & Excellence"
       description="Every timepiece in our collection undergoes stringent verification and is backed by our commitment to unparalleled quality and service."
       className="py-20 lg:py-32"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #efebe5;
-  --card: #ffffff;
+  --card: #f7f2ea;
-  --foreground: #1a1a1a;
+  --foreground: #000000;
-  --primary-cta: #B8860B;
+  --primary-cta: #000000;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a1a1a;
+  --secondary-cta-text: #f5f4f0;
-  --accent: #d4af37;
+  --accent: #ffffff;
-  --background-accent: #e8e6e1;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);