"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Users, MapPin, Clock, Heart, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLarge"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="The Mixer"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Happy Hour", id: "happy-hour" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reservations",            href: "https://themixersandiego.com/reservations"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="The Mixer: Brunch, Burgers & Cocktails"
          description="Experience the perfect blend of good food, great drinks, and community spirit in the heart of Liberty Station. Family-owned and ready to welcome you."
          tag="San Diego's Favorite"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Make a Reservation",              href: "https://themixersandiego.com/reservations"
            },
            {
              text: "View Menu",              href: "#menu"
            }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg",              imageAlt: "The Mixer restaurant dining area"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg",              imageAlt: "Gourmet burger dish"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/herbal-salad-with-fried-vegetables_140725-2768.jpg",              imageAlt: "Craft cocktail"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-salmon-steak-with-potato-rural-pomegranate-sauce-salt-glass-wine-table_141793-3678.jpg",              imageAlt: "Modern restaurant interior"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/serving-burger-background_1321-4511.jpg",              imageAlt: "Brunch at The Mixer"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/woman-having-dinner-by-table-with-mixed-foods_114579-3728.jpg",              imageAlt: "Happy hour appetizers"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          ariaLabel="The Mixer restaurant hero section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="What We Offer"
          description="From sunrise to sunset, we've got something for everyone. Discover our signature menu items and what makes us special."
          features={[
            {
              id: 1,
              title: "Gourmet Burgers",              description: "Our hand-crafted burgers feature premium beef, fresh ingredients, and creative toppings that keep guests coming back for more.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/front-view-hand-pouring-sesame-seeds-beef-burger-with-salad-bacon_23-2148784492.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg"
              }
            },
            {
              id: 2,
              title: "Craft Cocktails",              description: "Expert mixologists create signature drinks using fresh ingredients and premium spirits. Happy hour specials available daily.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-italian-cocktail-still-life_23-2150645804.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/herbal-salad-with-fried-vegetables_140725-2768.jpg"
              }
            },
            {
              id: 3,
              title: "Brunch Experience",              description: "Weekend brunch featuring creative dishes, bottomless cocktails, and a vibrant atmosphere. Perfect for gathering with friends.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/serving-burger-background_1321-4511.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Menu Highlights"
          description="Explore our most popular items that define The Mixer experience."
          products={[
            {
              id: "1",              brand: "The Mixer",              name: "The Classic Mixer Burger",              price: "Signature Item",              rating: 5,
              reviewCount: "150+",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-hand-pouring-sesame-seeds-beef-burger-with-salad-bacon_23-2148784492.jpg",              imageAlt: "The Classic Mixer Burger"
            },
            {
              id: "2",              brand: "The Mixer",              name: "Mojito Medley",              price: "Happy Hour Special",              rating: 5,
              reviewCount: "200+",              imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-italian-cocktail-still-life_23-2150645804.jpg",              imageAlt: "Mojito Medley Cocktail"
            },
            {
              id: "3",              brand: "The Mixer",              name: "Weekend Brunch Plate",              price: "Weekend Only",              rating: 5,
              reviewCount: "180+",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg",              imageAlt: "Weekend Brunch Plate"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="A Family-Owned Legacy. Crafted with passion. Built for community. The Mixer in Liberty Station brings local flavor, good vibes, and exceptional hospitality to San Diego's vibrant dining scene."
          metrics={[
            {
              icon: Users,
              label: "Happy Customers",              value: "10,000+"
            },
            {
              icon: MapPin,
              label: "Location",              value: "Liberty Station"
            },
            {
              icon: Clock,
              label: "Hours",              value: "7 Days/Week"
            },
            {
              icon: Heart,
              label: "Community Spirit",              value: "100%"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Say"
          description="Join thousands of satisfied customers who've experienced The Mixer's warmth and exceptional service."
          testimonials={[
            {
              id: "1",              name: "Maria Santos",              handle: "@maria_loves_food",              testimonial: "The Mixer is our go-to spot for everything - brunch, happy hour, or a celebration. The staff treats you like family!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "Maria Santos"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jchen_sd",              testimonial: "Best burgers in San Diego, hands down. And their cocktails? Simply incredible. Worth every visit!",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Sophie Rodriguez",              handle: "@sophie_eats_sd",              testimonial: "The Mixer captures the true spirit of Liberty Station - fun, vibrant, and welcoming. Can't wait to come back!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Sophie Rodriguez"
            },
            {
              id: "4",              name: "David Park",              handle: "@david_cocktails",              testimonial: "First-time visitor and I'm already a regular. The mixologists really know their craft. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",              imageAlt: "David Park"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "@lisasd_foodie",              testimonial: "Sunday brunch is our family tradition now. Great food, better company, and always something new to try!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "Carlos Mendez",              handle: "@carlosd_eats",              testimonial: "As a local, I appreciate how The Mixer supports the community. Food quality, service, everything is top-notch!",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg",              imageAlt: "Carlos Mendez"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          tagIcon={Mail}
          title="Join Our Community"
          description="Subscribe to stay updated on new menu items, special events, happy hour deals, and exclusive offers. Be part of The Mixer family!"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/caesar-salad-with-srimps-glass-wine_140725-3352.jpg"
          imageAlt="The Mixer restaurant entrance"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive updates about The Mixer. We respect your privacy and never share your info."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="The Mixer"
          ariaLabel="The Mixer - Restaurant & Bar footer"
        />
      </div>
    </ThemeProvider>
  );
}