"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Penida"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Experience Exquisite French Dining"
      description="Penida: Where Culinary Artistry Meets the Mediterranean Charm of Toulon."
      carouselItems={[
        {
          id: "hc-1",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89987.jpg",
          imageAlt: "Elegant French dining room",
        },
        {
          id: "hc-2",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-tomahawk-beef-steak-gourmet-dish-stove_482257-121134.jpg",
          imageAlt: "Exquisite French dish presentation",
        },
        {
          id: "hc-3",
          imageSrc: "http://img.b2bpic.net/free-photo/vintage-wooden-old-closeup-wine_1203-6334.jpg",
          imageAlt: "Sommelier pouring fine French wine",
        },
        {
          id: "hc-4",
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-drinking-wine-holding-hands-table_23-2148014465.jpg",
          imageAlt: "Romantic table setting with candles",
        },
        {
          id: "hc-5",
          imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg",
          imageAlt: "Artistic French dessert creation",
        },
        {
          id: "hc-6",
          imageSrc: "http://img.b2bpic.net/free-photo/rudolfinum-prague_1398-2747.jpg",
          imageAlt: "Charming Penida restaurant exterior",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Our Story, Our Passion: ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-dark-job-pastry-pie-bakery-cooking-biscuit-dough-bake_179666-43925.jpg",
          alt: "Chef preparing a dish",
        },
        {
          type: "text",
          content: "A Culinary Journey from Toulon",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Seasonal Menu",
          description: "Savor dishes crafted from the freshest seasonal produce, ensuring a unique taste experience with every visit.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-cutting-tangerines-dark-cooking-salad-health-vegetable-meal-food-fruit-job-diet_179666-43845.jpg",
          imageAlt: "Fresh seasonal produce",
          titleImageSrc: "http://img.b2bpic.net/free-photo/soup-amidst-vegetables-spoons_23-2147867449.jpg",
          buttonText: "View Current Menu",
        },
        {
          title: "Expert Wine Pairings",
          description: "Our sommelier curates the perfect wine to complement your meal, enhancing every flavor and aroma.",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-dark-grey-background_329181-12702.jpg",
          imageAlt: "Sommelier pouring wine",
          titleImageSrc: "http://img.b2bpic.net/free-photo/festive-plump-male-suit-bow-tie-drinks-craft-beer_613910-13642.jpg",
          buttonText: "Explore Wine List",
        },
        {
          title: "Charming Ambiance",
          description: "Dine in an elegant and intimate setting that captures the essence of French sophistication, perfect for any occasion.",
          imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
          imageAlt: "Elegant restaurant interior",
          titleImageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-wine-holding-hands-table_23-2148014466.jpg",
          buttonText: "Discover Our Space",
        },
      ]}
      title="Signature Experiences at Penida"
      description="Discover what makes dining at Penida an unforgettable journey through exquisite French cuisine and refined service."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",
          name: "Duck Confit",
          price: "€28",
          variant: "Main Course",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-dish-close-up_23-2148516963.jpg",
          imageAlt: "Duck Confit",
        },
        {
          id: "p-2",
          name: "Bouillabaisse",
          price: "€32",
          variant: "Main Course",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-soup-with-orange-fresh-table_140725-5610.jpg",
          imageAlt: "Bouillabaisse",
        },
        {
          id: "p-3",
          name: "Beef Bourguignon",
          price: "€29",
          variant: "Main Course",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-food-bowl-appetizing-potatoes-mushrooms-bowl-fork-left-side-dark-table_140725-118617.jpg",
          imageAlt: "Beef Bourguignon",
        },
        {
          id: "p-4",
          name: "Crème Brûlée",
          price: "€12",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/dessert-creme-brulee-with-figs-currants-orange-tray-light-stone-background-autumn-composition_127032-2650.jpg",
          imageAlt: "Crème Brûlée",
        },
        {
          id: "p-5",
          name: "Tarte Tatin",
          price: "€11",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/homemade-tarte-tatin-pie-with-apples-nuts-beige-background-french-apple-pie-selective-focus_127032-2724.jpg",
          imageAlt: "Tarte Tatin",
        },
        {
          id: "p-6",
          name: "Chocolate Mousse",
          price: "€10",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-mousse-panna-cotta-with-blueberries-blueberries-dark-fabric-background_127032-2666.jpg",
          imageAlt: "Chocolate Mousse",
        },
      ]}
      title="Our Exquisite Menu"
      description="A symphony of traditional French flavors with a modern twist, prepared with passion and precision."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t-1",
          name: "Isabelle Dubois",
          role: "Food Critic",
          company: "Taste of Provence",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg",
          imageAlt: "Isabelle Dubois",
        },
        {
          id: "t-2",
          name: "Jean-Luc Picard",
          role: "Wine Enthusiast",
          company: "Vin de France",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-luxury-restaurant_23-2150598342.jpg",
          imageAlt: "Jean-Luc Picard",
        },
        {
          id: "t-3",
          name: "Marie Le Pen",
          role: "Local Resident",
          company: "Toulon Daily",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-toasting-with-wine-glasses_23-2148238294.jpg",
          imageAlt: "Marie Le Pen",
        },
        {
          id: "t-4",
          name: "André Gide",
          role: "Travel Blogger",
          company: "French Escapes",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-talking-phone_158595-1007.jpg",
          imageAlt: "André Gide",
        },
        {
          id: "t-5",
          name: "Sophie Martin",
          role: "Gastronomy Blogger",
          company: "Dine & Discover",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg",
          imageAlt: "Sophie Martin",
        },
      ]}
      title="What Our Guests Say"
      description="Rave reviews from those who have savored the Penida experience, praising our cuisine and service."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "tm-1",
          name: "Émilie Moreau",
          role: "Head Chef",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-dish_23-2148723309.jpg",
          imageAlt: "Émilie Moreau",
        },
        {
          id: "tm-2",
          name: "Antoine Dubois",
          role: "Sous Chef",
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1377.jpg",
          imageAlt: "Antoine Dubois",
        },
        {
          id: "tm-3",
          name: "Sophie Leclerc",
          role: "Maître d'Hôtel",
          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-waitress-cafe-manager-working-with-tablet-graphic-tablet_1258-199016.jpg",
          imageAlt: "Sophie Leclerc",
        },
      ]}
      title="Meet Our Culinary Team"
      description="The passionate artisans and dedicated professionals who bring the Penida experience to life."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Do I need a reservation?",
          content: "We highly recommend making a reservation, especially for weekend evenings, to ensure you have a table. You can book online or by phone.",
        },
        {
          id: "faq-2",
          title: "Do you accommodate dietary restrictions?",
          content: "Yes, our kitchen is happy to accommodate most dietary restrictions and allergies. Please inform us when making your reservation or upon arrival.",
        },
        {
          id: "faq-3",
          title: "Is there a dress code?",
          content: "While we don't enforce a strict dress code, smart casual attire is encouraged to complement our premium dining experience.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about reservations, dining, and your visit to Penida."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Planning your visit to Penida? Reach out for reservations or any inquiries. We look forward to welcoming you to our table."
      buttons={[
        {
          text: "Book a Table",
          href: "#",
        },
        {
          text: "Get Directions",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "About Us",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "The Team",
              href: "#team",
            },
            {
              label: "Press",
              href: "#",
            },
          ],
        },
        {
          title: "Menu",
          items: [
            {
              label: "Main Courses",
              href: "#menu",
            },
            {
              label: "Desserts",
              href: "#menu",
            },
            {
              label: "Wine List",
              href: "#",
            },
          ],
        },
        {
          title: "Visit",
          items: [
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "Location",
              href: "#contact",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Follow Us",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/penida",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/penida",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Penida. All rights reserved."
      bottomRightText="Made with passion in Toulon, France."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
