Bob AI: use this image as a background for menu section

src/app/page.tsx

@@ -10,7 +10,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 
 export default function LandingPage() {
   return (
@@ -40,21 +40,21 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
+        <HeroBillboardGallery
           title="Хата Огню"
-          description="Добро пожаловать в уютный уголок традиционной украинской гостеприимства. Насладитесь аутентичными блюдами и запоминающимся ужином."
+          description="Experience the warmth of traditional Ukrainian hospitality in a modern setting. Savor authentic dishes and cozy ambiance."
-          background={{ variant: "downward-rays-animated" }}
+          background={{ variant: "downward-rays-static" }}
           buttons={[
-            { label: "Забронировать стол", href: "contacts", dataWebildId: "book_table_button_new" },
+            { label: "Book a Table", href: "contacts", dataWebildId: "book_table_button_1" },
-            { label: "Посмотреть меню", href: "menu", dataWebildId: "view_menu_button_new" },
+            { label: "View Menu", href: "menu", dataWebildId: "view_menu_button_1" },
-            { label: "Посетить нас", href: "about", dataWebildId: "visit_us_button_new" }
+            { label: "Visit Us", href: "about", dataWebildId: "visit_us_button_1" }
           ]}
           mediaItems={[
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Уютный интерьер хаты" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg", imageAlt: "Futuristic Moon Background" },
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Традиционное украинское блюдо" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg", imageAlt: "Futuristic City Architecture" },
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Семейное общение" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-with-mountains_23-2151151078.jpg", imageAlt: "Mountain Landscape" }
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Каминный зал" }
           ]}
+          mediaAnimation="fade"
         />
       </div>
 

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f7f6f7;;
-  --card: #f9f5f6;;
+  --card: #1e1e2f;;
-  --foreground: #4a3c30;;
+  --foreground: #e0e0e0;;
-  --primary-cta: #ff9966;;
+  --primary-cta: #ffcc00;;
-  --secondary-cta: #f9f5f6;;
+  --secondary-cta: #33334d;;
-  --accent: #ffdab9;;
+  --accent: #ff0000;;
-  --background-accent: #ffe4c4;; */
+  --background-accent: #4d4d66;; */
 
-  --background: #f5e6cc;;
+  --background: url('path/to/image.jpg');;
-  --card: #f9f5f6;;
+  --card: #1e1e2f;;
-  --foreground: #4a3c30;;
+  --foreground: #e0e0e0;;
-  --primary-cta: #ff9966;;
+  --primary-cta: #ffcc00;;
-  --secondary-cta: #f9f5f6;;
+  --secondary-cta: #33334d;;
-  --accent: #ffdab9;;
+  --accent: #ff0000;;
-  --background-accent: #ffe4c4;;
+  --background-accent: #4d4d66;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/sections/testimonial/TestimonialCardThirteen.tsx

@@ -5,7 +5,7 @@ import CardStack from "@/components/cardStack/CardStack";
 import TestimonialAuthor from "@/components/shared/TestimonialAuthor";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
-import { Quote, Star } from "lucide-react";
+import { Heart, Quote, Star } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, ButtonAnimationType, CardAnimationTypeWith3D, TitleSegment, TextboxLayout, InvertedBackground } from "@/components/cardStack/types";
 
@@ -115,9 +115,12 @@ const TestimonialCard = memo(({
                     <Quote className="h-6 w-auto text-accent fill-accent" strokeWidth={1.5} />
                 )}
 
-                <p className={cls("relative z-1 text-lg leading-[1.2]", shouldUseLightText ? "text-background" : "text-foreground", testimonialClassName)}>
+                <div className="relative">
-                    {testimonial.testimonial}
+                    <p className={cls("relative z-1 text-lg leading-[1.2]", shouldUseLightText ? "text-background" : "text-foreground", testimonialClassName)}>
-                </p>
+                        {testimonial.testimonial}
+                    </p>
+                    <Heart className="absolute top-0 right-0 h-5 w-auto text-red-500" strokeWidth={1.5} />
+                </div>
             </div>
 
             <TestimonialAuthor