Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -1,17 +1,15 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Utensils, MapPin, Instagram, Facebook, Linkedin } from "lucide-react";
+import { Utensils } from "lucide-react";
 
 export default function FedericoRestaurantPage() {
     return (
@@ -28,148 +26,94 @@ export default function FedericoRestaurantPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Overview", id: "overview" },
-                        { name: "Menu", id: "menu" },
-                        { name: "Reviews", id: "reviews" },
-                        { name: "About", id: "about" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    brandName="FEDERICO"
-                    button={{ text: "Book Table", href: "#contact" }}
-                />
-                <HeroCarouselLogo
-                    logoText="FEDERICO"
-                    description="Authentic Italian flavors in the heart of Tunis. Join us for a refined culinary experience at Immeuble El Majd."
-                    buttons={[
-                        { text: "View Menu", href: "#menu" },
-                        { text: "Directions", href: "#contact" },
-                    ]}
-                    slides={[
-                        { imageSrc: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg", imageAlt: "Elegant Italian restaurant dining" },
-                        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-penne-pasta-with-tomato-sauce-fresh-basil-grated-parmesan-cheese_84443-81547.jpg", imageAlt: "Gourmet pasta dish" },
-                        { imageSrc: "http://img.b2bpic.net/free-photo/glass-sparking-wine_1339-4221.jpg", imageAlt: "Wine pairing experience" },
-                        { imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg", imageAlt: "Warm restaurant ambiance" },
-                    ]}
-                    showDimOverlay={true}
-                />
-                <InlineImageSplitTextAbout
-                    className="pt-40"
-                    heading={[
-                        { type: "text", content: "We craft" },
-                        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-person-holding-dough-spaghetti_23-2148296897.jpg", alt: "Italian Pasta" },
-                        { type: "text", content: "authentic culinary masterpieces using the finest" },
-                        { type: "image", src: "http://img.b2bpic.net/free-photo/wine-drop-glass-red-wine_53876-42361.jpg", alt: "Wine" },
-                        { type: "text", content: "Mediterranean ingredients" },
-                    ]}
-                    buttons={[
-                        { text: "Learn Our Story", href: "#about" },
-                    ]}
-                    useInvertedBackground={false}
-                />
-                <FeatureCardOne
-                    tag="Menu"
-                    tagIcon={Utensils}
-                    title="A Taste of Italy"
-                    description="Traditional recipes prepared with modern elegance and fresh local produce."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    gridVariant="uniform-all-items-equal"
-                    uniformGridCustomHeightClasses="h-100 2xl:h-110"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            title: "Handmade Pasta",                            description: "Fresh daily pasta crafted using authentic techniques.",                            imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-eggs-flour_23-2147849810.jpg",                            imageAlt: "Pasta"},
-                        {
-                            title: "Wood-Fired Pizza",                            description: "Authentic thin-crust pizzas with premium Italian toppings.",                            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg",                            imageAlt: "Pizza"},
-                        {
-                            title: "Exquisite Seafood",                            description: "Fresh catch of the day prepared with Mediterranean herbs.",                            imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mussels-white-sauce-with-tablecloth-cutlery_23-2148234931.jpg",                            imageAlt: "Seafood"},
-                        {
-                            title: "Premium Wine",                            description: "Curated selection of fine wines from top Italian vineyards.",                            imageSrc: "http://img.b2bpic.net/free-photo/bottle-wine-with-flowers-fruits-gray-background_185193-165647.jpg",                            imageAlt: "Wine"},
-                        {
-                            title: "Dolce Vita",                            description: "Indulgent traditional Italian desserts to finish your meal.",                            imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25267.jpg",                            imageAlt: "Dessert"}
-                    ]}
-                />
-                <FeatureCardNine
-                    tag="Experience"
-                    tagIcon={MapPin}
-                    title="Visit Us in Tunis"
-                    description="Ideally located at Lac de Constance for your lunch or dinner rendezvous."
-                    textboxLayout="default"
-                    showStepNumbers={true}
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            title: "Reservation",                            description: "Secure your table via our website or direct call.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2148896951.jpg", imageAlt: "Table booking" },
-                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-120400.jpg", imageAlt: "Confirmation" },
-                        },
-                        {
-                            title: "The Arrival",                            description: "Find us easily at Immeuble El Majd with convenient parking.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-amara-dolce-vita-luxury-hotel-with-pools-water-parks-recreational-area-along-sea-coast-turkey-tekirova-kemer_146671-18754.jpg", imageAlt: "Restaurant facade" },
-                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg", imageAlt: "Entrance" },
-                        },
-                        {
-                            title: "Enjoy",                            description: "Relish the authentic atmosphere and dedicated service.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/women-table-with-food_23-2147681106.jpg", imageAlt: "Dining" },
-                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-waiter-holding-tray_1368-1693.jpg", imageAlt: "Service" },
-                        },
-                    ]}
-                />
-                <FeatureCardMedia
-                    tag="Ambience"
-                    tagIcon={Sparkles}
-                    title="Atmospheric Excellence"
-                    description="Sophisticated spaces designed for memorable dining moments."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            id: "1",                            title: "Main Dining",                            description: "Elegant space perfect for group dinners and celebrations.",                            tag: "Interior",                            imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",                            imageAlt: "Main dining hall"},
-                        {
-                            id: "2",                            title: "Private Lounge",                            description: "Exclusive corner for intimate conversations and fine wine.",                            tag: "Lounge",                            imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg",                            imageAlt: "Private lounge"},
-                    ]}
-                />
-                <TestimonialCardFive
-                    tag="Reviews"
-                    tagIcon={Utensils}
-                    title="What Guests Say"
-                    description="Join the hundreds of satisfied diners who enjoy our cuisine."
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                    testimonials={[
-                        {
-                            id: "1",                            name: "Sami Ben Youssef",                            date: "January 2025",                            title: "The best pasta in Tunis!",                            quote: "Truly authentic flavors that transport you directly to Rome. Exceptional service and a beautiful setting.",                            tag: "Dining",                            avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",                            avatarAlt: "Sami",                            imageSrc: "http://img.b2bpic.net/free-photo/close-up-mix-nuts-figs-plate_23-2148352341.jpg",                            imageAlt: "Sami's meal"},
-                    ]}
-                />
-                <ContactSplitForm
-                    title="Connect With Us"
-                    description="Need a reservation or have an inquiry? Get in touch today."
-                    useInvertedBackground={false}
-                    imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
-                    imageAlt="Contact Us"
-                    mediaPosition="right"
-                    mediaAnimation="slide-up"
-                    buttonText="Send Request"
-                    inputs={[
-                        { name: "name", type: "text", placeholder: "Full Name", required: true },
-                        { name: "email", type: "email", placeholder: "Email Address", required: true },
-                        { name: "phone", type: "tel", placeholder: "Phone Number" },
-                    ]}
-                    textarea={{
-                        name: "message",                        placeholder: "Your reservation details or questions...",                        rows: 4,
-                    }}
-                />
-                <FooterCard
-                    logoText="FEDERICO"
-                    copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
-                    socialLinks={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={[
+                            { name: "Overview", id: "overview" },
+                            { name: "Menu", id: "menu" },
+                            { name: "Reviews", id: "reviews" },
+                            { name: "About", id: "about" },
+                            { name: "Contact", id: "contact" },
+                        ]}
+                        brandName="FEDERICO"
+                        button={{ text: "Reservations", href: "#contact" }}
+                    />
+                </div>
+                <div id="overview" data-section="overview">
+                    <HeroLogo
+                        logoText="FEDERICO"
+                        description="Authentic Italian flavors in the heart of Tunis. Join us for a refined culinary experience at Immeuble El Majd."
+                        buttons={[
+                            { text: "View Menu", href: "#menu" },
+                            { text: "Directions", href: "#contact" },
+                        ]}
+                        imageSrc="http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg"
+                        imageAlt="Elegant Italian restaurant dining"
+                        showDimOverlay={true}
+                    />
+                </div>
+                <div id="about" data-section="about">
+                    <SplitAbout
+                        title="We craft authentic culinary masterpieces"
+                        description="Using the finest Mediterranean ingredients for a unique experience."
+                        buttons={[{ text: "Learn Our Story", href: "#about" }]}
+                        useInvertedBackground={false}
+                        mediaAnimation="slide-up"
+                        textboxLayout="inline-image"
+                        bulletPoints={[
+                            { title: "Authentic Recipes", description: "Generations of Italian tradition." },
+                            { title: "Fresh Ingredients", description: "Sourced from the best local providers." }
+                        ]}
+                    />
+                </div>
+                <div id="menu" data-section="menu">
+                    <FeatureCardSeven
+                        tag="Menu"
+                        tagIcon={Utensils}
+                        title="A Taste of Italy"
+                        description="Traditional recipes prepared with modern elegance and fresh local produce."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        features={[
+                            { title: "Handmade Pasta", description: "Fresh daily pasta crafted using authentic techniques.", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-eggs-flour_23-2147849810.jpg", imageAlt: "Pasta" },
+                            { title: "Wood-Fired Pizza", description: "Authentic thin-crust pizzas with premium Italian toppings.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg", imageAlt: "Pizza" },
+                            { title: "Exquisite Seafood", description: "Fresh catch of the day prepared with Mediterranean herbs.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mussels-white-sauce-with-tablecloth-cutlery_23-2148234931.jpg", imageAlt: "Seafood" }
+                        ]}
+                    />
+                </div>
+                <div id="reviews" data-section="reviews">
+                    <TestimonialCardFifteen
+                        testimonial="Truly authentic flavors that transport you directly to Rome. Exceptional service and a beautiful setting."
+                        rating={5}
+                        author="Sami Ben Youssef"
+                        avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Sami" }]}
+                        ratingAnimation="slide-up"
+                        avatarsAnimation="slide-up"
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <div id="contact" data-section="contact">
+                    <ContactSplit
+                        tag="Reservations"
+                        title="Connect With Us"
+                        description="Need a reservation or have an inquiry? Get in touch today."
+                        background={{ variant: "plain" }}
+                        useInvertedBackground={false}
+                        imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
+                        imageAlt="Contact Us"
+                        mediaAnimation="slide-up"
+                        mediaPosition="right"
+                    />
+                </div>
+                <FooterSimple
+                    columns={[
+                        { title: "Federico", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "#contact" }] }
                     ]}
+                    bottomLeftText="© 2025 FEDERICO Restaurant."
+                    bottomRightText="1 Rue du Lac de Constance, Tunis."
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}