"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Star, ChefHat, Gift, Briefcase, Users, Calendar, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Dining", id: "dining" },
            { name: "Cocktails", id: "cocktails" },
            { name: "Events", id: "events" },
            { name: "Reserve", id: "reservation" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Cavo Dubai"
          bottomLeftText="Dubai's Premier Lounge"
          bottomRightText="+971 4 XXX XXXX"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Dubai's Most Stylish Dining & Lounge Experience"
          description="Premium dining, handcrafted cocktails, and unforgettable nights with views of the Burj Khalifa. Reserve your table now."
          tag="Luxury Venue"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",              imageAlt: "Cavo Dubai luxury lounge interior"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg",              imageAlt: "Premium lounge seating area"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hammocks-with-city-background_1203-691.jpg",              imageAlt: "Rooftop lounge with city views"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg",              imageAlt: "Premium sushi presentation"
            }
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices-assortment_23-2149486835.jpg",              imageAlt: "Handcrafted signature cocktail"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg",              imageAlt: "Gourmet seafood plate"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722541.jpg",              imageAlt: "Sophisticated lounge design"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2826.jpg",              imageAlt: "Private event space"
            }
          ]}
          buttons={[
            { text: "Reserve a Table", href: "#reservation" },
            { text: "Call Now", href: "tel:+971" }
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
          useInvertedBackground={false}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <TestimonialCardOne
          title="⭐ 4.8 / 5 from 3,606 Reviews"
          description="Loved by guests for exceptional food, incredible atmosphere, and unforgettable nights out in Dubai."
          tag="Guest Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Absolutely Delicious Food",              role: "Verified Guest",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg",              imageAlt: "happy customer smiling professional portrait photo"
            },
            {
              id: "2",              name: "Beautiful Interior & Vibes",              role: "Dubai Tourist",              company: "TripAdvisor",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",              imageAlt: "woman smiling professional headshot portrait"
            },
            {
              id: "3",              name: "Incredible Energy & Service",              role: "Local Resident",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              imageAlt: "man professional portrait headshot smiling"
            },
            {
              id: "4",              name: "Perfect Night Out",              role: "Groups & Friends",              company: "Instagram",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",              imageAlt: "professional woman headshot portrait smiling"
            },
            {
              id: "5",              name: "Premium Cocktails & Ambiance",              role: "Cocktail Enthusiast",              company: "Google Reviews",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",              imageAlt: "professional man portrait headshot confident"
            },
            {
              id: "6",              name: "Best Sushi in Dubai",              role: "Food Blogger",              company: "Instagram",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280722.jpg",              imageAlt: "professional woman portrait headshot confident"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureBento
          title="The Cavo Dubai Experience"
          description="Discover what makes Cavo Dubai the ultimate destination for premium dining, cocktails, and nightlife."
          tag="Venue Highlights"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              title: "Signature Dining",              description: "Fresh sushi, premium seafood, and beautifully crafted dishes designed for sharing.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg",                  imageAlt: "Premium sushi platter"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg",                  imageAlt: "Gourmet seafood plate"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-pieces-blue-ceramic-plate-with-salad_114579-1995.jpg",                  imageAlt: "Fine dining presentation"
                }
              ]
            },
            {
              title: "Handcrafted Cocktails",              description: "Signature mixology featuring premium spirits and fresh ingredients curated by expert bartenders.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices-assortment_23-2149486835.jpg",                  imageAlt: "Signature cocktail"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150494261.jpg",                  imageAlt: "Cocktail preparation"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg",                  imageAlt: "Premium bar setting"
                }
              ]
            },
            {
              title: "Stylish Atmosphere",              description: "Instagram-worthy design with soft lighting, elegant furnishings, and stunning Burj Khalifa views.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/hammocks-with-city-background_1203-691.jpg",                  imageAlt: "Rooftop lounge views"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722541.jpg",                  imageAlt: "Sophisticated interior design"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",                  imageAlt: "Premium lounge ambiance"
                }
              ]
            },
            {
              title: "Perfect For Events",              description: "Private spaces available for birthdays, corporate gatherings, and unforgettable celebrations.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2826.jpg",                  imageAlt: "Event space setup"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2276.jpg",                  imageAlt: "Fine dining table setting"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg",                  imageAlt: "Venue ambiance"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Featured Menu Items"
          description="Explore our signature dishes and seasonal specialties that keep guests coming back."
          tag="Bestsellers"
          tagIcon={ChefHat}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={true}
          products={[
            {
              id: "1",              name: "Teriyaki Salmon",              price: "AED 125",              variant: "Fresh Sushi  Premium Cut",              imageSrc: "http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg",              imageAlt: "Teriyaki Salmon"
            },
            {
              id: "2",              name: "Signature Sushi Platter",              price: "AED 185",              variant: "Mixed Selection  Serves 2-3",              imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-pieces-blue-ceramic-plate-with-salad_114579-1995.jpg",              imageAlt: "Signature Sushi Platter"
            },
            {
              id: "3",              name: "Premium Seafood Medley",              price: "AED 150",              variant: "Fresh Catch  Chef's Selection",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg",              imageAlt: "Premium Seafood Medley"
            },
            {
              id: "4",              name: "Handcrafted Cocktail",              price: "AED 65",              variant: "Signature Mix  Premium Spirits",              imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices-assortment_23-2149486835.jpg",              imageAlt: "Handcrafted Cocktail"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="highlights" data-section="highlights">
        <TextSplitAbout
          title="Why Guests Love Cavo Dubai"
          description={[
            "Cavo Dubai is more than just a restaurant—it's an experience. We combine premium cuisine, exceptional service, and a vibrant atmosphere to create unforgettable nights in Dubai.",            "✓ 4.8-star rating from 3,600+ guests\n✓ Stylish Dubai lounge experience\n✓ Premium food and handcrafted cocktails\n✓ Friendly, professional staff\n✓ Beautiful, Instagram-worthy interior\n✓ Valet parking available\n✓ Perfect for nights out, dates, and celebrations"
          ]}
          buttons={[
            { text: "Reserve Your Table", href: "#reservation" }
          ]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="events" data-section="events">
        <PricingCardEight
          title="Events & Private Bookings"
          description="Create unforgettable moments with Cavo Dubai as your venue. We specialize in birthdays, corporate events, and group celebrations."
          tag="Private Events"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          plans={[
            {
              id: "birthday",              badge: "Popular",              badgeIcon: Gift,
              price: "Custom Pricing",              subtitle: "Birthday parties for groups up to 50",              buttons: [
                { text: "Book Event", href: "#reservation" }
              ],
              features: [
                "Private or semi-private space",                "Customized menu & cocktails",                "Dedicated event coordinator",                "Special birthday presentation",                "Valet parking for guests"
              ]
            },
            {
              id: "corporate",              badge: "Professional",              badgeIcon: Briefcase,
              price: "Custom Pricing",              subtitle: "Corporate dinners and team celebrations",              buttons: [
                { text: "Inquire Now", href: "#reservation" }
              ],
              features: [
                "Private dining area",                "Team menu options",                "Professional service",                "Audio/visual capabilities",                "Custom beverage packages"
              ]
            },
            {
              id: "group",              badge: "Flexible",              badgeIcon: Users,
              price: "Custom Pricing",              subtitle: "Group dinners and special occasions",              buttons: [
                { text: "Reserve Group", href: "#reservation" }
              ],
              features: [
                "Flexible group sizes",                "Special group pricing",                "Reservation assistance",                "Menu customization",                "Perfect for celebrations"
              ]
            }
          ]}
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactSplit
          tag="Ready to Reserve?"
          tagIcon={Calendar}
          tagAnimation="slide-up"
          title="Book Your Table at Cavo Dubai"
          description="Join us for an unforgettable dining experience. Reserve your table now or call us for immediate availability."
          background={{ variant: "circleGradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/hammocks-with-city-background_1203-691.jpg"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get Updates"
          termsText="We respect your privacy. You can unsubscribe at any time. Call +971 4 XXX XXXX for immediate reservations."
        />
      </div>

      <div id="location" data-section="location">
        <MetricCardFourteen
          title="Located in the heart of Dubai with stunning views of the Burj Khalifa and easy access for guests."
          tag="Our Location"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "2 Min",              description: "From Burj Khalifa"
            },
            {
              id: "2",              value: "Premium",              description: "Valet Parking Available"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about dining at Cavo Dubai."
          tag="Help & Information"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I make a reservation?",              content: "You can reserve a table through our website reservation form, call us directly at +971 4 XXX XXXX, or use popular reservation platforms. We recommend booking in advance, especially for weekends and special occasions."
            },
            {
              id: "2",              title: "What is your cuisine style?",              content: "We specialize in premium dining with a focus on fresh sushi, premium seafood, and handcrafted cocktails. Our menu features both signature dishes and seasonal specials prepared by our expert chefs."
            },
            {
              id: "3",              title: "Do you host private events?",              content: "Yes! We have private and semi-private spaces available for birthdays, corporate events, and group celebrations. Contact us to discuss your event requirements and customize your experience."
            },
            {
              id: "4",              title: "Is parking available?",              content: "Yes, we offer complimentary valet parking for all our guests. Just mention you're dining at Cavo Dubai when you arrive."
            },
            {
              id: "5",              title: "What is your dress code?",              content: "Smart casual attire is recommended. We're a premium venue, so we kindly ask guests to dress appropriately for an upscale dining experience."
            },
            {
              id: "6",              title: "Can I book a group reservation?",              content: "Absolutely! We welcome group reservations and can accommodate various group sizes. Please contact us directly at +971 4 XXX XXXX for group bookings and special pricing."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Cavo Dubai"
          copyrightText="© 2025 Cavo Dubai. All rights reserved."
          columns={[
            {
              title: "Dining",              items: [
                { label: "Menu", href: "#" },
                { label: "Reservations", href: "#reservation" },
                { label: "Reviews", href: "#" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "About", href: "#" },
                { label: "Atmosphere", href: "#experience" },
                { label: "Events", href: "#events" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone", href: "tel:+971" },
                { label: "Email", href: "mailto:info@cavodubai.ae" },
                { label: "Location", href: "#location" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
