"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 TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, Star, Award } from "lucide-react";

const assetMap = {
  "hero-main": {
    "url": "http://img.b2bpic.net/free-photo/fruit-juice-with-lemon-slice-cinnamon_140725-44198.jpg",    "alt": "luxurious bar service setup event"
  },
  "testimonial-avatar-1": {
    "url": "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",    "alt": "professional woman smiling portrait"
  },
  "testimonial-avatar-2": {
    "url": "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg",    "alt": "successful man smiling portrait"
  },
  "testimonial-avatar-3": {
    "url": "http://img.b2bpic.net/free-photo/happy-man-dancing-celebrating-new-year_23-2147717194.jpg",    "alt": "young woman elegant portrait"
  },
  "testimonial-avatar-4": {
    "url": "http://img.b2bpic.net/free-photo/full-shot-man-wearing-headphones_23-2148718056.jpg",    "alt": "stylish man smiling portrait"
  },
  "hero-testimonial-1": {
    "url": "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753674.jpg",    "alt": "happy couple wedding event"
  },
  "hero-testimonial-2": {
    "url": "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262129.jpg",    "alt": "corporate event networking smiling"
  },
  "hero-testimonial-3": {
    "url": "http://img.b2bpic.net/free-photo/side-view-woman-drinking-beer_23-2149592918.jpg",    "alt": "private party outdoor bar"
  },
  "hero-testimonial-4": {
    "url": "http://img.b2bpic.net/free-photo/family-celebrating-christmas-southern-hemisphere_23-2149172604.jpg",    "alt": "birthday celebration with cocktails"
  },
  "hero-testimonial-5": {
    "url": "http://img.b2bpic.net/free-photo/confident-cheerful-man-sitting-bar-counter-drinking-beer-networking-smartphone_1157-44620.jpg",    "alt": "exclusive club lounge drinks"
  },
  "about-story": {
    "url": "http://img.b2bpic.net/free-photo/anonymous-bartender-decorating-red-shot-with-cream-fruit_23-2148209426.jpg",    "alt": "mixologist crafting cocktail close-up"
  },
  "feature-cocktail": {
    "url": "http://img.b2bpic.net/free-photo/glass-blue-lagoon-with-berries_140725-1449.jpg",    "alt": "signature cocktail garnish smoke"
  },
  "feature-bartender": {
    "url": "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",    "alt": "smiling bartender serving drinks"
  },
  "feature-mobile-bar": {
    "url": "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17807.jpg",    "alt": "sleek mobile bar setup event"
  },
  "product-old-fashioned": {
    "url": "http://img.b2bpic.net/free-photo/glass-goblet-with-red-smoky-liquid_23-2147905761.jpg",    "alt": "smoked old fashioned cocktail dark"
  },
  "product-martini": {
    "url": "http://img.b2bpic.net/free-photo/glass-gin-tonic-with-lime-ice-wooden-table-close-up-still-life-copy-space_639032-2012.jpg",    "alt": "tropical breeze martini vibrant"
  },
  "product-paloma": {
    "url": "http://img.b2bpic.net/free-photo/grapefruit-orange-juice-with-ice_140725-10737.jpg",    "alt": "spiced paloma cocktail grapefruit"
  },
  "product-mocktail": {
    "url": "http://img.b2bpic.net/free-photo/refreshing-lemonade-with-crushed-ice-berries_140725-8022.jpg",    "alt": "berry blast mocktail non-alcoholic"
  },
  "product-gin-fizz": {
    "url": "http://img.b2bpic.net/free-photo/ingredients-fresh-ginger-lemon-cinnamon-sticks-honey-dried-cloves-making-immunity-boosting-healthy-vitamin-drink_2831-828.jpg",    "alt": "cucumber gin fizz refreshing"
  },
  "product-espresso-martini": {
    "url": "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg",    "alt": "espresso martini coffee cocktail"
  },
  "testimonial-img-1": {
    "url": "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575133.jpg",    "alt": "happy wedding couple party"
  },
  "testimonial-avatar-group-1": {
    "url": "http://img.b2bpic.net/free-photo/two-smiling-young-men-holding-beer-glasses-looking-their-friend_23-2148154071.jpg",    "alt": "diverse group young professionals"
  },
  "testimonial-avatar-group-2": {
    "url": "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg",    "alt": "diverse group young professionals"
  },
  "testimonial-avatar-group-3": {
    "url": "http://img.b2bpic.net/free-photo/happy-excited-young-business-colleagues-make-winner-gesture_171337-881.jpg",    "alt": "diverse group young professionals"
  },
  "testimonial-avatar-group-4": {
    "url": "http://img.b2bpic.net/free-photo/top-view-happy-friends-laying-together_23-2149339488.jpg",    "alt": "diverse group young professionals"
  },
  "feature-cocktail__2": {
    "url": "http://img.b2bpic.net/free-photo/refreshing-fruit-drink-from-dried-fruits_140725-1277.jpg",    "alt": "signature cocktail garnish smoke"
  },
  "product-paloma__2": {
    "url": "http://img.b2bpic.net/free-photo/top-view-copy-space-lime-with-orange-slice-cinnamon-cutting-board-gray-background_141793-49768.jpg",    "alt": "spiced paloma cocktail grapefruit"
  },
  "product-gin-fizz__2": {
    "url": "http://img.b2bpic.net/free-photo/delicious-mezcal-beverage-composition_23-2148935269.jpg",    "alt": "cucumber gin fizz refreshing"
  }
};

function getAssetUrl(id) {
  return assetMap[id]?.url || "";
}

function getAssetAlt(id) {
  return assetMap[id]?.alt || "";
}

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: getAssetUrl("hero-testimonial-1") },
            { 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: getAssetUrl("hero-testimonial-2") },
            { 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: getAssetUrl("hero-testimonial-3") },
            { 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: getAssetUrl("hero-testimonial-4") },
            { 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: getAssetUrl("hero-testimonial-5") }
          ]}
          imageSrc={getAssetUrl("hero-main")}
          imageAlt={getAssetAlt("hero-main")}
          textPosition="bottom"
          showBlur={true}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Your Event", href: "#contact" },
            { text: "Explore Services", href: "#services" }
          ]}
          avatars={[
            { src: getAssetUrl("testimonial-avatar-1"), alt: getAssetAlt("testimonial-avatar-1") },
            { src: getAssetUrl("testimonial-avatar-2"), alt: getAssetAlt("testimonial-avatar-2") },
            { src: getAssetUrl("testimonial-avatar-3"), alt: getAssetAlt("testimonial-avatar-3") },
            { src: getAssetUrl("testimonial-avatar-4"), alt: getAssetAlt("testimonial-avatar-4") }
          ]}
          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={getAssetUrl("about-story")}
          imageAlt={getAssetAlt("about-story")}
          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: getAssetUrl("feature-cocktail"), imageAlt: getAssetAlt("feature-cocktail") },
            { title: "Professional Bartending Staff", description: "Highly trained, charismatic, and efficient mixologists who bring flair and professionalism to every drink served at your event.", imageSrc: getAssetUrl("feature-bartender"), imageAlt: getAssetAlt("feature-bartender") },
            { 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: getAssetUrl("feature-mobile-bar"), imageAlt: getAssetAlt("feature-mobile-bar") },
            { title: "Premium Beverage Selection", description: "Access to a meticulously curated selection of top-shelf spirits, fine wines, craft beers, and non-alcoholic options.", imageSrc: getAssetUrl("product-gin-fizz"), imageAlt: getAssetAlt("product-gin-fizz") },
            { 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: getAssetUrl("product-paloma"), imageAlt: getAssetAlt("product-paloma") },
            { 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: getAssetUrl("feature-cocktail__2"), imageAlt: getAssetAlt("feature-cocktail__2") }
          ]}
        />
      </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: getAssetUrl("product-old-fashioned"), imageAlt: getAssetAlt("product-old-fashioned") },
            { id: "2", brand: "MESUAKA Originals", name: "Tropical Breeze Martini", price: "$16", rating: 5, reviewCount: "190 Reviews", imageSrc: getAssetUrl("product-martini"), imageAlt: getAssetAlt("product-martini") },
            { id: "3", brand: "MESUAKA Originals", name: "Spiced Paloma", price: "$15", rating: 4, reviewCount: "150 Reviews", imageSrc: getAssetUrl("product-paloma__2"), imageAlt: getAssetAlt("product-paloma__2") },
            { id: "4", brand: "MESUAKA Originals", name: "Berry Blast Mocktail", price: "$12", rating: 5, reviewCount: "210 Reviews", imageSrc: getAssetUrl("product-mocktail"), imageAlt: getAssetAlt("product-mocktail") },
            { id: "5", brand: "MESUAKA Originals", name: "Cucumber Gin Fizz", price: "$17", rating: 5, reviewCount: "180 Reviews", imageSrc: getAssetUrl("product-gin-fizz__2"), imageAlt: getAssetAlt("product-gin-fizz__2") },
            { id: "6", brand: "MESUAKA Originals", name: "Espresso Martini", price: "$19", rating: 5, reviewCount: "230 Reviews", imageSrc: getAssetUrl("product-espresso-martini"), imageAlt: getAssetAlt("product-espresso-martini") }
          ]}
        />
      </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">
        <TestimonialCardTen
          tag="Testimonials"
          title="What Our Clients Say"
          description="Hear from those who've experienced the MESUAKA difference firsthand."
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              title: "Flawless Wedding Experience!",              quote: "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!",              name: "Jessica L.",              role: "Happy Bride",              imageSrc: getAssetUrl("testimonial-avatar-group-1")
            }
          ]}
        />
      </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">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Plan Your Perfect Event?"
          description="Enter your email to receive a personalized quote and discuss how MESUAKA can make your next event unforgettable!"
          inputPlaceholder="Enter your email"
          buttonText="Request Quote"
          termsText="By entering your email, you agree to our privacy policy and terms of service."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "Company", items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
            { title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "Packages", href: "#packages" }, { label: "Testimonials", href: "#testimonials" }] },
            { title: "Legal & Contact", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
          bottomLeftText="© 2024 MESUAKA. All rights reserved."
          bottomRightText="Powered by Webild"
        />
      </div>
    </ThemeProvider>
  );
}