"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Utensils, Clock, Users, ChefHat, Star, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Big Eat"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Authentic Italian Cuisine in Every Bite"
          description="Experience the true flavors of Italy at Big Eat. From classic risotto to handmade pasta, our chef-curated menu celebrates traditional Italian cooking with premium local ingredients."
          tag="Est. 2010"
          tagIcon={Utensils}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604317789-wh969pka.jpg"
          imageAlt="Beautifully plated Italian pasta dish"
          imagePosition="right"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Big Eat represents a passion for authentic Italian culinary traditions, bringing generations of family recipes and techniques directly to your table with love and excellence"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: Clock, label: "Years of Excellence", value: "14+" },
            { icon: Users, label: "Happy Guests", value: "50k+" },
            { icon: ChefHat, label: "Signature Dishes", value: "40+" },
            { icon: Star, label: "Rating", value: "4.9★" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Our Culinary Experience"
          description="Discover what makes Big Eat a destination for Italian food lovers"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "tradition",
              label: "Tradition",
              title: "Recipes passed down through generations",
              items: [
                "Family recipes since 1910",
                "Authentic regional Italian cuisine",
                "Traditional cooking methods honored"
              ]
            },
            {
              id: "ingredients",
              label: "Premium",
              title: "Only the finest Italian ingredients",
              items: [
                "Imported from Italian suppliers",
                "Fresh local produce daily",
                "Artisanal specialty products"
              ]
            },
            {
              id: "experience",
              label: "Dining",
              title: "Unforgettable Italian atmosphere",
              items: [
                "Warm, intimate ambiance",
                "Attentive personalized service",
                "Wine pairings expertly curated"
              ]
            }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Signature Menu Items"
          description="Explore our most beloved dishes, crafted with precision and passion"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          products={[
            {
              id: "1",
              brand: "Pasta Classics",
              name: "Spaghetti Carbonara",
              price: "$18.50",
              rating: 5,
              reviewCount: "324",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604321558-b4wxo6c5.jpg",
              imageAlt: "Creamy carbonara pasta with guanciale"
            },
            {
              id: "2",
              brand: "Pizza Selection",
              name: "Pizza Margherita",
              price: "$16.00",
              rating: 5,
              reviewCount: "456",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604320823-a24nnfys.jpg",
              imageAlt: "Traditional margherita pizza with fresh mozzarella"
            },
            {
              id: "3",
              brand: "Main Courses",
              name: "Osso Buco alla Milanese",
              price: "$28.00",
              rating: 5,
              reviewCount: "287",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604323253-324a6qf5.jpg",
              imageAlt: "Braised veal shanks in rich tomato sauce"
            },
            {
              id: "4",
              brand: "Pasta Specialties",
              name: "Handmade Ravioli Ricotta",
              price: "$20.50",
              rating: 5,
              reviewCount: "198",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604324029-fqmxwt17.jpg",
              imageAlt: "Homemade ravioli filled with creamy ricotta"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Join thousands of satisfied diners who've experienced Big Eat's authentic Italian hospitality"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Maria Rossi",
              handle: "@maria_rossi",
              testimonial: "The most authentic Italian experience I've had outside of Italy. Every dish transported me back to my childhood in Rome. Absolutely incredible!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604325246-xrty7vgk.jpg",
              imageAlt: "Maria Rossi"
            },
            {
              id: "2",
              name: "Marco Colombo",
              handle: "@marco_chef",
              testimonial: "As a chef myself, I'm extremely impressed by the quality and authenticity. This is how Italian food should be prepared and served.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604325855-yc6zt4lm.jpg",
              imageAlt: "Marco Colombo"
            },
            {
              id: "3",
              name: "Isabella Russo",
              handle: "@isabella_travels",
              testimonial: "Best pasta I've ever had! The homemade ravioli was pure perfection. The staff made us feel like family. Will definitely return!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604326456-bmcusilz.jpg",
              imageAlt: "Isabella Russo"
            },
            {
              id: "4",
              name: "Giovanni Moretti",
              handle: "@giov_loves_food",
              testimonial: "From the ambiance to the food to the wine selection, everything was flawless. This is my new favorite restaurant in the city!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604327237-9u8p6kw2.jpg",
              imageAlt: "Giovanni Moretti"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about Big Eat"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604327992-wu5rs8xi.jpg"
          imageAlt="Elegant Big Eat dining room"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Do you accept reservations?",
              content: "Yes, we highly recommend reservations, especially for weekends and special occasions. You can book online through our website or call us directly at (555) 123-4567."
            },
            {
              id: "2",
              title: "What are your hours of operation?",
              content: "We're open Tuesday-Thursday 5:00 PM - 10:00 PM, Friday-Saturday 5:00 PM - 11:00 PM, and Sunday 5:00 PM - 9:00 PM. We're closed Mondays for staff training and menu preparation."
            },
            {
              id: "3",
              title: "Do you offer private dining?",
              content: "Absolutely! We have private dining spaces available for parties of 10-50 guests. Contact us for special pricing and menu customization options."
            },
            {
              id: "4",
              title: "Are there dietary accommodations?",
              content: "Yes, we can accommodate vegetarian, vegan, and gluten-free diets. Please inform us when making your reservation so our chef can prepare special selections."
            },
            {
              id: "5",
              title: "Do you have a wine list?",
              content: "We feature an extensive selection of Italian wines with over 150 labels. Our sommelier is available to recommend perfect pairings for your meal."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          title="Join Our Italian Food Community"
          description="Subscribe to receive updates on seasonal specials, wine pairings, and exclusive dining events"
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Your email will be used for updates and special offers only."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604317789-wh969pka.jpg"
          imageAlt="Big Eat Italian Restaurant"
          logoText="Big Eat"
          copyrightText="© 2025 Big Eat Italian Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "contact" }
              ]
            },
            {
              title: "Visit Us",
              items: [
                { label: "Hours: Tue-Thu 5-10pm" },
                { label: "Fri-Sat 5-11pm, Sun 5-9pm" },
                { label: "(555) 123-4567" },
                { label: "123 Italian Lane, Downtown" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Contact", href: "contact" },
                { label: "Newsletter", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}