"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Users, Star, Globe, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Paradise Resort"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Rooms", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PARADISE RESORT"
          description="Experience unparalleled luxury nestled on the pristine shores of Puerto Rico. Discover world-class amenities, breathtaking ocean views, and authentic Caribbean hospitality."
          buttons={[
            { text: "Reserve Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "features" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8222.jpg",              imageAlt: "Luxury beachfront resort at sunset"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7909.jpg",              imageAlt: "Infinity pool overlooking the Caribbean"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-tropical-beach-sea-ocean-with-coconut-palm-tree-sunrise-time_74190-7453.jpg",              imageAlt: "Turquoise ocean waves on pristine beach"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Paradise Resort represents the pinnacle of Caribbean luxury hospitality, combining world-class service with the natural beauty of Puerto Rico's most coveted destination."
          metrics={[
            { icon: Award, label: "Years of Excellence", value: "25+" },
            { icon: Users, label: "Satisfied Guests", value: "50K+" },
            { icon: Star, label: "Five-Star Ratings", value: "98%" },
            { icon: Globe, label: "Countries Represented", value: "120+" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Signature Room Collections"
          description="Each room is a sanctuary of comfort and elegance, designed to capture the essence of tropical luxury."
          features={[
            {
              id: 1,
              title: "Deluxe Ocean Suite",              description: "Wake up to panoramic ocean views from your private balcony. Spacious living areas, marble bathrooms, and premium amenities ensure an unforgettable stay with modern convenience and classical elegance.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
              }
            },
            {
              id: 2,
              title: "Spa & Wellness Experience",              description: "Rejuvenate your mind and body at our world-renowned spa. Indulge in signature treatments, access our state-of-the-art fitness center, and discover tranquility in our meditation gardens overlooking the Caribbean.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Curated Room Collections"
          description="Select from our exclusive room categories, each offering unique views and amenities tailored to your perfect Caribbean getaway."
          plans={[
            {
              id: "garden-view",              title: "Garden View Suite",              price: "$299",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-shot-bedroom-with-interior-stuff-beige-tones_181624-33128.jpg",              imageAlt: "Garden view suite with tropical surroundings",              button: { text: "Book Garden Suite", href: "contact" },
              features: [
                "King bed with premium linens",                "Private garden terrace",                "Marble bathroom with rainfall shower",                "Air conditioning and ceiling fans",                "24-hour room service"
              ]
            },
            {
              id: "beachfront-luxury",              title: "Beachfront Luxury Suite",              price: "$599",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Beachfront suite with oceanfront views",              button: { text: "Book Beachfront Suite", href: "contact" },
              features: [
                "Direct beach access",                "Panoramic ocean view balcony",                "Sunken living area",                "Infinity view spa tub",                "Private beach cabana included",                "Premium minibar and wine selection"
              ]
            },
            {
              id: "presidential",              title: "Presidential Penthouse",              price: "$1,199",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Presidential penthouse with exclusive amenities",              button: { text: "Book Penthouse", href: "contact" },
              features: [
                "Three-bedroom sprawling suite",                "360-degree ocean and garden views",                "Private infinity pool",                "Personal concierge service",                "Helicopter landing pad access",                "Michelin-starred dining in your suite"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Voices of Paradise"
          description="Hear from guests who have experienced the magic of Paradise Resort and discovered their perfect Caribbean escape."
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              handle: "@margarettravel",              testimonial: "Paradise Resort exceeded every expectation. The level of service, the stunning views, and the attention to detail made our honeymoon absolutely unforgettable. We're already planning our return.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
            },
            {
              id: "2",              name: "David Rodriguez",              handle: "@davidr_ventures",              testimonial: "As a frequent luxury traveler, I've stayed at the world's finest resorts. Paradise Resort stands among the absolute best. The spa treatments and personalized service were exceptional.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg"
            },
            {
              id: "3",              name: "Sophie Laurent",              handle: "@sophielaurent",              testimonial: "The moment we arrived, we felt completely transported. Every detail was perfect, from the welcome champagne to the sunset dinner on our private beach. This is luxury done right.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg"
            },
            {
              id: "4",              name: "James Mitchell",              handle: "@jamesmitchell",              testimonial: "We brought our family for a week-long celebration, and Paradise Resort made it magical for everyone. The kids loved the beach clubs, and the adults appreciated the sophisticated dining. Perfect for all ages.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg"
            },
            {
              id: "5",              name: "Elena Vasquez",              handle: "@elenav_style",              testimonial: "The beachfront suite was breathtaking. Waking up to the sound of waves and that incredible view made me feel like I was living a dream. The staff remembered every preference.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
            },
            {
              id: "6",              name: "Christopher Hall",              handle: "@christopherhall",              testimonial: "Outstanding in every way. From the moment of booking to the moment we left, everything was seamless. Paradise Resort truly delivers on its promise of luxury and paradise.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Paradise Resort stands as Puerto Rico's most awarded luxury destination, recognized globally for service excellence and sustainability practices."
          tag="By The Numbers"
          metrics={[
            {
              id: "1",              value: "25+",              description: "Years of delivering world-class luxury hospitality to discerning travelers from around the globe."
            },
            {
              id: "2",              value: "450+",              description: "Five-star reviews celebrating our exceptional service, stunning accommodations, and unforgettable experiences."
            },
            {
              id: "3",              value: "98%",              description: "Guest satisfaction rate, the highest in the Caribbean luxury resort industry."
            },
            {
              id: "4",              value: "100%",              description: "Carbon-neutral resort operations powered by renewable energy and sustainable practices."
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about planning your perfect stay at Paradise Resort."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "What is the best time to visit Paradise Resort?",              content: "Paradise Resort welcomes guests year-round. The dry season (December-April) offers perfect weather with warm days and minimal rainfall. However, summer months (June-August) feature vibrant tropical experiences with occasional afternoon showers. Hurricane season (September-November) typically sees fewer crowds and offers exceptional value, with our resort maintaining full operations and comprehensive insurance protections."
            },
            {
              id: "2",              title: "What amenities are included with my room?",              content: "All rooms include premium bedding, air conditioning, marble bathrooms with luxury toiletries, 24-hour room service, complimentary WiFi, flat-screen TV, minibar, and access to our spa and fitness facilities. Beachfront and Presidential suites include additional amenities such as private pools, dedicated concierge service, and exclusive beach access. View your specific room category for detailed inclusions."
            },
            {
              id: "3",              title: "Do you offer all-inclusive packages?",              content: "While we offer room-only rates, we also provide luxury all-inclusive packages that encompass meals at our Michelin-starred restaurants, spa credits, water sports activities, and guided island tours. Custom packages can be tailored to your preferences. Contact our booking team for personalized package pricing and options."
            },
            {
              id: "4",              title: "Is there a cancellation policy?",              content: "Our standard cancellation policy allows free cancellation up to 14 days before arrival. Bookings made within 14 days of arrival are subject to a one-night charge. For flexibility, consider our Premium Rate option with cancellation allowed up to 3 days before arrival. Wedding and group bookings follow specialized policies. Details are provided at booking confirmation."
            },
            {
              id: "5",              title: "What dining options are available?",              content: "Paradise Resort features four world-class restaurants: our oceanfront fine dining establishment (Michelin-starred), a casual beachside grill, an Asian fusion restaurant, and an intimate wine bar. Room service offers 24-hour fine dining in your suite. Special dietary requirements and chef's tasting menus can be arranged with advance notice."
            },
            {
              id: "6",              title: "Are there activities for families with children?",              content: "Absolutely! We offer a supervised kids' club, beach activities, snorkeling excursions, tropical gardens exploration, and family-friendly dining options. Water sports include paddleboarding, kayaking, and diving lessons. Evening entertainment features cultural performances and outdoor movies. Babysitting services are available upon request for parents seeking adult relaxation."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Book Your Escape"
          tagIcon={Sparkles}
          title="Begin Your Paradise Journey"
          description="Reserve your stay at Paradise Resort and immerse yourself in the ultimate Caribbean luxury experience. Our dedicated concierge team is ready to create your perfect getaway with personalized service and attention to every detail."
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Contact Concierge", href: "#" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8221.jpg"
          imageAlt="Aerial view of Paradise Resort"
          logoText="Paradise Resort"
          copyrightText="© 2025 Paradise Resort. All rights reserved. Located in Puerto Rico."
          columns={[
            {
              title: "Rooms & Suites",              items: [
                { label: "Garden View Suite", href: "#pricing" },
                { label: "Beachfront Luxury", href: "#pricing" },
                { label: "Presidential Penthouse", href: "#pricing" }
              ]
            },
            {
              title: "Experiences",              items: [
                { label: "Spa & Wellness", href: "#features" },
                { label: "Fine Dining", href: "#features" },
                { label: "Island Tours", href: "#" },
                { label: "Water Sports", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reservations", href: "#contact" },
                { label: "Concierge", href: "#contact" },
                { label: "Press Inquiries", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}