"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Facebook, Instagram, Leaf, Linkedin, Soup, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="El Migri Food"
      button={{
        text: "Order Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "rotated-rays-animated",
      }}
      logoText="El Migri"
      description="Experience the authentic flavors of Mexico with a modern twist. Fresh ingredients, vibrant dishes, unforgettable moments."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Order Online",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-delicious-taco-ingredients_23-2148629331.jpg"
      imageAlt="A vibrant plate of gourmet Mexican food"
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="right"
      title="Our Culinary Journey"
      description="From the bustling streets of Mexico to your table, El Migri Food is a celebration of heritage and passion. We meticulously select the freshest ingredients, hand-crafting each dish to tell a story of tradition, innovation, and flavor that dances on your palate."
      bulletPoints={[
        {
          title: "Authentic Recipes",
          description: "Generations of culinary secrets brought to life with passion.",
          icon: Soup,
        },
        {
          title: "Fresh Ingredients",
          description: "Locally sourced and imported goods for unparalleled taste.",
          icon: Leaf,
        },
        {
          title: "Vibrant Atmosphere",
          description: "A festive and welcoming space for every occasion.",
          icon: Sparkles,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg"
      imageAlt="Chef preparing a delicious Mexican dish"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          tag: "Iconic",
          title: "El Migri Tacos",
          subtitle: "Handcrafted to perfection",
          description: "Our signature tacos feature tender slow-cooked meats, fresh cilantro, onions, and a squeeze of lime, all nestled in warm, handmade tortillas.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317346.jpg",
          imageAlt: "Gourmet tacos with fresh toppings",
        },
        {
          tag: "Fresh",
          title: "Avocado Delights",
          subtitle: "Creamy & irresistible",
          description: "Experience our freshly made guacamole, a vibrant blend of ripe avocados, chopped onions, cilantro, jalapeños, and a hint of lime, served with crispy tortilla chips.",
          imageSrc: "http://img.b2bpic.net/free-photo/decorated-banquet-table-with-snacks-wedding_1303-19146.jpg",
          imageAlt: "Freshly made guacamole with tortilla chips",
        },
        {
          tag: "Refreshing",
          title: "Tropical Margaritas",
          subtitle: "A taste of paradise",
          description: "Sip on our expertly mixed margaritas, crafted with premium tequila, fresh fruit juices, and a touch of sweetness, available in a variety of exotic flavors.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-drinks-served-beach_23-2147655942.jpg",
          imageAlt: "Refreshing margarita cocktail",
        },
      ]}
      title="Signature Flavors"
      description="Discover the dishes that define El Migri. Each a masterpiece of taste and tradition, promising an unforgettable experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "enchiladas",
          name: "Classic Enchiladas",
          price: "$16.00",
          variant: "Chicken or Cheese",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-beef-stripes-tortilla-with-bowl-guacamole-table-cloth_23-2148042468.jpg",
          imageAlt: "Traditional enchiladas with cheese and sauce",
        },
        {
          id: "quesadillas",
          name: "Spicy Quesadillas",
          price: "$14.00",
          variant: "Beef or Veggie",
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159789.jpg",
          imageAlt: "Crispy quesadillas with melted cheese",
        },
        {
          id: "burrito",
          name: "Giant Burrito",
          price: "$18.00",
          variant: "Carnitas or Al Pastor",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetables-meat-tortillas_23-2148181589.jpg",
          imageAlt: "Large, generously filled burrito",
        },
        {
          id: "fajitas",
          name: "Sizzling Fajitas",
          price: "$22.00",
          variant: "Chicken, Beef, or Combo",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-ready-be-served_23-2148614426.jpg",
          imageAlt: "Sizzling fajitas with peppers and onions",
        },
        {
          id: "churros",
          name: "Sweet Churros",
          price: "$9.00",
          variant: "With Chocolate Sauce",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-churros-wooden-table-traditional-spanish-food_123827-34132.jpg",
          imageAlt: "Crispy churros with chocolate dipping sauce",
        },
        {
          id: "posole",
          name: "Hearty Posole",
          price: "$15.00",
          variant: "Pork or Vegetarian",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-pink-white-checkered-napkin-wooden-spoon-dark-surface_140725-88543.jpg",
          imageAlt: "Traditional Mexican posole soup",
        },
      ]}
      title="Our Irresistible Menu"
      description="Explore a symphony of tastes, from classic favorites to innovative creations. Every dish crafted with love, using the finest ingredients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "Absolutely incredible!",
          quote: "El Migri Food serves the most authentic and delicious Mexican cuisine I've ever tasted. Every dish is a culinary delight, and the atmosphere is so vibrant. A must-visit!",
          name: "Sophia Garcia",
          role: "Food Blogger",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-street-food_23-2149048564.jpg",
          imageAlt: "Sophia Garcia enjoying a meal",
        },
        {
          id: "2",
          title: "A true taste of Mexico!",
          quote: "I felt like I was back in Mexico City. The flavors are rich, complex, and truly authentic. The service was impeccable, and the experience was truly memorable.",
          name: "Diego Ramirez",
          role: "Travel Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-boy-holding-floral-tray-with-oat-flakes-forest-fruits_23-2147942236.jpg",
          imageAlt: "Diego Ramirez with a satisfied look",
        },
        {
          id: "3",
          title: "My new favorite restaurant!",
          quote: "From the moment we walked in, we were treated like family. The food was exceptional – fresh, flavorful, and beautifully presented. Can't wait to come back!",
          name: "Olivia Chen",
          role: "Local Resident",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-young-friends-having-wine-dinner_23-2148454085.jpg",
          imageAlt: "Olivia Chen with her dining companion",
        },
        {
          id: "4",
          title: "Perfect for any occasion!",
          quote: "Whether it's a casual dinner or a special celebration, El Migri Food delivers. The menu has something for everyone, and the quality is consistently outstanding.",
          name: "Noah Williams",
          role: "Event Planner",
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-spending-time-outdoors-rural-area-enjoying-childhood_23-2149614811.jpg",
          imageAlt: "Noah Williams giving a thumbs up",
        },
        {
          id: "5",
          title: "An exquisite dining experience!",
          quote: "The creativity in each dish is truly inspiring. El Migri Food takes Mexican cuisine to a gourmet level while preserving its soulful roots. Highly recommend!",
          name: "Isabella Rossi",
          role: "Gourmet Chef",
          imageSrc: "http://img.b2bpic.net/free-photo/plus-size-woman-eating-restaurant-alone_23-2150165125.jpg",
          imageAlt: "Isabella Rossi thoughtfully observing her food",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from those who've savored the El Migri experience. Their words, our pride and motivation."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Do you offer vegetarian and vegan options?",
          content: "Yes, we have a diverse menu with several delicious vegetarian and vegan dishes. Please inform your server about any dietary preferences or allergies.",
        },
        {
          id: "faq2",
          title: "Can I make a reservation online?",
          content: "Absolutely! You can easily make a reservation through our website's contact section, or by calling us directly during business hours.",
        },
        {
          id: "faq3",
          title: "Do you provide catering services for events?",
          content: "Yes, El Migri Food offers exceptional catering services for various events, from intimate gatherings to large celebrations. Contact us to discuss your event needs.",
        },
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to common queries about El Migri Food, from reservations to ingredients, and special dietary needs."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "chef1",
          name: "Ricardo 'El Migri' Sanchez",
          role: "Head Chef & Founder",
          description: "With over 20 years of experience, Chef Ricardo brings authentic Mexican flavors and innovative techniques to every dish.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-with-plate_23-2148471884.jpg",
          imageAlt: "Portrait of Head Chef Ricardo Sanchez",
          socialLinks: [
            {
              icon: Facebook,
              url: "#",
            },
            {
              icon: Instagram,
              url: "#",
            },
          ],
        },
        {
          id: "chef2",
          name: "Isabel Hernandez",
          role: "Sous Chef",
          description: "Isabel's creativity and attention to detail ensure every plate is a work of art, supporting Chef Ricardo's vision.",
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865317.jpg",
          imageAlt: "Portrait of Sous Chef Isabel Hernandez",
          socialLinks: [
            {
              icon: Instagram,
              url: "#",
            },
          ],
        },
        {
          id: "manager",
          name: "Elena Rodriguez",
          role: "Restaurant Manager",
          description: "Elena ensures a seamless dining experience for all guests, combining warm hospitality with efficient service.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
          imageAlt: "Portrait of Restaurant Manager Elena Rodriguez",
          socialLinks: [
            {
              icon: Linkedin,
              url: "#",
            },
          ],
        },
      ]}
      title="Meet Our Culinary Maestros"
      description="The passionate team behind El Migri, dedicated to bringing you an unforgettable dining experience steeped in tradition and innovation."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Connect With Us"
      title="Plan Your Visit"
      description="We'd love to hear from you! Reserve a table, ask a question, or give us feedback. Your culinary journey starts here."
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By clicking Subscribe you're confirming that you agree with our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Our Menu",
              href: "#menu",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Team",
              href: "#team",
            },
          ],
        },
        {
          items: [
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "Order Online",
              href: "#contact",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/elmigrifood",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/elmigrifood",
            },
            {
              label: "Twitter",
              href: "https://twitter.com/elmigrifood",
            },
          ],
        },
      ]}
      logoText="El Migri Food"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
