"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Users, Award, ChefHat, Heart, Phone, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLarge"
      background="animatedAurora"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Bella Mexico"
          button={{
            text: "Reserve Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          tag="Welcome to Mexican Cuisine"
          title="Authentic Mexican Flavors"
          description="Experience the true taste of Mexico with our handcrafted dishes prepared using traditional recipes and the finest ingredients."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Elegant Mexican restaurant dining"
          buttons={[
            {
              text: "Reserve Now",
              href: "contact"
            },
            {
              text: "View Menu",
              href: "menu"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Serving authentic Mexican cuisine since 1995 with passion, quality, and tradition in every dish"
          metrics={[
            {
              icon: Users,
              label: "Happy Customers",
              value: "20K+"
            },
            {
              icon: Award,
              label: "Years of Excellence",
              value: "30"
            },
            {
              icon: ChefHat,
              label: "Master Chefs",
              value: "20"
            },
            {
              icon: Heart,
              label: "Signature Dishes",
              value: "70+"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Signature Menu"
          description="Discover our carefully curated selection of authentic Mexican dishes"
          tag="Culinary Favorites"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              brand: "Bella Mexico",
              name: "Chiles Rellenos",
              price: "$18.99",
              rating: 5,
              reviewCount: "342",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg",
              imageAlt: "Stuffed poblano peppers"
            },
            {
              id: "2",
              brand: "Bella Mexico",
              name: "Ceviche Mexicano",
              price: "$16.99",
              rating: 5,
              reviewCount: "287",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829918-12xa97ao.jpg",
              imageAlt: "Fresh Mexican ceviche"
            },
            {
              id: "3",
              brand: "Bella Mexico",
              name: "Mole Poblano",
              price: "$24.99",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
              imageAlt: "Traditional mole with chicken"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Loved by thousands of guests who return for the authentic Mexican experience"
          cardTag="Guest Reviews"
          testimonials={[
            {
              id: "1",
              name: "María García",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387306323-wkzu0brj.jpg",
              imageAlt: "María García"
            },
            {
              id: "2",
              name: "Carlos Mendez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387307371-5xcfk54s.jpg",
              imageAlt: "Carlos Mendez"
            },
            {
              id: "3",
              name: "Sofia Reyes",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387308158-c3l1yo5b.jpg",
              imageAlt: "Sofia Reyes"
            },
            {
              id: "4",
              name: "Diego Santos",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321576736-ix2lum2h.jpg",
              imageAlt: "Diego Santos"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Make a Reservation"
          ctaDescription="Book your table at Bella Mexico today and enjoy an unforgettable dining experience"
          ctaIcon={Phone}
          ctaButton={{
            text: "Reserve Table",
            href: "https://itaaliapitsa.ee/klassikalised-pitsad/#"
          }}
          faqs={[
            {
              id: "1",
              title: "What are your operating hours?",
              content: "We are open Monday to Sunday from 11:00 AM to 11:00 PM. We close on major holidays. Private events can be arranged outside regular hours."
            },
            {
              id: "2",
              title: "Do you accommodate dietary restrictions?",
              content: "Absolutely! We offer vegetarian, vegan, and gluten-free options. Please inform your server of any dietary needs when ordering."
            },
            {
              id: "3",
              title: "Can we host private events?",
              content: "Yes, we have a beautiful private dining room available for groups of 20-80 guests. Contact us for special event packages and customized menus."
            },
            {
              id: "4",
              title: "What is your cancellation policy?",
              content: "Reservations can be cancelled up to 24 hours in advance. We appreciate advance notice for party changes of 5 or more guests."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Bella Mexico"
          description="Authentic Mexican cuisine crafted with passion, tradition, and the finest ingredients. Experience Mexico in every bite."
          columns={[
            {
              title: "Menu",
              items: [
                {
                  label: "Tacos",
                  href: "menu"
                },
                {
                  label: "Enchiladas",
                  href: "menu"
                },
                {
                  label: "Seafood",
                  href: "menu"
                },
                {
                  label: "Desserts",
                  href: "menu"
                }
              ]
            },
            {
              title: "About",
              items: [
                {
                  label: "Our Story",
                  href: "about"
                },
                {
                  label: "Team",
                  href: "about"
                },
                {
                  label: "Catering",
                  href: "contact"
                }
              ]
            },
            {
              title: "Contact",
              items: [
                {
                  label: "Reservations",
                  href: "contact"
                },
                {
                  label: "Location",
                  href: "contact"
                },
                {
                  label: "Hours",
                  href: "contact"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "privacy"
                },
                {
                  label: "Terms of Service",
                  href: "terms"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            }
          ]}
          copyrightText="© 2025 Bella Mexico. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}