Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -3,12 +3,11 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TextAbout from "@/components/sections/about/TextAbout";
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import { Sparkles } from "lucide-react";
@@ -20,7 +19,7 @@ export default function ItalianRestaurantPage() {
             defaultTextAnimation="background-highlight"
             borderRadius="soft"
             contentWidth="medium"
-            sizing="mediumLarge"
+            sizing="largeSmall"
             background="floatingGradient"
             cardStyle="glass-elevated"
             primaryButtonStyle="shadow"
@@ -33,7 +32,7 @@ export default function ItalianRestaurantPage() {
                         brandName="Sweets Haven"
                         navItems={[
                             { name: "Home", id: "hero" },
-                            { name: "Menu", id: "menu" },
+                            { name: "Features", id: "features" },
                             { name: "About", id: "about" },
                             { name: "Place Order", id: "contact" }
                         ]}
@@ -42,21 +41,39 @@ export default function ItalianRestaurantPage() {
                 </div>
 
                 <div id="hero" data-section="hero">
-                    <HeroBillboard
+                    <HeroBillboardGallery
                         title="Sweet Delights Await"
                         description="Handcrafted sweets made with premium ingredients to make your day a little brighter."
                         background={{ variant: "sparkles-gradient" }}
                         tag="Handmade with Love"
                         tagIcon={Sparkles}
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446695-kidkiek1.jpg?_wi=1"
-                        imageAlt="Assorted sweet treats"
+                        mediaItems={[
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446695-kidkiek1.jpg?_wi=1", imageAlt: "Assorted sweet treats 1" },
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-ukkla41y.jpg", imageAlt: "Assorted sweet treats 2" },
+                            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-viltm8p3.jpg", imageAlt: "Assorted sweet treats 3" }
+                        ]}
                         buttons={[
-                            { text: "View Menu", href: "#menu" },
+                            { text: "View Menu", href: "#features" },
                             { text: "Order Your Sweets", href: "#contact" }
                         ]}
                     />
                 </div>
 
+                <div id="features" data-section="features">
+                    <FeatureCardOne
+                        title="Our Quality Commitment"
+                        description="Experience the difference with our premium ingredients and artisan craft."
+                        features={[
+                            { title: "Natural Ingredients", description: "Only the finest raw materials selected by our expert team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-w43thhom.jpg" },
+                            { title: "Handmade Fresh", description: "Every single pastry is crafted daily for maximum freshness.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-4hefquwp.jpg?_wi=1" }
+                        ]}
+                        gridVariant="two-items-per-row"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
+
                 <div id="about" data-section="about">
                     <TextAbout
                         title="Our mission is simple: to bring joy through flavor. We source the finest cocoa, fruits, and spices to craft sweets that leave a lasting impression."
@@ -64,22 +81,6 @@ export default function ItalianRestaurantPage() {
                     />
                 </div>
 
-                <div id="menu" data-section="menu">
-                    <ProductCardOne
-                        title="Our Sweet Creations"
-                        description="From rich chocolate decadence to fruity sensations, explore our full menu."
-                        products={[
-                            { id: "1", name: "Chocolate Truffles", price: "$15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-ukkla41y.jpg" },
-                            { id: "2", name: "Fruity Macarons", price: "$20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-viltm8p3.jpg" },
-                            { id: "3", name: "Seasonal Pastries", price: "$18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-w43thhom.jpg" }
-                        ]}
-                        gridVariant="three-columns-all-equal-width"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                    />
-                </div>
-
                 <div id="impact" data-section="impact">
                     <MetricCardFourteen
                         title="Quality Measured"
@@ -98,8 +99,8 @@ export default function ItalianRestaurantPage() {
                         title="What Our Fans Say"
                         description="See why our customers keep coming back for more sweetness."
                         testimonials={[
-                            { id: "1", title: "Heavenly Taste", quote: "The best truffles I have ever had!", name: "Alex P.", role: "Regular Customer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-4hefquwp.jpg" },
-                            { id: "2", title: "Exquisite Quality", quote: "Every bite is pure bliss.", name: "Sarah M.", role: "Foodie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446695-kidkiek1.jpg?_wi=2" }
+                            { id: "1", title: "Heavenly Taste", quote: "The best truffles I have ever had!", name: "Alex P.", role: "Regular Customer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AITOxS/uploaded-1778516446696-4hefquwp.jpg?_wi=2" },
+                            { id: "2", title: "Exquisite Quality", quote: "Every bite is pure bliss.", name: "Sarah M.", role: "Foodie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaNDaGmSXM3CRTFdrWQ5AIThek1.jpg?_wi=2" }
                         ]}
                         textboxLayout="default"
                         useInvertedBackground={true}