"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about-story-ingredients",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Reservations",
          id: "#reservation",
        },
        {
          name: "Contact",
          id: "#location-contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pqk6a3"
      logoAlt="Nador Taste Logo"
      brandName="Nador Taste"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Nador Taste: A Culinary Journey"
      description="Experience the rich flavors and vibrant traditions of Mediterranean cuisine in an elegant setting. Each dish is a story, every meal an unforgettable memory."
      buttons={[
        {
          text: "Book a Table",
          href: "#reservation",
        },
        {
          text: "WhatsApp Us",
          href: "https://wa.me/1234567890",
          onClick: "() => console.log('WhatsApp clicked')",
        },
      ]}
      carouselItems={[
        {
          id: "hero-media-1",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-cream-soup-bowl_140725-12414.jpg",
          imageAlt: "Luxurious Mediterranean dish",
        },
        {
          id: "hero-media-2",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-snacks-wooden-platter_114579-18568.jpg",
          imageAlt: "Vibrant couscous platter",
        },
        {
          id: "hero-media-3",
          imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-1398.jpg",
          imageAlt: "Grilled seafood platter",
        },
        {
          id: "hero-media-4",
          imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097738.jpg",
          imageAlt: "Elegant dessert",
        },
        {
          id: "hero-media-5",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-iced-cocktail-fresh-icing-inside-long-glass-dark-dark-surface-with-drink-juice-cocktail-bar_140725-26176.jpg",
          imageAlt: "Cocktail drink",
        },
        {
          id: "hero-media-6",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-peaches_23-2150312261.jpg",
          imageAlt: "Bread basket",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about-story-ingredients" data-section="about-story-ingredients">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "story",
          title: "A Legacy of Flavor",
          subtitle: "Generations of recipes perfected",
          category: "Heritage",
          value: "Our journey began with a vision to share the true essence of Mediterranean cuisine, passed down through family traditions and refined over years of culinary exploration.",
          buttons: [
            {
              text: "Read More",
            },
          ],
        },
        {
          id: "ingredients",
          title: "Fresh & Local Ingredients",
          subtitle: "Sourced daily for peak taste",
          category: "Quality",
          value: "We believe exceptional dishes start with exceptional ingredients. Our commitment to freshness means every component of your meal is carefully selected from local markets.",
          buttons: [
            {
              text: "Explore Sourcing",
            },
          ],
        },
        {
          id: "craftsmanship",
          title: "Artisanal Preparation",
          subtitle: "Handcrafted with passion",
          category: "Artistry",
          value: "Our chefs, true artisans in their craft, blend traditional techniques with modern culinary artistry. Every plate is a masterpiece, designed to delight both the eye and the palate.",
          buttons: [
            {
              text: "Meet Our Team",
            },
          ],
        },
      ]}
      title="Our Culinary Philosophy"
      description="At Nador Taste, every dish tells a story of heritage and passion. We meticulously select the finest, freshest ingredients to bring authentic Mediterranean flavors to your table, ensuring an unparalleled dining experience."
    />
  </div>

  <div id="chef" data-section="chef">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "chef-ahmed",
          name: "Chef Ahmed Al-Mansour",
          role: "Head Chef & Culinary Director",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-baker-holding-baguettes_23-2147883304.jpg",
          imageAlt: "Chef Ahmed Al-Mansour",
        },
      ]}
      title="Meet Our Master Chef"
      description="Led by the visionary Chef Ahmed, our culinary team transforms fresh, seasonal produce into unforgettable Mediterranean delicacies. His passion and expertise define Nador Taste."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "starter-1",
          name: "Seafood Mezze Platter",
          price: "$22",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-salmon-with-herbs-close-up_23-2148516890.jpg",
          imageAlt: "Seafood Mezze Platter",
        },
        {
          id: "main-1",
          name: "Royal Lamb Tagine",
          price: "$38",
          imageSrc: "http://img.b2bpic.net/free-photo/baked-meat-sauce-parsley-sumakh-pickles_141793-16636.jpg",
          imageAlt: "Royal Lamb Tagine",
        },
        {
          id: "dessert-1",
          name: "Almond & Date Pastries",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg",
          imageAlt: "Almond & Date Pastries",
        },
        {
          id: "drink-1",
          name: "Traditional Moroccan Mint Tea",
          price: "$7",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-hot-water-into-glass-with-black-tea-from-samovar_140725-527.jpg",
          imageAlt: "Traditional Moroccan Mint Tea",
        },
        {
          id: "main-2",
          name: "Grilled Halloumi Salad",
          price: "$26",
          imageSrc: "http://img.b2bpic.net/free-photo/sliced-chopped-eggplants-wooden-board_114579-71539.jpg",
          imageAlt: "Grilled Halloumi Salad",
        },
        {
          id: "starter-2",
          name: "Smoked Hummus Trio",
          price: "$18",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-hummus-table_23-2149483907.jpg",
          imageAlt: "Smoked Hummus Trio",
        },
      ]}
      title="Our Exquisite Menu"
      description="A curated selection of starters, main courses, desserts, and drinks, crafted to tantalize your taste buds and transport you to the heart of the Mediterranean."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sophia R.",
          role: "Food Critic",
          company: "Gourmet Magazine",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg",
          imageAlt: "Sophia R.",
        },
        {
          id: "2",
          name: "Liam T.",
          role: "Restaurateur",
          company: "Culinary Ventures",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722795.jpg",
          imageAlt: "Liam T.",
        },
        {
          id: "3",
          name: "Olivia M.",
          role: "Travel Blogger",
          company: "Wanderlust Bites",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-cheerful-girl-friends-business-partners-having-fun-lunch-seafood-restaurant_496169-2077.jpg",
          imageAlt: "Olivia M.",
        },
        {
          id: "4",
          name: "Noah J.",
          role: "Chef",
          company: "Gastronomy Hub",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-multiethnic-people-dining-room-celebrating-winter-holiday-with-traditional-home-cooked-food-happy-festive-family-enjoying-christmas-dinner-home-while-eating-together-handheld-shot_482257-48674.jpg",
          imageAlt: "Noah J.",
        },
        {
          id: "5",
          name: "Ava P.",
          role: "Event Planner",
          company: "Grand Occasions",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-together_23-2148451674.jpg",
          imageAlt: "Ava P.",
        },
      ]}
      kpiItems={[
        {
          value: "4.9/5",
          label: "Average Rating",
        },
        {
          value: "200+",
          label: "Positive Reviews",
        },
        {
          value: "10K+",
          label: "Happy Guests",
        },
      ]}
      title="What Our Guests Say"
      description="Discover why Nador Taste is a beloved culinary destination. Our guests consistently praise our authentic flavors, luxurious ambiance, and impeccable service. Join our community of satisfied diners."
    />
  </div>

  <div id="location-contact" data-section="location-contact">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "address-hours",
          title: "Our Address & Opening Hours",
          content: "You can find us at: 123 Gourmet Lane, Culinary City, CA 90210.\n\nWe are open:\nTuesday - Thursday: 5:00 PM - 10:00 PM\nFriday - Saturday: 5:00 PM - 11:00 PM\nSunday: 4:00 PM - 9:00 PM\nMonday: Closed",
        },
        {
          id: "direct-contact",
          title: "Direct Contact & Social Media",
          content: "Phone: +1 (555) 123-4567\nEmail: info@nadortaste.com\nWhatsApp: +1 (555) 123-4567\n\nFollow us on:\nInstagram: @NadorTaste\nFacebook: /NadorTasteRestaurant",
        },
      ]}
      sideTitle="Find & Contact Nador Taste"
      sideDescription="Visit us at our exquisite location or get in touch for inquiries, private events, and more. We look forward to hearing from you!"
      buttons={[
        {
          text: "Get Directions",
          href: "https://maps.app.goo.gl/YourRestaurantLocation",
        },
      ]}
      faqsAnimation="blur-reveal"
      textPosition="left"
    />
  </div>

  <div id="reservation" data-section="reservation">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Reserve Your Table"
      description="Plan your visit to Nador Taste and secure your dining experience. Our team is ready to welcome you for an unforgettable culinary journey."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Preferred Date",
          required: true,
        },
        {
          name: "time",
          type: "time",
          placeholder: "Preferred Time",
          required: true,
        },
        {
          name: "guests",
          type: "number",
          placeholder: "Number of Guests",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special Requests (allergies, seating preference, etc.)",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561232.jpg"
      imageAlt="Elegant restaurant interior"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Confirm Reservation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pqk6a3"
      logoAlt="Nador Taste Logo"
      logoText="Nador Taste"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about-story-ingredients",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Visit Us",
          items: [
            {
              label: "Reservations",
              href: "#reservation",
            },
            {
              label: "Location",
              href: "#location-contact",
            },
            {
              label: "Hours",
              href: "#location-contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact Us",
              href: "#location-contact",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/1234567890",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/NadorTaste",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/NadorTasteRestaurant",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Nador Taste. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
