"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Star, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="medium"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="MESUAKA"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Menu", id: "menu" },
            { name: "Packages", id: "packages" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      <div id="home" data-section="home">
        <HeroOverlayTestimonial
          title="Experience MESUAKA: Crafting Unforgettable Moments"
          description="Where every sip tells a story. We bring the ultimate bar experience directly to your event with bespoke cocktails and professional service."
          testimonials={[
            { name: "Liam P.", handle: "@liam_events", testimonial: "MESUAKA delivered an exceptional bar service for our corporate gala. The staff was professional, and the cocktails were a huge hit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753674.jpg" },
            { name: "Olivia M.", handle: "@olivia_weddings", testimonial: "Our wedding bar was absolutely perfect thanks to MESUAKA. The custom drinks were amazing, and everyone loved the friendly bartenders.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262129.jpg" },
            { name: "Noah J.", handle: "@noah_parties", testimonial: "Highly recommend MESUAKA for any private event! They tailored the menu to our theme, and the service was seamless from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-drinking-beer_23-2149592918.jpg" },
            { name: "Ava R.", handle: "@ava_celebrations", testimonial: "The MESUAKA team made my birthday party unforgettable. The drinks were creative, and the mobile bar looked fantastic in our venue.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-christmas-southern-hemisphere_23-2149172604.jpg" },
            { name: "Ethan C.", handle: "@ethan_hospitality", testimonial: "As an event organizer, I'm always looking for reliable partners. MESUAKA exceeded expectations with their top-notch service and quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-man-sitting-bar-counter-drinking-beer-networking-smartphone_1157-44620.jpg" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/fruit-juice-with-lemon-slice-cinnamon_140725-44198.jpg"
          imageAlt="luxurious bar service setup event"
          textPosition="bottom"
          showBlur={true}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Your Event", href: "#contact" },
            { text: "Explore Services", href: "#services" }
          ]}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "professional woman smiling portrait" },
            { src: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg", alt: "successful man smiling portrait" },
            { src: "http://img.b2bpic.net/free-photo/happy-man-dancing-celebrating-new-year_23-2147717194.jpg", alt: "young woman elegant portrait" },
            { src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-headphones_23-2148718056.jpg", alt: "stylish man smiling portrait" }
          ]}
          avatarText="Join 100+ happy clients!"
        />
      </div>
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Passion for Mixology, Delivered to You"
          description="MESUAKA was born from a love for exceptional drinks and flawless hospitality. We transform ordinary gatherings into extraordinary celebrations."
          subdescription="From intimate parties to grand galas, our expert bartenders and curated menus ensure a memorable experience tailored to your unique taste and vision."
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/anonymous-bartender-decorating-red-shot-with-cream-fruit_23-2148209426.jpg"
          imageAlt="mixologist crafting cocktail close-up"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardSix
          tag="Our Services"
          title="Tailored Bar Experiences for Every Occasion"
          description="Discover the range of premium services MESUAKA offers to make your event truly special, sophisticated, and stress-free."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            { title: "Signature Cocktail Creation", description: "Bespoke drinks designed to reflect your event's theme and personal preferences, crafted by our award-winning mixologists.", imageSrc: "http://img.b2bpic.net/free-photo/glass-blue-lagoon-with-berries_140725-1449.jpg", imageAlt: "signature cocktail garnish smoke" },
            { title: "Professional Bartending Staff", description: "Highly trained, charismatic, and efficient mixologists who bring flair and professionalism to every drink served at your event.", imageSrc: "http://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-sitting-drinking-whiskey-multiethnic-male-bachelor-mafia-party-restaurant_627829-13799.jpg", imageAlt: "smiling bartender serving drinks" },
            { title: "Elegant Mobile Bar Setup", description: "Our stylish and fully equipped mobile bars are customized to seamlessly integrate with any venue, enhancing your event's aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17807.jpg", imageAlt: "sleek mobile bar setup event" },
            { title: "Premium Beverage Selection", description: "Access to a meticulously curated selection of top-shelf spirits, fine wines, craft beers, and non-alcoholic options.", imageSrc: "http://img.b2bpic.net/free-photo/ingredients-fresh-ginger-lemon-cinnamon-sticks-honey-dried-cloves-making-immunity-boosting-healthy-vitamin-drink_2831-828.jpg", imageAlt: "cucumber gin fizz refreshing" },
            { title: "Custom Menu Design", description: "Collaborate with our team to create a personalized drink menu that perfectly complements your event's theme and guest preferences.", imageSrc: "http://img.b2bpic.net/free-photo/grapefruit-orange-juice-with-ice_140725-10737.jpg", imageAlt: "spiced paloma cocktail grapefruit" },
            { title: "Event Consultation & Planning", description: "From initial concept to flawless execution, our dedicated team provides expert guidance and support for all your bar service needs.", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-fruit-drink-from-dried-fruits_140725-1277.jpg", imageAlt: "signature cocktail garnish smoke" }
          ]}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardTwo
          tag="Our Menu Highlights"
          title="Taste the MESUAKA Difference"
          description="A glimpse into our most requested and innovative drink creations, meticulously crafted with premium ingredients and a touch of MESUAKA magic."
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={true}
          products={[
            { id: "1", brand: "MESUAKA Originals", name: "Smoked Old Fashioned", price: "$18", rating: 5, reviewCount: "245 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/glass-goblet-with-red-smoky-liquid_23-2147905761.jpg", imageAlt: "smoked old fashioned cocktail dark" },
            { id: "2", brand: "MESUAKA Originals", name: "Tropical Breeze Martini", price: "$16", rating: 5, reviewCount: "190 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/glass-gin-tonic-with-lime-ice-wooden-table-close-up-still-life-copy-space_639032-2012.jpg", imageAlt: "tropical breeze martini vibrant" },
            { id: "3", brand: "MESUAKA Originals", name: "Spiced Paloma", price: "$15", rating: 4, reviewCount: "150 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-copy-space-lime-with-orange-slice-cinnamon-cutting-board-gray-background_141793-49768.jpg", imageAlt: "spiced paloma cocktail grapefruit" },
            { id: "4", brand: "MESUAKA Originals", name: "Berry Blast Mocktail", price: "$12", rating: 5, reviewCount: "210 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-lemonade-with-crushed-ice-berries_140725-8022.jpg", imageAlt: "berry blast mocktail non-alcoholic" },
            { id: "5", brand: "MESUAKA Originals", name: "Cucumber Gin Fizz", price: "$17", rating: 5, reviewCount: "180 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-composition_23-2148935269.jpg", imageAlt: "cucumber gin fizz refreshing" },
            { id: "6", brand: "MESUAKA Originals", name: "Espresso Martini", price: "$19", rating: 5, reviewCount: "230 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg", imageAlt: "espresso martini coffee cocktail" }
          ]}
        />
      </div>
      <div id="packages" data-section="packages">
        <PricingCardEight
          tag="Event Packages"
          title="Flexible Packages for Every Celebration"
          description="Choose from our expertly crafted packages or let us design a custom solution for your unique event needs. All packages include a professional bartender."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          plans={[
            { id: "basic", badge: "Value", badgeIcon: Sparkles, price: "$500", subtitle: "Perfect for Smaller Gatherings", buttons: [{ text: "Select Basic", href: "#contact" }], features: ["2 Hours of Bar Service", "Standard Cocktail Menu", "Basic Spirits Selection", "Glassware & Ice Included"] },
            { id: "premium", badge: "Popular", badgeIcon: Star, price: "$950", subtitle: "Elevate Your Event Experience", buttons: [{ text: "Select Premium", href: "#contact" }], features: ["4 Hours of Bar Service", "Signature Cocktail Options", "Premium Spirits Selection", "Custom Garnishes & Mixers"] },
            { id: "ultimate", badge: "Luxury", badgeIcon: Award, price: "$1500", subtitle: "The Full MESUAKA Indulgence", buttons: [{ text: "Select Ultimate", href: "#contact" }], features: ["6 Hours of Bar Service", "Fully Custom Cocktail Menu", "Top-Shelf Spirits & Liqueurs", "Dedicated Mixologist Team", "Interactive Cocktail Station"] }
          ]}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="MESUAKA transformed our wedding reception into an absolute blast! The cocktails were exquisite, and the bartenders were incredibly engaging and fun. Our guests couldn't stop raving about the entire bar experience. Highly recommend their professional and personalized service!"
          rating={5}
          author="Jessica L., Happy Bride"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/two-smiling-young-men-holding-beer-glasses-looking-their-friend_23-2148154071.jpg", alt: "diverse group young professionals" },
            { src: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg", alt: "diverse group young professionals" },
            { src: "http://img.b2bpic.net/free-photo/happy-excited-young-business-colleagues-make-winner-gesture_171337-881.jpg", alt: "diverse group young professionals" },
            { src: "http://img.b2bpic.net/free-photo/top-view-happy-friends-laying-together_23-2149339488.jpg", alt: "diverse group young professionals" }
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          tag="Partners & Recognition"
          title="Trusted by Leading Event Organizers and Brands"
          description="We've had the pleasure of partnering with renowned brands and event planners, consistently delivering exceptional bar services and unforgettable experiences."
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Luxury Weddings Magazine",            "City Food Festival",            "Corporate Event Solutions",            "Grand Gala Events",            "Local Craft Breweries",            "Hotel Chain Group",            "Music Fest Organizers",            "Gourmet Catering Co.",            "High-End Venues Inc."
          ]}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          title="Ready to Plan Your Perfect Event?"
          description="Contact us today to discuss your specific needs, explore our bespoke options, and receive a personalized quote. Let's make your next event truly unforgettable!"
          buttons={[
            { text: "Request a Quote", href: "#" },
            { text: "Call Us Now", href: "tel:+1234567890" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="MESUAKA"
          columns={[
            { items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
            { items: [{ label: "Menu", href: "#menu" }, { label: "Packages", href: "#packages" }, { label: "Testimonials", href: "#testimonials" }] },
            { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
