"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star, Heart, Home, Sparkles, MessageSquare, DollarSign } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxury Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Book Now", id: "booking" },
          
            { name: "Blog", id: "/blog" },
]}
          bottomLeftText="Your Perfect Escape"
          bottomRightText="contact@luxuryhotel.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Luxury Hotel"
          description="Experience world-class hospitality, breathtaking views, and unforgettable memories in our pristine beachfront resort"
          tag="Five-Star Resort"
          tagIcon={Star}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",              imageAlt: "Luxurious hotel lobby with modern design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Deluxe suite bedroom with ocean views"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Ocean view room with private balcony"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/spa-background_23-2147816896.jpg",              imageAlt: "Infinity swimming pool overlooking the ocean"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",              imageAlt: "Fine dining restaurant with gourmet cuisine"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",              imageAlt: "Luxury spa and wellness center"
            }
          ]}
          buttons={[
            { text: "Book Your Stay", href: "booking" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Discover Your Paradise"
          description="Nestled on pristine shores with 50 years of hospitality excellence, our hotel offers the perfect blend of luxury, comfort, and personalized service. Each moment at our resort is designed to create lasting memories for our valued guests."
          tag="About Our Hotel"
          tagIcon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxury hotel entrance with welcoming design"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#amenities" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Luxurious Room Collections"
          description="Choose from our exquisite selection of thoughtfully designed rooms and suites"
          tag="Our Rooms"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "standard-room",              name: "Standard Room",              price: "$180/night",              variant: "City View • King Bed",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Standard room with city view"
            },
            {
              id: "deluxe-room",              name: "Deluxe Room",              price: "$280/night",              variant: "Ocean View • Premium Amenities",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Deluxe room with ocean view"
            },
            {
              id: "luxury-suite",              name: "Luxury Suite",              price: "$450/night",              variant: "Panoramic Views • Private Balcony",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",              imageAlt: "Luxury suite with premium furnishings"
            },
            {
              id: "presidential-suite",              name: "Presidential Suite",              price: "$650/night",              variant: "Penthouse • Jacuzzi • Concierge",              imageSrc: "https://img.b2bpic.net/free-photo/spa-background_23-2147816896.jpg",              imageAlt: "Presidential suite with luxury amenities"
            }
          ]}
          buttons={[
            { text: "Book a Room", href: "booking" }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureProcessSteps
          title="World-Class Amenities"
          description="Our resort features an array of premium amenities designed to exceed your expectations and provide the ultimate luxury experience"
          tag="Amenities & Services"
          tagIcon={Sparkles}
          useInvertedBackground="noInvert"
          steps={[
            {
              number: "01",              title: "Fine Dining Restaurant",              tag: "Award-Winning",              description: "Savor exquisite international cuisine prepared by our master chefs in an elegant setting overlooking the ocean"
            },
            {
              number: "02",              title: "Spa & Wellness Center",              tag: "Rejuvenation",              description: "Indulge in world-class treatments, therapeutic massages, and personalized wellness programs in our tranquil spa sanctuary"
            },
            {
              number: "03",              title: "Infinity Swimming Pool",              tag: "Panoramic Views",              description: "Experience our stunning infinity pool merging seamlessly with the ocean horizon, perfect for relaxation and enjoyment"
            },
            {
              number: "04",              title: "State-of-the-Art Fitness Center",              tag: "24/7 Access",              description: "Stay active with modern equipment, personal training services, and yoga classes in our fully equipped fitness facility"
            }
          ]}
          buttons={[
            { text: "View All Services", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Real experiences and heartfelt reviews from travelers who've enjoyed their stay at our luxury resort"
          tag="Guest Reviews"
          tagIcon={MessageSquare}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Travel Blogger",              company: "Wanderlust Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sarah Mitchell portrait"
            },
            {
              id: "2",              name: "James Chen",              role: "CEO",              company: "Tech Innovations Ltd",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg",              imageAlt: "James Chen portrait"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Wedding Planner",              company: "Elegant Celebrations",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",              imageAlt: "Emma Rodriguez portrait"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Luxury Travel Consultant",              company: "Premium Travels",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",              imageAlt: "Michael Thompson portrait"
            },
            {
              id: "5",              name: "Olivia Bennett",              role: "Hospitality Expert",              company: "Travel & Leisure",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Olivia Bennett portrait"
            },
            {
              id: "6",              name: "David Park",              role: "Corporate Events Manager",              company: "Global Business Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166070.jpg",              imageAlt: "David Park portrait"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Booking Plans"
          description="Choose the perfect package that suits your needs and budget"
          tag="Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "weekend-escape",              tag: "Weekend Special",              price: "$399",              period: "/night",              description: "Perfect for a quick getaway with premium accommodations",              button: { text: "Book Now", href: "booking" },
              featuresTitle: "What's Included:",              features: [
                "Deluxe room with ocean view",                "Complimentary breakfast buffet",                "Spa discount (20% off)",                "Free WiFi throughout"
              ]
            },
            {
              id: "week-vacation",              tag: "Best Value",              price: "$1,850",              period: "/week",              description: "Extended stay with exclusive perks and savings",              button: { text: "Secure Your Stay", href: "booking" },
              featuresTitle: "What's Included:",              features: [
                "Luxury suite upgrade",                "Daily breakfast & dinner",                "Complimentary spa treatment",                "Personal concierge service",                "Airport transfers"
              ]
            },
            {
              id: "honeymoon-package",              tag: "Romantic Escape",              price: "$2,499",              period: "/3 nights",              description: "Create unforgettable memories with our honeymoon experience",              button: { text: "Plan Romance", href: "booking" },
              featuresTitle: "What's Included:",              features: [
                "Presidential suite with jacuzzi",                "Champagne & chocolate on arrival",                "Couples spa package",                "Private beach dinner",                "Sunset yacht cruise"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience luxury like never before? Our dedicated team is here to help you plan the perfect stay and answer any questions you may have."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Book Your Stay", href: "booking" },
            { text: "Contact Us", href: "https://contact.luxuryhotel.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Luxury Hotel"
          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
          rightLink={{ text: "Terms & Conditions", href: "/terms" }}
        />
      </div>
    </ThemeProvider>
  );
}