"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Instagram, Facebook, Twitter } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Products", id: "products" },
    { name: "Our Story", id: "story" },
    { name: "Contact", id: "contact" },
  ];

  const navButton = {
    text: "Order Now",    href: "/products"};

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={navButton}
          brandName="Fuego & Sabor"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Authentic Mexican Spirit"
          description="Crafted with passion from the heart of Jalisco. Experience the true taste of tradition with every sip of our hand-distilled tequila and authentic salsa."
          tag="Artisan Crafted"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163026.jpg"
          imageAlt="Premium hand-crafted tequila bottle"
          imagePosition="right"
          buttons={[
            { text: "Shop Tequila", href: "/products" },
            { text: "Learn Our Story", href: "/our-story" },
          ]}
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Four generations of tequila and salsa heritage, born from the volcanic soils of Jalisco. We honor ancestral recipes while embracing modern craftsmanship to bring authentic Mexican flavors to your table."
          useInvertedBackground={false}
          buttons={[{ text: "Read Our Full Story", href: "/our-story" }]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Premium Selection"
          description="Hand-selected and small-batch crafted for those who appreciate authentic Mexican excellence."
          products={[
            {
              id: "1",              name: "Tequila Reposado",              price: "$49.99",              imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163026.jpg",              imageAlt: "Tequila Reposado bottle"},
            {
              id: "2",              name: "Tequila Blanco",              price: "$39.99",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-composition_23-2148993609.jpg",              imageAlt: "Tequila Blanco bottle"},
            {
              id: "3",              name: "Salsa Verde Premium",              price: "$12.99",              imageSrc: "http://img.b2bpic.net/free-photo/soup-clay-pot-served-with-herbs_141793-964.jpg",              imageAlt: "Salsa Verde jar"},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySeven
          title="What Makes Us Unique"
          description="Discover the difference that tradition and passion create"
          features={[
            {
              id: "1",              title: "Heritage Fields",              description: "Sourced from century-old agave fields in Jalisco, Mexico. Our commitment to sustainable farming ensures premium quality in every bottle.",              imageSrc: "http://img.b2bpic.net/free-photo/tropical-plants-trees-against-blue-sky_181624-27627.jpg",              imageAlt: "Agave fields in Jalisco"},
            {
              id: "2",              title: "Traditional Methods",              description: "Hand-crafted using ancestral distillation techniques passed down through generations. Each batch reflects our dedication to authentic flavor.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-items-arrangement_23-2149673017.jpg",              imageAlt: "Traditional craft process"},
            {
              id: "3",              title: "Authentic Recipes",              description: "Family recipes perfected over decades. Our salsa and tequila blends honor Mexican culinary traditions with every ingredient.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-lula-kebab-pita-bread-with-yogurt-tomatoes-grilled-hot-peppers-tray_141793-17487.jpg",              imageAlt: "Recipe heritage and tradition"},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Customers"
          description="See what our community of tequila and salsa enthusiasts have to say"
          testimonials={[
            {
              id: "1",              title: "Authentic taste of Mexico",              quote: "This tequila transported me straight to Jalisco. The complexity and smoothness are unmatched. I've tried many premium brands, but this one stands out for its genuine craftsmanship.",              name: "Maria Rodriguez",              role: "Chef & Food Critic",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",              imageAlt: "Maria Rodriguez"},
            {
              id: "2",              title: "Family traditions preserved",              quote: "Every bottle tells a story. The salsa recipe tastes like my grandmother's cooking. This brand truly honors Mexican heritage while maintaining premium quality.",              name: "Diego Hernandez",              role: "Restaurant Owner",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-15883.jpg",              imageAlt: "Diego Hernandez"},
            {
              id: "3",              title: "Exceptional quality",              quote: "The attention to detail in both the tequila and salsa is remarkable. From packaging to taste, everything reflects the maker's passion. Worth every penny.",              name: "Sofia Campos",              role: "Sommelier",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Sofia Campos"},
            {
              id: "4",              title: "Elevates any gathering",              quote: "My friends ask for Fuego & Sabor by name now. The quality speaks for itself. It's become our go-to for celebrations and special occasions.",              name: "Carlos Mendez",              role: "Event Planner",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Carlos Mendez"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join Our Community"
          description="Subscribe to our newsletter for exclusive recipes, tequila tips, and special offers on our premium collection."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe at any time. For more details, read our Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Fuego & Sabor"
          copyrightText="© 2025 Fuego & Sabor | Artisan Tequila & Salsa | All rights reserved"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}