Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -73,13 +73,13 @@ export default function LandingPage() {
   </div>
 
   <div id="product" data-section="product">
-      <ProductCardThree
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        { id: "1", name: "Titanium Link Cuff", price: "$990", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-product-background_53876-89503.jpg?_wi=1" },
+        { 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: "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: "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: "Void Pendant", price: "$2,300", imageSrc: "http://img.b2bpic.net/free-photo/stylish-women-s-earrings-rays-sun_8353-9670.jpg?_wi=1" }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
-  --card: #152840;
-  --foreground: #e6f0ff;
-  --primary-cta: #cee7ff;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #030128;
-  --secondary-cta: #0e1a29;
+  --secondary-cta: #041633;
   --secondary-cta-text: #d5d4f6;
-  --accent: #3f5c79;
-  --background-accent: #004a93;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);