Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -39,16 +39,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Artisan Bakery"
-          description="Handcrafted breads, pastries, and desserts made fresh daily with premium ingredients"
-          imageSrc="https://img.b2bpic.net/free-photo/delicious-various-loaves-bread_23-2147761313.jpg"
-          imageAlt="Fresh artisan bakery with warm lighting and pastries"
-          showDimOverlay={true}
+        <HeroBillboardScroll
+          title="Welcome to Artisan Bakery"
+          description="Experience the warmth of our handcrafted breads, pastries, and desserts made fresh daily with premium ingredients."
+          background={{ variant: "gradient-bars" }}
           buttons={[
             { text: "Order Now", href: "contact" },
-            { text: "Learn More", href: "about" }
+            { text: "Learn More", href: "about" },
+            { text: "View Menu", href: "menu" }
           ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Fresh artisan bakery with warm lighting and pastries"
         />
       </div>
 

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  --card: #282c34;;
+  --foreground: #ffffff;;
+  --primary-cta: #c44d58;;
+  --secondary-cta: #4b0082;;
+  --accent: #6a0dad;;
+  --background-accent: #353b48;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #1e1e2f;;
+  --card: #282c34;;
+  --foreground: #ffffff;;
+  --primary-cta: #c44d58;;
+  --secondary-cta: #4b0082;;
+  --accent: #6a0dad;;
+  --background-accent: #353b48;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);