Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { Phone } from 'lucide-react';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -42,16 +42,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
+        <HeroLogoBillboard
           logoText="Ninja Panda"
           description="Experience the art of sushi at Ninja Panda. Fresh ingredients, exquisite flavors, and a welcoming ambiance await you."
           buttons={[{ text: 'View Menu', href: '#menu' }, { text: 'Make a Reservation', href: '#contact' }]}
-          slides={[
-            { imageSrc: 'https://img.b2bpic.net/free-photo/various-sushi-rolls-plate_140725-4318.jpg', imageAlt: 'A vibrant sushi platter with various fresh sushi and sashimi.' },
-            { imageSrc: 'https://img.b2bpic.net/free-photo/delicious-sushi-rolls-black-plate_23-2149818816.jpg', imageAlt: 'Delicious sushi rolls on a black plate.' },
-            { imageSrc: 'https://img.b2bpic.net/free-photo/top-view-different-sushi-pieces-arranged_23-2149120613.jpg', imageAlt: 'Various sushi pieces beautifully arranged on a platter.' }
-          ]}
-          ariaLabel="Hero section featuring Ninja Panda logo and dynamic sushi carousel."
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wUS55JyAFrwEMgYtJH8uLR3B2/uploaded-1771669015732-fpsx5dsd.mp4"
+          imageAlt="Ninja Panda logo"
+          background={{ variant: 'plain' }}
+          mediaAnimation="none"
+          frameStyle="card"
+          ariaLabel="Hero section featuring Ninja Panda logo and a main image."
         />
       </div>
 
@@ -64,7 +64,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           ariaLabel="About section detailing Ninja Panda's story and culinary philosophy."
-          buttons={[{ text: 'Learn More', href: '/#about' }]} 
+          buttons={[{ text: 'Learn More', href: '/#about' }]}
           showBorder={true}
           titleClassName="text-center md:text-left"
           descriptionClassName="text-center md:text-left mx-auto max-w-2xl md:max-w-none"