4c59e938-a2b2-4465-b8c8-68dcf885a538/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Il Ciliegio"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Ristorante Agrituristico Il Ciliegio"
      description="Authentic Italian flavors in the heart of Monteriggioni. Experience traditional hospitality with a modern touch."
      buttons={[{ text: "Book a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
      imageSrc="http://img.b2bpic.net/free-photo/traditional-italian-pasta-with-mushrooms-parmesan-slices-oregano-leaves-granite-bowl_114579-1832.jpg"
      imageAlt="Our signature Italian dishes"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Tradition at Il Ciliegio"
      description={[
        "Located at Via Uopini 94, Monteriggioni, our agriturismo celebrates the rich agricultural heritage of Tuscany.",        "From our farm to your plate, we focus on fresh, seasonal ingredients and authentic preparations. We offer a cozy atmosphere, outdoor seating, and a dedicated menu for our vegan guests."
      ]}
    />
  </div>

  <div id="menu-features" data-section="menu-features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      title="Restaurant Highlights"
      description="Experience the best of our agriturismo services."
      features={[
        { title: "Outdoor Seating", description: "Enjoy your meal in our serene, open-air garden space.", imageSrc: "", titleImageSrc: "", buttonText: "Explore" },
        { title: "Vegan Dishes", description: "Delicious, plant-based culinary creations crafted with local produce.", imageSrc: "", titleImageSrc: "", buttonText: "See Menu" },
        { title: "Authentic Location", description: "Situated in beautiful Monteriggioni, surrounded by nature.", imageSrc: "", titleImageSrc: "", buttonText: "Find Us" }
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      title="Our Menu"
      description="Seasonal specials and signature traditional plates."
      products={[
        { id: "1", name: "Truffle Pasta", price: "$24", variant: "Pasta", imageSrc: "" },
        { id: "2", name: "Garden Salad", price: "$12", variant: "Vegan", imageSrc: "" },
        { id: "3", name: "Classic Tiramisu", price: "$9", variant: "Dessert", imageSrc: "" }
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      title="Guest Reviews"
      description="Discover what our guests love about their experience at Il Ciliegio."
      testimonials={[]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Our Commitment"
      description="Quality and hospitality in every detail."
      metrics={[
        { id: "1", value: "100%", title: "Local Sourced", items: ["Fresh produce", "Sustainable"] },
        { id: "2", value: "15+", title: "Years", items: ["Tradition", "Passion"] }
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      title="Frequently Asked Questions"
      description="Common inquiries about our restaurant and services."
      faqsAnimation="slide-up"
      faqs={[
        { id: "1", title: "Do you have vegan options?", content: "Yes, we offer a dedicated vegan menu." },
        { id: "2", title: "Is there outdoor seating?", content: "Yes, we feature a beautiful outdoor dining area." },
        { id: "3", title: "Where are you located?", content: "We are at Via Uopini 94, Monteriggioni." }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us"
      description="Get in touch or book a table at Il Ciliegio."
      inputs={[
        { name: "name", type: "text", placeholder: "Name" },
        { name: "email", type: "email", placeholder: "Email" }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Contact", items: [{ label: "Via Uopini 94, Monteriggioni" }, { label: "Phone: +39 0577 000000" }] }
      ]}
      bottomLeftText="© 2024 Il Ciliegio"
      bottomRightText=""
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}