Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -45,14 +45,14 @@ export default function LandingPage() {
             title="Madagascar Vanilla & Spices — Grown on Our Farms, Delivered Fresh"
             description="We don’t source from suppliers—we grow and harvest our own spices in Madagascar, ensuring unmatched freshness, flavor, and quality."
             buttons={[{ text: "Shop Vanilla Beans", href: "#shop" }, { text: "Shop All Spices", href: "#shop" }]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkogj"
-            imageAlt="vanilla spice farm Madagascar fresh harvest"
+            imageSrc="https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=2000&auto=format&fit=crop"
+            imageAlt="Madagascar vanilla farm landscape"
             avatars={[
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkogj", alt: "Customer 1" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkogj", alt: "Customer 2" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkogj", alt: "Customer 3" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkogj", alt: "Customer 4" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkogj", alt: "Customer 5" }
+              { src: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=200&auto=format&fit=crop", alt: "Customer 1" },
+              { src: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=200&auto=format&fit=crop", alt: "Customer 2" },
+              { src: "https://images.unsplash.com/photo-1517841905240-472988babdf9?q=80&w=200&auto=format&fit=crop", alt: "Customer 3" },
+              { src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop", alt: "Customer 4" },
+              { src: "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?q=80&w=200&auto=format&fit=crop", alt: "Customer 5" }
             ]}
             avatarText="Trusted by 5,000+ spice lovers"
             marqueeItems={[
@@ -76,9 +76,9 @@ export default function LandingPage() {
               { title: "Full Freshness", description: "Preserved natural aroma and flavor profile." },
               { title: "Zero Middlemen", description: "Total control over quality." }
             ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2h2qzj"
+            imageSrc="https://images.unsplash.com/photo-1620257929452-f67f654b1509?q=80&w=1200&auto=format&fit=crop"
             mediaAnimation="slide-up"
-            imageAlt="ethically grown spice harvest madagascar"
+            imageAlt="Hand holding freshly harvested spices in Madagascar"
           />
         </div>
 
@@ -104,12 +104,12 @@ export default function LandingPage() {
             gridVariant="four-items-2x2-equal-grid"
             useInvertedBackground={false}
             products={[
-              { id: "p1", brand: "Spice United", name: "Rich & Creamy Vanilla Beans", price: "$29.00", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anmron" },
-              { id: "p2", brand: "Spice United", name: "Bold Aromatic Black Pepper", price: "$12.00", rating: 5, reviewCount: "94", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxdkon" },
-              { id: "p3", brand: "Spice United", name: "Intensely Fragrant Cloves", price: "$15.00", rating: 5, reviewCount: "67", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=scy9ly" },
-              { id: "p4", brand: "Spice United", name: "Madagascar Spice Set", price: "$45.00", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qrmn7y" },
-              { id: "p5", brand: "Spice United", name: "Premium Cinnamon Bark", price: "$14.00", rating: 5, reviewCount: "82", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=efhrdp" },
-              { id: "p6", brand: "Spice United", name: "Star Anise Selection", price: "$18.00", rating: 5, reviewCount: "39", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mks75" }
+              { id: "p1", brand: "Spice United", name: "Rich & Creamy Vanilla Beans", price: "$29.00", rating: 5, reviewCount: "128", imageSrc: "https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=800&auto=format&fit=crop&_wi=1" },
+              { id: "p2", brand: "Spice United", name: "Bold Aromatic Black Pepper", price: "$12.00", rating: 5, reviewCount: "94", imageSrc: "https://images.unsplash.com/photo-1509440159596-0249088772ff?q=80&w=800&auto=format&fit=crop" },
+              { id: "p3", brand: "Spice United", name: "Intensely Fragrant Cloves", price: "$15.00", rating: 5, reviewCount: "67", imageSrc: "https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=800&auto=format&fit=crop&_wi=2" },
+              { id: "p4", brand: "Spice United", name: "Madagascar Spice Set", price: "$45.00", rating: 5, reviewCount: "45", imageSrc: "https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=800&auto=format&fit=crop&_wi=3" },
+              { id: "p5", brand: "Spice United", name: "Premium Cinnamon Bark", price: "$14.00", rating: 5, reviewCount: "82", imageSrc: "https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=800&auto=format&fit=crop&_wi=4" },
+              { id: "p6", brand: "Spice United", name: "Star Anise Selection", price: "$18.00", rating: 5, reviewCount: "39", imageSrc: "https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=800&auto=format&fit=crop&_wi=5" }
             ]}
             title="Customer Favorites"
             description="Our most aromatic, fresh-harvested spice selections."
@@ -158,7 +158,7 @@ export default function LandingPage() {
                 { title: "Hand-Pollinated", description: "Ensuring top-tier quality in every vanilla pod." },
                 { title: "Direct Harvest", description: "Harvested with care at the perfect moment of maturity." }
             ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6cb7n"
+            imageSrc="https://images.unsplash.com/photo-1618354691373-d851c5c3a990?q=80&w=1200&auto=format&fit=crop"
             mediaAnimation="slide-up"
           />
         </div>
@@ -181,7 +181,7 @@ export default function LandingPage() {
 
         <div id="footer" data-section="footer">
           <FooterMedia
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o87olv"
+            imageSrc="https://images.unsplash.com/photo-1596040033229-a9821b052148?q=80&w=1200&auto=format&fit=crop"
             logoText="Spice United"
             columns={[
               { title: "Shop", items: [{ label: "Vanilla Beans", href: "#shop" }, { label: "All Spices", href: "#shop" }] },
@@ -193,4 +193,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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