Update theme colors

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
 export default function LandingPage() {
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Damer",
-          id: "catalog",
-        },
+          name: "Damer",          id: "catalog"},
         {
-          name: "Herrer",
-          id: "catalog",
-        },
+          name: "Herrer",          id: "catalog"},
         {
-          name: "Børn",
-          id: "catalog",
-        },
+          name: "Børn",          id: "catalog"},
         {
-          name: "Sale",
-          id: "catalog",
-        },
+          name: "Sale",          id: "catalog"},
       ]}
       brandName="Veloré"
     />
@@ -54,103 +46,52 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Veloré Ny Kollektion"
       description="Opdag vores nye sæsonudvalg af tidløse styles og moderne mode."
       buttons={[
         {
-          text: "Shop Nu",
-          href: "#catalog",
-        },
+          text: "Shop Nu",          href: "#catalog"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-phone-by-white-wall_53876-129937.jpg",
-          imageAlt: "Veloré Fashion",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-phone-by-white-wall_53876-129937.jpg",          imageAlt: "Veloré Fashion"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-client-wheelchair-asking-asian-woman-employee-assistance_482257-118424.jpg",
-          imageAlt: "Veloré Fashion",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/male-client-wheelchair-asking-asian-woman-employee-assistance_482257-118424.jpg",          imageAlt: "Veloré Fashion"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/flatlay-outfit-travel_53876-138233.jpg",
-          imageAlt: "Veloré Fashion",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/flatlay-outfit-travel_53876-138233.jpg",          imageAlt: "Veloré Fashion"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
-          imageAlt: "Veloré Fashion",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",          imageAlt: "Veloré Fashion"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",
-          imageAlt: "Veloré Fashion",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",          imageAlt: "Veloré Fashion"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/your-best-give-up-life-goes-live-your-life_53876-13852.jpg",
-          imageAlt: "Veloré Fashion",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/your-best-give-up-life-goes-live-your-life_53876-13852.jpg",          imageAlt: "Veloré Fashion"},
       ]}
     />
   </div>
 
   <div id="catalog" data-section="catalog">
-      <ProductCardFour
+      <ProductCardTwo
       animationType="slide-up"
       textboxLayout="split-description"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "T-shirt",
-          price: "199 kr",
-          variant: "Cotton",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-teen-boy-white-t-shirt_176474-96285.jpg",
-          imageAlt: "T-shirt",
-        },
+          id: "1",          name: "T-shirt",          brand: "Veloré Essentials",          price: "199 kr",          rating: 5,
+          reviewCount: "128",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-teen-boy-white-t-shirt_176474-96285.jpg",          imageAlt: "T-shirt"},
         {
-          id: "2",
-          name: "Jakke",
-          price: "599 kr",
-          variant: "Winter",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-metallic-blue-railing-wearing-headphone-her-neck_23-2148204744.jpg",
-          imageAlt: "Jakke",
-        },
+          id: "2",          name: "Jakke",          brand: "Veloré Outerwear",          price: "599 kr",          rating: 4,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-metallic-blue-railing-wearing-headphone-her-neck_23-2148204744.jpg",          imageAlt: "Jakke"},
         {
-          id: "3",
-          name: "Sko",
-          price: "799 kr",
-          variant: "Leather",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg",
-          imageAlt: "Sko",
-        },
+          id: "3",          name: "Sko",          brand: "Veloré Footwear",          price: "799 kr",          rating: 5,
+          reviewCount: "64",          imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558973.jpg",          imageAlt: "Sko"},
         {
-          id: "4",
-          name: "Bukser",
-          price: "399 kr",
-          variant: "Casual",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-woman-walking-outdoor_273443-768.jpg",
-          imageAlt: "Bukser",
-        },
-        {
-          id: "5",
-          name: "Kjole",
-          price: "499 kr",
-          variant: "Summer",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-woman-white-summer-clothes-posing-near-water_343596-894.jpg",
-          imageAlt: "Kjole",
-        },
-        {
-          id: "6",
-          name: "Tørklæde",
-          price: "149 kr",
-          variant: "Accessory",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048362.jpg",
-          imageAlt: "Tørklæde",
-        },
+          id: "4",          name: "Bukser",          brand: "Veloré Classics",          price: "399 kr",          rating: 4,
+          reviewCount: "92",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-woman-walking-outdoor_273443-768.jpg",          imageAlt: "Bukser"},
       ]}
       title="Produkter"
-      description="Se vores seneste udvalg af kvalitetstøj."
+      description="Skandinavisk minimalisme til hverdagsbrug."
     />
   </div>
 
@@ -161,17 +102,11 @@ export default function LandingPage() {
       description="Veloré er skabt med fokus på holdbarhed og skandinavisk minimalisme."
       metrics={[
         {
-          value: "100%",
-          title: "Kvalitet",
-        },
+          value: "100%",          title: "Kvalitet"},
         {
-          value: "2025",
-          title: "Grundlagt",
-        },
+          value: "2025",          title: "Grundlagt"},
         {
-          value: "50+",
-          title: "Styles",
-        },
+          value: "50+",          title: "Styles"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg"
       mediaAnimation="slide-up"
@@ -186,26 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "90%",
-          title: "Bæredygtig",
-          description: "Materialer brugt",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061828.jpg",
-        },
+          id: "m1",          value: "90%",          title: "Bæredygtig",          description: "Materialer brugt",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061828.jpg"},
         {
-          id: "m2",
-          value: "100%",
-          title: "Etisk",
-          description: "Arbejdsvilkår",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-clay-sculptures_23-2149730902.jpg",
-        },
+          id: "m2",          value: "100%",          title: "Etisk",          description: "Arbejdsvilkår",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-clay-sculptures_23-2149730902.jpg"},
         {
-          id: "m3",
-          value: "10.000+",
-          title: "Kunder",
-          description: "Tilfredse køb",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg",
-        },
+          id: "m3",          value: "10.000+",          title: "Kunder",          description: "Tilfredse køb",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg"},
       ]}
       title="Vores Fokus"
       description="Vi prioriterer bæredygtighed og etik i hele vores forsyningskæde."
@@ -219,40 +139,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Kunde",
-          testimonial: "Fantastisk kvalitet og pasform!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-wall-with-her-crossed-legs-against-blue-sky_23-2148187380.jpg",
-        },
+          id: "t1",          name: "Sarah J.",          role: "Kunde",          testimonial: "Fantastisk kvalitet og pasform!",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-wall-with-her-crossed-legs-against-blue-sky_23-2148187380.jpg"},
         {
-          id: "t2",
-          name: "Michael L.",
-          role: "Kunde",
-          testimonial: "Min nye favoritjakke.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-excited-african-woman-with-bags-shopping-outdoors-sunlight_181624-55731.jpg",
-        },
+          id: "t2",          name: "Michael L.",          role: "Kunde",          testimonial: "Min nye favoritjakke.",          imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-excited-african-woman-with-bags-shopping-outdoors-sunlight_181624-55731.jpg"},
         {
-          id: "t3",
-          name: "Emily R.",
-          role: "Kunde",
-          testimonial: "Hurtig levering og super service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Kunde",
-          testimonial: "Tøjet holder vask efter vask.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-pawns-with-glass-divider-copy-space_23-2148748989.jpg",
-        },
-        {
-          id: "t5",
-          name: "Laura S.",
-          role: "Kunde",
-          testimonial: "Skandinavisk design når det er bedst.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-gardening-home_23-2150603447.jpg",
-        },
+          id: "t3",          name: "Emily R.",          role: "Kunde",          testimonial: "Hurtig levering og super service.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg"},
       ]}
       title="Kundeanmeldelser"
       description="Hvad vores kunder siger om os."
@@ -265,20 +156,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "Hvad er leveringstiden?",
-          content: "Normalt 2-4 hverdage.",
-        },
+          id: "f1",          title: "Hvad er leveringstiden?",          content: "Normalt 2-4 hverdage."},
         {
-          id: "f2",
-          title: "Kan jeg returnere?",
-          content: "Ja, 30 dages returret.",
-        },
+          id: "f2",          title: "Kan jeg returnere?",          content: "Ja, 30 dages returret."},
         {
-          id: "f3",
-          title: "Hvordan er pasformen?",
-          content: "Vores størrelser er standard.",
-        },
+          id: "f3",          title: "Hvordan er pasformen?",          content: "Vores størrelser er standard."},
       ]}
       title="Spørgsmål & Svar"
       description="Vi hjælper dig gerne."
@@ -290,8 +172,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Hold dig opdateret"
       title="Tilmeld nyhedsbrev"
       description="Få 10% på dit første køb."
@@ -303,29 +184,19 @@ export default function LandingPage() {
       logoText="Veloré"
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "Damer",
-              href: "#",
-            },
+              label: "Damer",              href: "#"},
             {
-              label: "Herrer",
-              href: "#",
-            },
+              label: "Herrer",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Returret",
-              href: "#",
-            },
+              label: "Returret",              href: "#"},
             {
-              label: "FAQ",
-              href: "#",
-            },
+              label: "FAQ",              href: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #000802;
+  --card: #0b1a0b;
+  --foreground: #e6ffe6;
+  --primary-cta: #80da9b;
+  --primary-cta-text: #000802;
+  --secondary-cta: #07170b;
+  --secondary-cta-text: #e6ffe6;
+  --accent: #38714a;
+  --background-accent: #2c6541;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);