Update theme colors

Merge version_6 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -45,7 +45,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroSplitKpi
+        <HeroBillboard
           title="Artisan Bakery"
           description="Handcrafted breads and pastries baked fresh daily. Experience the warmth of traditional baking techniques combined with premium, locally-sourced ingredients."
           background={{ variant: "radial-gradient" }}
@@ -53,21 +53,14 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { label: "Shop Now", href: "#products-section", dataWebildId: "hero_split_kpi_shop_btn" },
+            { label: "Shop Now", href: "#products-section", dataWebildId: "hero_billboard_shop_btn" },
-            { label: "View Menu", href: "#menu-section", dataWebildId: "hero_split_kpi_menu_btn" }
+            { label: "View Menu", href: "#menu-section", dataWebildId: "hero_billboard_menu_btn" }
           ]}
           buttonAnimation="slide-up"
           imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
           imageAlt="artisan bakery showcase with fresh baked goods"
           mediaAnimation="fade-in"
-          kpiItems={[
+          ariaLabel="Hero section for artisan bakery featuring fresh baked goods"
-            { value: "500+", label: "Loaves Baked Daily" },
-            { value: "15+", label: "Years of Tradition" },
-            { value: "100%", label: "Locally Sourced" },
-            { value: "4.9★", label: "Customer Rating" }
-          ]}
-          enableKpiAnimation={true}
-          ariaLabel="Hero section for artisan bakery featuring fresh baked goods and key metrics"
         />
       </div>
 

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #ffffff;;;;
-  --card: #fff8f3;;
+  --card: #f9f9f9;;;;
-  --foreground: #2d1810;;
+  --foreground: #120a00e6;;;;
-  --primary-cta: #ff6b35;;
+  --primary-cta: #FF7B05;;;;
-  --secondary-cta: #ffe5d9;;
+  --secondary-cta: #f9f9f9;;;;
-  --accent: #ffb84d;;
+  --accent: #e2e2e2;;;;
-  --background-accent: #ffa366;; */
+  --background-accent: #FF7B05;;;; */
 
-  --background: #fff0e6;;
+  --background: #ffffff;;;;
-  --card: #fff8f3;;
+  --card: #f9f9f9;;;;
-  --foreground: #2d1810;;
+  --foreground: #120a00e6;;;;
-  --primary-cta: #ff6b35;;
+  --primary-cta: #FF7B05;;;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffe5d9;;
+  --secondary-cta: #f9f9f9;;;;
   --secondary-cta-text: #0c1325;;
-  --accent: #ffb84d;;
+  --accent: #e2e2e2;;;;
-  --background-accent: #ffa366;;
+  --background-accent: #FF7B05;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);