Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -56,20 +56,6 @@ export default function LandingPage() {
       buttons={[{ text: "Explore Collection", href: "#product" }]}
       imageSrc="http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg?_wi=2"
       mediaAnimation="blur-reveal"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/eggs-feathers-bowl-near-plant-twigs_23-2148073873.jpg", alt: "User portrait" },
-        { src: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-79746.jpg", alt: "User portrait" },
-        { src: "http://img.b2bpic.net/free-photo/blue-designed-grunge-concrete-texture-vintage-background-with-space-text-image_1258-108924.jpg", alt: "User portrait" },
-        { src: "http://img.b2bpic.net/free-photo/plain-dark-blue-wall-product-background_53876-110773.jpg", alt: "User portrait" },
-        { src: "http://img.b2bpic.net/free-photo/contrasted-light-dark-wall-corners_23-2148744303.jpg", alt: "User portrait" }
-      ]}
-      marqueeItems={[
-        { type: "text", text: "Premium Craftsmanship" },
-        { type: "text", text: "Hand-stitched Leather" },
-        { type: "text", text: "Exclusive Materials" },
-        { type: "text", text: "Limited Editions" },
-        { type: "text", text: "Modern Luxury" }
-      ]}
     />
   </div>
 
@@ -93,15 +79,13 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        { id: "1", name: "Midnight Cuff", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses_158538-11386.jpg?_wi=2" },
+        { id: "chain-01", name: "Hip-Hop Cube Chain", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg?_wi=1", imageAlt: "Hip-Hop Cube Chain" },
-        { id: "2", name: "Starlight Ring", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg?_wi=2" },
+        { id: "2", name: "Stellar Geometric Ring", price: "$1,350", imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg?_wi=1" },
-        { id: "3", name: "Shadow Belt", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2831.jpg?_wi=2" },
+        { id: "3", name: "Obsidian Leather Belt", price: "$1,650", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-father-mother-with-baby_1328-2831.jpg?_wi=1" },
-        { id: "4", name: "Obsidian Pendant", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/stylish-women-s-earrings-rays-sun_8353-9670.jpg" },
+        { id: "4", name: "Void Pendant", price: "$2,300", imageSrc: "http://img.b2bpic.net/free-photo/stylish-women-s-earrings-rays-sun_8353-9670.jpg?_wi=1" }
-        { id: "5", name: "Eclipse Glasses", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-with-long-brown-hair-blue-sunglasses-naked-shoulders-isolated-grey-background_613910-11021.jpg" },
-        { id: "6", name: "Vanguard Wallet", price: "$700", imageSrc: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164038.jpg" }
       ]}
-      title="Curated Exclusives"
+      title="New Arrivals"
-      description="Each item is selected for its unique blend of utility and aesthetic perfection."
+      description="Discover our latest collection of hand-crafted artisan accessories."
     />
   </div>
 
@@ -138,9 +122,7 @@ export default function LandingPage() {
       testimonials={[
         { id: "1", name: "Aria J.", role: "Collector", testimonial: "The texture and weight are perfect.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148760475.jpg" },
         { id: "2", name: "Julian B.", role: "Stylist", testimonial: "Exquisite, refined, and truly unique.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup_158538-22772.jpg" },
-        { id: "3", name: "Sofia K.", role: "Designer", testimonial: "I haven't seen this kind of attention to detail elsewhere.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-brunette-hair-pink-bandana-cute-smile-long-sleeve-polka-dot-shirt-smiling-posing-with-cocktail-glass_197531-28142.jpg" },
+        { id: "3", name: "Sofia K.", role: "Designer", testimonial: "I haven't seen this kind of attention to detail elsewhere.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-brunette-hair-pink-bandana-cute-smile-long-sleeve-polka-dot-shirt-smiling-posing-with-cocktail-glass_197531-28142.jpg" }
-        { id: "4", name: "Liam T.", role: "Architect", testimonial: "Solidly built, visually stunning.", imageSrc: "http://img.b2bpic.net/free-photo/low-key-shot-young-man-hat_1163-2026.jpg" },
-        { id: "5", name: "Mia H.", role: "Creative", testimonial: "Worth every single cent.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-female-sitting-leaning-back-wooden-chair-studio-portrait-smiling-pretty_7502-10383.jpg" }
       ]}
       title="From Our Inner Circle"
       description="Voices of those who demand the best in luxury accessories."
@@ -194,4 +176,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #030128;
+  --background: #020617;
-  --card: #241f48;
+  --card: #0f172a;
-  --foreground: #ffffff;
+  --foreground: #e2e8f0;
-  --primary-cta: #ffffff;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #030128;
-  --secondary-cta: #131136;
+  --secondary-cta: #041633;
   --secondary-cta-text: #d5d4f6;
-  --accent: #44358a;
+  --accent: #2d30f3;
-  --background-accent: #b597fe;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);