"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Compass, Award, Trophy, Users, MapPin, Clock, Star, Heart, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Maldives Escapes"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Experiences", id: "features" },
            { name: "Packages", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonial" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover Paradise in the Maldives"
          description="Exclusive private tours crafted for unforgettable moments in the world's most pristine tropical destination"
          tag="Luxury Travel"
          tagIcon={Sparkles}
          background={{ variant: "canvas-reveal" }}
          imageSrc="http://img.b2bpic.net/free-photo/maldives-island_1203-2804.jpg"
          imageAlt="Pristine Maldivian island with turquoise waters"
          buttons={[
            { text: "Explore Tours", href: "features" },
            { text: "View Packages", href: "pricing" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Maldives Escapes"
          description={[
            "We specialize in creating bespoke private tour experiences in the Maldives, tailored to your unique preferences and desires. With over a decade of expertise in luxury travel curation, we transform island dreams into unforgettable realities.",            "Our team of experienced guides and travel specialists are passionate about showcasing the best of the Maldives—from hidden coral reefs to exclusive island beaches. Every tour is meticulously planned to ensure comfort, safety, and maximum enjoyment of this tropical paradise.",            "Whether you're seeking adventure, romance, or pure relaxation, we deliver personalized service that exceeds expectations at every turn."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[{ text: "Learn More", href: "about" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Curated Experiences"
          description="Explore our signature tour experiences designed to showcase the magic of the Maldives"
          tag="What We Offer"
          tagIcon={Compass}
          features={[
            {
              id: 1,
              title: "Coral Reef Snorkeling",              description: "Dive into crystal-clear waters to witness vibrant coral ecosystems teeming with tropical marine life. Our guides ensure safe exploration of the world's most stunning underwater landscapes.",              imageSrc: "http://img.b2bpic.net/free-photo/multicolored-tropical-fish-coral_1398-2635.jpg"
            },
            {
              id: 2,
              title: "Sunset Catamaran Cruise",              description: "Sail across turquoise lagoons as the sun paints the sky in golden hues. Enjoy champagne service and gourmet snacks while experiencing the quintessential Maldivian sunset.",              imageSrc: "http://img.b2bpic.net/free-photo/octopus-seen-its-underwater-natural-habitat_23-2151462523.jpg"
            },
            {
              id: 3,
              title: "Multi-Island Exploration",              description: "Visit secluded atolls and pristine beaches accessible only by private boat. Discover uninhabited islands, local fishing villages, and secret swimming spots.",              imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-wild-nature_23-2151443655.jpg"
            },
            {
              id: 4,
              title: "Wellness & Spa Retreat",              description: "Rejuvenate with beachside yoga sessions, traditional Maldivian spa treatments, and meditation on private beaches surrounded by natural beauty.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15403.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[{ text: "Book Experience", href: "contact" }]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Exclusive Tour Packages"
          description="Choose the perfect package for your Maldives adventure. Each includes premium experiences and personalized service."
          tag="Premium Packages"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "luxury-escape",              title: "Luxury Escape",              price: "$4,500",              period: "per person / 3 days",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15404.jpg",              imageAlt: "Luxury beachfront bungalow with private infinity pool",              features: [
                "Private boat with captain and crew",                "Luxury beachfront accommodation",                "Gourmet meals and premium beverages",                "Sunset catamaran cruise with champagne",                "Guided snorkeling at exclusive reefs",                "Personal concierge service"
              ],
              button: { text: "Book Luxury Escape", href: "contact" }
            },
            {
              id: "adventure-seeker",              title: "Adventure Seeker",              price: "$3,200",              period: "per person / 3 days",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15403.jpg",              imageAlt: "Water sports equipment and vibrant coral reef",              features: [
                "Private speedboat with experienced guide",                "Island-hopping to 4+ atolls",                "Water sports: snorkeling, diving, kayaking",                "Beach picnic on secluded islands",                "Visit local fishing villages",                "Professional underwater photography"
              ],
              button: { text: "Book Adventure", href: "contact" }
            },
            {
              id: "romantic-getaway",              title: "Romantic Getaway",              price: "$3,800",              period: "per couple / 2 days",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15405.jpg",              imageAlt: "Sunset couple on beach with romantic dinner setup",              features: [
                "Private boat with rose petal decorations",                "Beachfront dinner for two",                "Sunrise dolphin watching cruise",                "Couples spa treatment on private beach",                "Romantic sunset picnic location",                "Personalized itinerary planning"
              ],
              button: { text: "Book Romance", href: "contact" }
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Maldives Escapes"
          description="Trusted by thousands of travelers for unforgettable island experiences"
          tag="Our Excellence"
          tagIcon={Trophy}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Travelers",              value: "5,000+"
            },
            {
              id: "2",              icon: MapPin,
              title: "Islands Explored",              value: "50+"
            },
            {
              id: "3",              icon: Clock,
              title: "Years Experience",              value: "12"
            },
            {
              id: "4",              icon: Star,
              title: "Rating Average",              value: "4.9/5"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          cardTitle="Trusted by thousands of adventurers and romantics who've experienced paradise with us"
          cardTag="See what our guests say"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg"
            },
            {
              id: "5",              name: "Sophia Anderson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg"
            },
            {
              id: "6",              name: "James Wilson",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Paradise?"
          ctaDescription="Let our travel specialists create your perfect Maldives itinerary. Reach out today to start planning."
          ctaIcon={Phone}
          ctaButton={{ text: "Schedule Consultation", href: "contact" }}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What is the best time to visit the Maldives?",              content: "The dry season (November to March) offers perfect weather with calm seas and excellent visibility. However, the wet season (May to September) provides fewer crowds and great snorkeling opportunities. We customize tours year-round to match weather conditions."
            },
            {
              id: "2",              title: "Are your tours suitable for families with children?",              content: "Absolutely! We offer family-friendly packages with activities suited for all ages. Our experienced guides ensure children have fun while learning about marine life and local culture. We can adjust activity intensity based on family needs."
            },
            {
              id: "3",              title: "What is included in the tour packages?",              content: "Packages include private boat transportation, meals, beverages, guided experiences, and professional photos. Some packages offer additional services like spa treatments, water sports equipment, and private beach setups. We customize inclusions based on preferences."
            },
            {
              id: "4",              title: "How do I book a tour?",              content: "Contact us via our website, email, or phone. Our travel specialists will discuss your preferences, budget, and dates. We'll create a personalized itinerary and arrange all logistics. A deposit secures your booking."
            },
            {
              id: "5",              title: "Do you offer dietary accommodations?",              content: "Yes! We accommodate vegetarian, vegan, gluten-free, and allergy-specific diets. Please inform us of any dietary requirements when booking so our chefs can prepare appropriate meals."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Explore",              items: [
                { label: "Home", href: "#hero" },
                { label: "Experiences", href: "#features" },
                { label: "Packages", href: "#pricing" },
                { label: "About", href: "#about" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Private Tours", href: "#features" },
                { label: "Group Tours", href: "#features" },
                { label: "Custom Itineraries", href: "#contact" },
                { label: "Concierge", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonial" },
                { label: "Contact", href: "#contact" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Booking Terms", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Maldives Escapes. All rights reserved."
          bottomRightText="Crafted for your paradise experience"
        />
      </div>
    </ThemeProvider>
  );
}