"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Heart, Star, ChefHat, Users, Instagram, Facebook } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="fluid"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="EL CHARRITOS"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Order", id: "contact" },
          ]}
          button={{ text: "Order Now", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Authentic Mexican Flavor. Elevated."
          description="From handcrafted tacos to slow-simmered family recipes, EL CHARRITOS delivers bold flavor in every bite. Experience tradition reimagined with premium quality."
          background={{ variant: "plain" }}
          tag="Bold Flavor. Authentic Soul."
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Order Online", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg?_wi=1"
          imageAlt="EL CHARRITOS signature tacos"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagIcon={Heart}
          tagAnimation="slide-up"
          title="More Than a Meal — It's Tradition. At EL CHARRITOS, we believe food should feel like home. Every dish is prepared using time-honored recipes, fresh ingredients, and bold spices that bring authentic Mexican flavor to life. From our house-made tortillas to our slow-cooked meats, quality isn't optional — it's our foundation."
          buttons={[
            { text: "Learn More", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardThree
          title="Customer Favorites"
          description="Taste the signature dishes that bring customers back again and again."
          tag="Bestsellers"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Signature Birria Tacos",              description: "Slow-simmered birria with crispy corn tortillas, fresh lime, and our secret consomé. The flavor is unforgettable.",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg?_wi=2",              imageAlt: "Signature birria tacos"},
            {
              id: "02",              title: "Premium Carne Asada Plate",              description: "Grilled to perfection with charred edges and smoky depth. Served with rice, beans, and warm tortillas.",              imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23123.jpg?_wi=1",              imageAlt: "Premium carne asada plate"},
            {
              id: "03",              title: "Street-Style Tacos",              description: "Authentic street tacos with your choice of al pastor, pollo, or carnitas. Simple, bold, unforgettable.",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516916.jpg?_wi=1",              imageAlt: "Street-style tacos"},
            {
              id: "04",              title: "House Margaritas",              description: "Hand-shaken with premium tequila, fresh lime juice, and a hint of agave. Pure perfection in a glass.",              imageSrc: "http://img.b2bpic.net/free-photo/margarita_74190-1343.jpg",              imageAlt: "House margaritas"},
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "View Full Menu", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Menu Highlights"
          description="Explore our complete selection of authentic Mexican cuisine."
          tag="Complete Menu"
          tagIcon={ChefHat}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              brand: "EL CHARRITOS",              name: "Birria Tacos (3pc)",              price: "$12.99",              rating: 5,
              reviewCount: "847",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg?_wi=3",              imageAlt: "Birria tacos"},
            {
              id: "2",              brand: "EL CHARRITOS",              name: "Carne Asada Plate",              price: "$18.99",              rating: 5,
              reviewCount: "623",              imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23123.jpg?_wi=2",              imageAlt: "Carne asada plate"},
            {
              id: "3",              brand: "EL CHARRITOS",              name: "Al Pastor Tacos (3pc)",              price: "$11.99",              rating: 5,
              reviewCount: "512",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516916.jpg?_wi=2",              imageAlt: "Al pastor tacos"},
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "Order Now", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="The best tacos I've had outside of Mexico. The flavor is insane, the service is fast, and the vibe is absolutely unmatched. I drive 30 minutes just for this."
          rating={5}
          author="Maria G. & Community"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Maria G." },
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "James R." },
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Carlos M." },
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Sofia L." },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Food Lovers Everywhere"
          description="Join thousands of satisfied customers who've made EL CHARRITOS their go-to spot for authentic Mexican flavor."
          tag="Our Community"
          tagIcon={Users}
          tagAnimation="slide-up"
          names={[
            "Local Favorite",            "5-Star Rated",            "Family Owned",            "Handcrafted",            "Premium Quality",            "Authentic Recipes",            "Fresh Ingredients",            "Fast Service"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Craving It Already?"
          description="Order online for pickup or delivery, or call us to reserve your table. Experience EL CHARRITOS today."
          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 },
          ]}
          textarea={{ name: "message", placeholder: "Special requests or order details...", rows: 4, required: false }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/process-cooking-vegetable-salad-chef-cutting-paprika-other-fresh-vegetables-using-special-knife-man-wearing-apron-white-gloves-background-restaurant-kitchen_651396-3916.jpg"
          imageAlt="EL CHARRITOS kitchen"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Order Now & Taste the Difference"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="EL CHARRITOS"
          copyrightText="© 2025 EL CHARRITOS | Authentic Mexican Kitchen. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
