Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,15 +2,14 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+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 ContactText from "@/components/sections/contact/ContactText";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Sparkles } from "lucide-react";
 
 export default function ItalianRestaurantPage() {
@@ -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"
@@ -29,96 +28,66 @@ export default function ItalianRestaurantPage() {
         >
             <ReactLenis root>
                 <div id="nav" data-section="nav">
-                    <NavbarLayoutFloatingInline
+                    <NavbarStyleCentered
-                        brandName="Bella Italia"
+                        brandName="Sweets Haven"
                         navItems={[
-                            { name: "Menu", id: "menu" },
+                            { name: "Home", id: "hero" },
+                            { name: "Features", id: "features" },
                             { name: "About", id: "about" },
-                            { name: "Reservations", id: "contact" },
+                            { name: "Place Order", id: "contact" }
-                            { name: "Reviews", id: "testimonials" }
                         ]}
-                        button={{
+                        button={{ text: "Order Now", href: "#contact" }}
-                            text: "Book a Table",
-                            href: "contact"
-                        }}
                     />
                 </div>
 
                 <div id="hero" data-section="hero">
-                    <HeroBillboard
+                    <HeroBillboardGallery
-                        title="Welcome to Bella Italia"
+                        title="Sweet Delights Await"
-                        description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
+                        description="Handcrafted sweets made with premium ingredients to make your day a little brighter."
                         background={{ variant: "sparkles-gradient" }}
-                        tag="Fine Dining"
+                        tag="Handmade with Love"
                         tagIcon={Sparkles}
-                        imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
+                        mediaItems={[
-                        imageAlt="Elegant Italian restaurant dining room"
+                            { 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: "Reserve Now", href: "contact" },
+                            { text: "View Menu", href: "#features" },
-                            { text: "View Menu", href: "menu" }
+                            { text: "Order Your Sweets", href: "#contact" }
                         ]}
                     />
                 </div>
 
-                <div id="about" data-section="about">
+                <div id="features" data-section="features">
-                    <TextAbout
+                    <FeatureCardOne
-                        title="At Bella Italia, we honor the rich culinary traditions of Italy while celebrating the art of fine dining. Every dish tells a story of tradition, craftsmanship, and love for food."
+                        title="Our Quality Commitment"
-                        useInvertedBackground={false}
+                        description="Experience the difference with our premium ingredients and artisan craft."
-                        buttons={[
+                        features={[
-                            { text: "Learn More", href: "#" }
+                            { 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"
-                </div>
-
-                <div id="menu" data-section="menu">
-                    <ProductCardOne
-                        title="Featured Dishes"
-                        description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
-                        products={[
-                            {
-                                id: "1",
-                                name: "Tagliatelle al Ragù",
-                                price: "$28",
-                                imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",
-                                imageAlt: "Tagliatelle al Ragù with meat sauce"
-                            },
-                            {
-                                id: "2",
-                                name: "Risotto ai Funghi",
-                                price: "$26",
-                                imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg",
-                                imageAlt: "Creamy mushroom risotto"
-                            },
-                            {
-                                id: "3",
-                                name: "Tiramisu Tradizionale",
-                                price: "$12",
-                                imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg",
-                                imageAlt: "Classic tiramisu dessert"
-                            }
-                        ]}
-                        gridVariant="three-columns-all-equal-width"
                         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."
+                        useInvertedBackground={false}
+                    />
+                </div>
+
                 <div id="impact" data-section="impact">
                     <MetricCardFourteen
-                        title="Celebrating Our Success"
+                        title="Quality Measured"
-                        tag="By The Numbers"
+                        tag="Our Standards"
                         metrics={[
-                            {
+                            { id: "1", value: "100%", description: "Natural, fresh, high-quality ingredients used in every batch." },
-                                id: "1",
+                            { id: "2", value: "500+", description: "Happy customers served since our humble beginnings." }
-                                value: "25+",
-                                description: "Years of excellence in authentic Italian cuisine and hospitality"
-                            },
-                            {
-                                id: "2",
-                                value: "50,000+",
-                                description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
-                            }
                         ]}
                         metricsAnimation="slide-up"
                         useInvertedBackground={true}
@@ -127,97 +96,36 @@ export default function ItalianRestaurantPage() {
 
                 <div id="testimonials" data-section="testimonials">
                     <TestimonialCardTen
-                        title="What Our Guests Say"
+                        title="What Our Fans Say"
-                        description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
+                        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?_wi=2" },
-                                id: "1",
+                            { 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" }
-                                title: "An Unforgettable Evening",
-                                quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.",
-                                name: "Maria Rossi",
-                                role: "Food Critic",
-                                imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
-                                imageAlt: "Maria Rossi"
-                            },
-                            {
-                                id: "2",
-                                title: "Authentic Italian Magic",
-                                quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!",
-                                name: "Giovanni Ferrari",
-                                role: "Restaurant Enthusiast",
-                                imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg",
-                                imageAlt: "Giovanni Ferrari"
-                            },
-                            {
-                                id: "3",
-                                title: "Perfect for Special Occasions",
-                                quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.",
-                                name: "Elena Marchetti",
-                                role: "Couple",
-                                imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",
-                                imageAlt: "Elena Marchetti"
-                            },
-                            {
-                                id: "4",
-                                title: "Worth Every Visit",
-                                quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.",
-                                name: "Antonio Bianchi",
-                                role: "Regular Guest",
-                                imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg",
-                                imageAlt: "Antonio Bianchi"
-                            }
                         ]}
                         textboxLayout="default"
                         useInvertedBackground={true}
                     />
                 </div>
 
-                <div id="comparison" data-section="comparison">
-                    <FeatureCardSixteen
-                        title="What Sets Us Apart"
-                        description="Traditional Italian dining elevated with modern hospitality and exceptional service."
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        negativeCard={{
-                            items: [
-                                "Frozen pre-made ingredients",
-                                "Inconsistent flavors",
-                                "Rushed service",
-                                "Limited wine selection"
-                            ]
-                        }}
-                        positiveCard={{
-                            items: [
-                                "Fresh ingredients sourced daily from Italy",
-                                "Consistent excellence in every dish",
-                                "Attentive, unhurried service",
-                                "Curated selection of Italian wines"
-                            ]
-                        }}
-                    />
-                </div>
-
                 <div id="contact" data-section="contact">
-                    <ContactText
+                    <ContactCenter
-                        text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
+                        title="Place Your Order"
+                        description="Ready to indulge? Fill out the form below and we'll get back to you to confirm your order details."
+                        tag="Place Order"
                         background={{ variant: "plain" }}
-                        buttons={[
-                            { text: "Make a Reservation", href: "https://example.com/reservations" },
-                            { text: "Contact Us", href: "mailto:info@bellaitalia.com" }
-                        ]}
                         useInvertedBackground={false}
                     />
                 </div>
 
                 <div id="footer" data-section="footer">
-                    <FooterLogoReveal
+                    <FooterLogoEmphasis
-                        logoText="Bella Italia"
+                        logoText="Sweets Haven"
-                        leftLink={{ text: "Privacy Policy", href: "#privacy" }}
+                        columns={[
-                        rightLink={{ text: "Contact Us", href: "#contact" }}
+                            { items: [{ label: "Order Online", href: "#contact" }, { label: "About Us", href: "#about" }] }
+                        ]}
                     />
                 </div>
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}