Bob AI: change theme to omething more vibrant and warm

Merge version_3 into main

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+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';
@@ -11,6 +11,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Heart, HelpCircle, Sparkles } from "lucide-react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 
 export default function LandingPage() {
   return (
@@ -27,7 +28,7 @@ export default function LandingPage() {
       headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarStyleApple
           navItems={[
             { name: "Hero", id: "hero-section" },
             { name: "About", id: "about-section" },
@@ -44,23 +45,30 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroOverlay
-          title="Freshly Baked Goodness, Delivered with Love"
-          description="Discover our artisan bakery's finest creations—from sourdough to seasonal pastries. Made daily with premium ingredients and baked to perfection."
-          tag="New Summer Collection"
+        <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" }}
+          tag="Freshly Baked Daily"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Order Now", href: "#products-section" },
-            { text: "Learn Our Story", href: "#about-section" }
+            { text: "Shop Now", href: "#products-section", dataWebildId: "hero_shop_btn" },
+            { text: "View Menu", href: "#menu-section", dataWebildId: "hero_menu_btn" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
-          imageAlt="artisan bakery interior fresh baked goods display warm bakery lighting"
-          textPosition="bottom-left"
-          showDimOverlay={false}
-          showBlur={true}
-          ariaLabel="Hero section showcasing artisan bakery products"
+          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"
+          marqueeItems={[
+            { text: "Sourdough", icon: Sparkles },
+            { text: "Croissants", icon: Sparkles },
+            { text: "Seasonal Pastries", icon: Sparkles },
+            { text: "Custom Orders", icon: Sparkles }
+          ]}
+          marqueeSpeed={40}
+          showMarqueeCard={true}
+          ariaLabel="Hero section for artisan bakery featuring fresh baked goods"
         />
       </div>
 

src/app/styles/variables.css

@@ -3,22 +3,22 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;; */
+  --card: #fff8f3;;
+  --foreground: #2d1810;;
+  --primary-cta: #ff6b35;;
+  --secondary-cta: #ffe5d9;;
+  --accent: #ffb84d;;
+  --background-accent: #ffa366;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
+  --background: #fff0e6;;
+  --card: #fff8f3;;
+  --foreground: #2d1810;;
+  --primary-cta: #ff6b35;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffe5d9;;
   --secondary-cta-text: #0c1325;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;;
+  --accent: #ffb84d;;
+  --background-accent: #ffa366;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);