Bob AI: i dont like current hero

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -39,17 +39,25 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered 
+        <HeroBillboard
           title="Хата Огню"
-          description="Authentic Ukrainian banquet experience. Family-owned restaurant celebrating culinary traditions, ethno-style elegance, and warm hospitality in a home-like setting."
+          description="Experience the warmth of traditional Ukrainian hospitality in a cozy setting. Savor authentic dishes and enjoy a memorable dining experience."
           background={{ variant: "downward-rays-static" }}
           avatars={[
-            { src: "https://img.b2bpic.net/free-photo/full-shot-woman-getting-warmer-by-fire_23-2149172517.jpg", alt: "Fireplace interior" }
+            { src: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", alt: "Fireplace interior" }
           ]}
           buttons={[
-            { text: "Book a Table", href: "contacts" },
-            { text: "View Menu", href: "menu" }
+            { label: "Book a Table", href: "contacts", dataWebildId: "book_table_button" },
+            { label: "View Menu", href: "menu", dataWebildId: "view_menu_button" },
+            { label: "Visit Us", href: "about", dataWebildId: "visit_us_button" }
           ]}
+          marqueeItems={[
+            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", alt: "Ukrainian dish" },
+            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", alt: "Traditional decor" },
+            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", alt: "Family gathering" }
+          ]}
+          marqueeSpeed={20}
+          showMarqueeCard={true}
         />
       </div>
 

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0798ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93c7ff;;
-  --background-accent: #a8cde8;; */
+  --card: #f9f5f6;;
+  --foreground: #4a3c30;;
+  --primary-cta: #ff9966;;
+  --secondary-cta: #f9f5f6;;
+  --accent: #ffdab9;;
+  --background-accent: #ffe4c4;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0798ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93c7ff;;
-  --background-accent: #a8cde8;;
+  --background: #f5e6cc;;
+  --card: #f9f5f6;;
+  --foreground: #4a3c30;;
+  --primary-cta: #ff9966;;
+  --secondary-cta: #f9f5f6;;
+  --accent: #ffdab9;;
+  --background-accent: #ffe4c4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);