Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,9 +5,9 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { Flame, Zap, Clock, Smile, Star, Utensils } from "lucide-react";
+import { Flame, Zap, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,7 +28,7 @@ export default function LandingPage() {
           <NavbarStyleFullscreen
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "About", id: "about" },
+              { name: "Story", id: "about" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Burger Shock"
@@ -36,38 +36,28 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplit
+          <HeroBillboardCarousel
             background={{ variant: "gradient-bars" }}
             title="Feel the Shock in Every Bite"
-            description="Burger Shock.jo - Fresh. Juicy. Unforgettable. Experience the ultimate burger experience in Amman."
-            buttons={[{ text: "Explore Gallery", href: "#about" }]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg?_wi=1"
-            mediaAnimation="blur-reveal"
-            avatars={[
-              { src: "https://img.b2bpic.net/free-photo/burger-bread-bun-with-meat-french-fries_114579-3535.jpg", alt: "Foodie 1" },
-              { src: "https://img.b2bpic.net/free-photo/front-view-hamburger-along-with-french-fries-grey-surface_140725-14438.jpg", alt: "Foodie 2" },
-              { src: "https://img.b2bpic.net/free-photo/hamburger-with-french-fries-table_140725-9826.jpg", alt: "Foodie 3" },
-              { src: "https://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg", alt: "Foodie 4" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg", alt: "Foodie 5" },
-            ]}
-            avatarText="Loved by 1000+ local foodies"
-            marqueeItems={[
-              { type: "text", text: "100% Fresh Beef" },
-              { type: "text-icon", text: "Electric Flavor", icon: Zap },
-              { type: "text", text: "Daily Homemade Buns" },
-              { type: "text-icon", text: "Locally Sourced", icon: Flame },
-              { type: "text", text: "Fast Delivery" },
+            description="Experience the ultimate burger journey at Burger Shock.jo."
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373327-vgpxt238.jpg?_wi=1", imageAlt: "Gallery Image 1" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-x7use921.jpg", imageAlt: "Gallery Image 2" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-sovaknwa.jpg", imageAlt: "Gallery Image 3" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-49uo4zg7.jpg", imageAlt: "Gallery Image 4" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-e54qr6u6.jpg", imageAlt: "Gallery Image 5" }
             ]}
+            buttons={[{ text: "Order Now", href: "tel:0791006361" }]}
           />
         </div>
 
         <div id="about" data-section="about">
           <AboutMetric
             useInvertedBackground={false}
-            title="Quality You Can Taste"
+            title="Our Dedication"
             metrics={[
-              { icon: Flame, label: "Premium Beef", value: "100% Fresh" },
-              { icon: Zap, label: "Flavor Intensity", value: "Max" },
+              { icon: Flame, label: "Premium Quality", value: "100% Fresh" },
+              { icon: Zap, label: "Flavor", value: "Max" },
               { icon: Clock, label: "Preparation", value: "Handcrafted" },
             ]}
             metricsAnimation="slide-up"
@@ -81,18 +71,17 @@ export default function LandingPage() {
             text="Experience the shock for yourself. Visit us today in Dahiya Al Rashid!"
             buttons={[
               { text: "Call Us", href: "tel:0791006361" },
-              { text: "Directions", href: "#contact" },
             ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterMedia
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-eymlyr2e.jpg?_wi=2"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373327-vgpxt238.jpg?_wi=2"
             logoText="BURGER SHOCK.JO"
             columns={[
               { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Our Story", href: "#about" }] },
-              { title: "Visit Us", items: [{ label: "Call Order", href: "tel:0791006361" }] },
+              { title: "Contact", items: [{ label: "Call Order", href: "tel:0791006361" }] },
             ]}
           />
         </div>