Update src/app/page.tsx

src/app/page.tsx

@@ -1,19 +1,26 @@
-"use client";
+'use client';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import TextAbout from '@/components/sections/about/TextAbout';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+export default function Page() {
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+  const navItems = [
-import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+    { name: "Home", id: "/" },
-import TextAbout from "@/components/sections/about/TextAbout";
+    { name: "About", id: "/about" },
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
+    { name: "Menu", id: "/menu" },
-import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+    { name: "Gallery", id: "/gallery" },
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+    { name: "Contact", id: "/contact" }
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider 
-      defaultButtonVariant="bounce-effect"
+      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide" 
       borderRadius="rounded" 
       contentWidth="medium" 
       sizing="medium" 
@@ -24,94 +31,64 @@ export default function LandingPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarStyleFullscreen navItems={navItems} />
-          navItems={[
-            { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
-            { name: "Menu", id: "menu" },
-            { name: "Gallery", id: "gallery" },
-            { name: "Reservation", id: "reservation" },
-            { name: "Contact", id: "contact" }
-          ]}
-        />
       </div>
-
       <div id="hero" data-section="hero">
         <HeroBillboardScroll 
-          title="Authentic Italian Elegance, Timeless Flavors"
+          title="The Best Culinary Experience"
-          description="Experience genuine Italian hospitality in our intimate dining space. Savor handcrafted dishes inspired by regional traditions."
+          description="Indulge in a curated selection of fine dining experiences designed for every palate."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "gradient-bars" }}
-          imageSrc="http://img.b2bpic.net/free-photo/two-glasses-champagne-sparkling-wine-standing-table_7502-10070.jpg"
-          imageAlt="Luxurious dining atmosphere at L'Elegante"
-          buttons={[{ text: "Reserve Your Table", href: "#reservation" }]}
         />
       </div>
-
       <div id="about" data-section="about">
         <TextAbout 
-          title="Our Story"
+          title="Our Philosophy"
+          tag="Authentic Taste"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "#" }]}
         />
       </div>
-
       <div id="menu" data-section="menu">
         <ProductCardOne 
           title="Our Menu"
-          description="Curated selection of our signature dishes."
+          description="Discover our signature dishes."
-          gridVariant="two-columns-alternating-heights"
+          gridVariant="bento-grid"
           animationType="slide-up"
-          textboxLayout="split"
+          textboxLayout="default"
           useInvertedBackground={false}
           products={[
-            { id: "1", name: "Classic Burrata", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" },
+            { id: "1", name: "Signature Dish", price: "$25", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c" },
-            { id: "2", name: "Osso Buco", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-salmon-fish-brown-wooden-cutting-board-with-green-pepper-fir-branches-cutlery-set-fallen-oil-bottle-tomato-salt-pepper-dark-table_140725-143816.jpg" },
+            { id: "2", name: "Fresh Salad", price: "$15", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd" },
-            { id: "3", name: "Tiramisu Tradizionale", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/classic-italian-dessert-tiramisu-decorated-with-strawberries-cherries-mint-white-background_127032-3068.jpg" }
+            { id: "3", name: "Gourmet Burger", price: "$18", imageSrc: "https://images.unsplash.com/photo-1568901346375-23c9450c58cd" }
           ]}
         />
       </div>
-
       <div id="gallery" data-section="gallery">
         <FeatureCardSeven 
-          title="Atmosphere"
+          title="Gallery"
-          description="A glimpse into our world."
+          description="A glimpse into our kitchen and dining space."
-          animationType="blur-reveal"
+          animationType="slide-up"
-          textboxLayout="inline-image"
+          textboxLayout="default"
           useInvertedBackground={false}
           features={[
-            { id: 1, title: "Intimate Dining", description: "Soft lighting and warm, velvet decor create the perfect environment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg" },
+            { id: 1, title: "Fresh Ingredients", description: "Sourced locally daily.", imageSrc: "https://images.unsplash.com/photo-1542838132-92c53300491e" },
-            { id: 2, title: "Exquisite Bar", description: "Enjoy a curated selection of fine wines.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157776.jpg" },
+            { id: 2, title: "Cozy Atmosphere", description: "Perfect for any occasion.", imageSrc: "https://images.unsplash.com/photo-1517248135467-4c7edcad34c4" }
-            { id: 3, title: "Traditional Charm", description: "Every detail reflects the rich heritage of Italy.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg" }
           ]}
         />
       </div>
-
       <div id="reservation" data-section="reservation">
         <ContactSplitForm 
           title="Book a Table"
-          description="Secure your spot for an unforgettable evening."
+          description="We look forward to hosting you."
-          inputs={[
+          inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
-            { name: "name", type: "text", placeholder: "Name", required: true },
-            { name: "date", type: "date", placeholder: "Date", required: true },
-            { name: "time", type: "time", placeholder: "Time", required: true },
-            { name: "guests", type: "number", placeholder: "Number of Guests", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
-          ]}
           mediaAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-black-rough-concrete-wall_181624-15392.jpg"
           useInvertedBackground={false}
         />
       </div>
-
       <div id="contact" data-section="contact">
         <FooterSimple 
-          columns={[
+          columns={[{ title: "Company", items: [{ label: "About" }, { label: "Contact" }] }]}
-            { title: "Location", items: [{ label: "123 Via Roma, Florence", href: "#" }] },
+          bottomLeftText="© 2024 Culinary Co."
-            { title: "Hours", items: [{ label: "Tue-Sun: 5PM - 11PM", href: "#" }] },
+          bottomRightText="All Rights Reserved."
-            { title: "Contact", items: [{ label: "+39 055 123 4567", href: "tel:+390551234567" }, { label: "info@lelegante.it", href: "mailto:info@lelegante.it" }] }
-          ]}
-          bottomLeftText="© 2024 L'Elegante Ristorante"
-          bottomRightText="Crafted with Tradition"
         />
       </div>
     </ThemeProvider>