"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Star, Sparkles, Mail, Phone, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="fluid"
      cardStyle="spotlight"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxury Stays"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Experience Luxury Hospitality"
          description="Discover your perfect retreat at our premium hotel. Immerse yourself in world-class comfort, exceptional service, and unforgettable memories."
          tag="5-Star Hotel"
          tagIcon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
          imageAlt="Luxury hotel lobby and entrance"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg", alt: "Guest" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg", alt: "Guest" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285661408-9193cfrh.png", alt: "Guest" }
          ]}
          avatarText="Join 10,000+ satisfied guests"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout
          tag="About Our Hotel"
          description="Since 1995, we have been committed to delivering exceptional hospitality experiences. Our dedicated team ensures every guest enjoys personalized service, luxurious accommodations, and world-class amenities. We combine timeless elegance with modern comfort to create unforgettable stays."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <FeatureCardThirteen
          title="Our Room Collection"
          description="Choose from our carefully curated selection of rooms and suites, each designed for maximum comfort and elegance."
          tag="Accommodations"
          features={[
            {
              id: "01",
              title: "Standard Room",
              description: "Cozy and comfortable rooms perfect for business travelers and couples. Features modern amenities, premium bedding, and city views."
            },
            {
              id: "02",
              title: "Deluxe Room",
              description: "Spacious rooms with luxury furnishings, marble bathrooms, and premium toiletries. Ideal for extended stays and special occasions."
            },
            {
              id: "03",
              title: "Premium Suite",
              description: "Our finest accommodations with separate living areas, panoramic views, and personalized concierge service available 24/7."
            },
            {
              id: "04",
              title: "Presidential Suite",
              description: "Ultimate luxury with multi-room layouts, state-of-the-art technology, and exclusive access to our VIP lounge and amenities."
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="amenities" data-section="amenities">
        <ProductCardFour
          title="World-Class Amenities"
          description="From spa to fitness center, our premium facilities are designed to enhance your stay and create lasting memories."
          tag="Features"
          products={[
            {
              id: "spa",
              name: "Spa & Wellness Center",
              price: "Complimentary",
              variant: "Massage, sauna, steam room",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg",
              imageAlt: "Spa and wellness center"
            },
            {
              id: "gym",
              name: "24/7 Fitness Center",
              price: "Complimentary",
              variant: "Equipment, yoga classes, personal training",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285660236-k27cgnlo.jpg",
              imageAlt: "Modern fitness center"
            },
            {
              id: "pool",
              name: "Olympic Pool",
              price: "Complimentary",
              variant: "Heated water, kids area, lounging deck",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754766208-6g0aukkl.jpg",
              imageAlt: "Resort swimming pool"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Room Packages"
          description="Choose the perfect package for your needs. All rates include complimentary breakfast and airport transfers."
          tag="Best Rates"
          plans={[
            {
              id: "weekend",
              badge: "Popular",
              badgeIcon: Sparkles,
              price: "$189/night",
              subtitle: "Perfect for weekend getaways",
              buttons: [{ text: "Book Now", href: "contact" }],
              features: [
                "Deluxe room with city view",
                "Complimentary breakfast",
                "Free Wi-Fi and parking",
                "Pool and gym access",
                "Room service available"
              ]
            },
            {
              id: "extended",
              badge: "Best Value",
              badgeIcon: Sparkles,
              price: "$149/night",
              subtitle: "Great for 7+ night stays",
              buttons: [{ text: "Book Now", href: "contact" }],
              features: [
                "Standard room with amenities",
                "Complimentary breakfast daily",
                "Free Wi-Fi and parking",
                "Full facility access",
                "Late checkout available"
              ]
            },
            {
              id: "luxury",
              badge: "Premium",
              badgeIcon: Sparkles,
              price: "$349/night",
              subtitle: "Our most luxurious experience",
              buttons: [{ text: "Book Now", href: "contact" }],
              features: [
                "Premium suite with lounge access",
                "Breakfast and evening appetizers",
                "Concierge service 24/7",
                "Spa credits included",
                "Priority everything"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Read heartfelt reviews from travelers who have experienced our hospitality."
          tag="Testimonials"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "@sarahmitchell",
              testimonial: "An absolute dream stay! The staff was incredibly attentive, the rooms were immaculate, and the amenities were world-class. Will definitely return.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Rodriguez",
              handle: "@jamesrod",
              testimonial: "Perfect location, beautiful rooms, and exceptional service. The spa treatment was the highlight of my business trip. Highly recommended!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "James Rodriguez"
            },
            {
              id: "3",
              name: "Emma Thompson",
              handle: "@emmathompson",
              testimonial: "We celebrated our anniversary here and it was magical. Every detail was perfect, from the room setup to the personalized service.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285661408-9193cfrh.png",
              imageAlt: "Emma Thompson"
            },
            {
              id: "4",
              name: "Michael Chen",
              handle: "@mchen",
              testimonial: "Outstanding value for money. The breakfast buffet is incredible, and the 24/7 fitness center is excellent. Will book again soon.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767202265921-ux6avpeh.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              handle: "@lisaanderson",
              testimonial: "Stayed for a week with my family. Kids loved the pool, we loved the spa. The staff made everything seamless and enjoyable.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "David Park",
              handle: "@davidpark",
              testimonial: "Premium experience at reasonable rates. The attention to detail is remarkable. This is my go-to hotel whenever I visit the city.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageAlt: "David Park"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Book Your Stay?"
          description="Sign up for exclusive offers, travel tips, and special promotions delivered directly to your inbox."
          tagIcon={Mail}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime or visit our privacy policy."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Luxury Stays"
          title="Experience Unforgettable Moments at Our Premium Hotel"
          columns={[
            {
              title: "Rooms",
              items: [
                { label: "Standard Room", href: "#rooms" },
                { label: "Deluxe Room", href: "#rooms" },
                { label: "Premium Suite", href: "#rooms" },
                { label: "Presidential Suite", href: "#rooms" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "#about" },
                { label: "Amenities", href: "#amenities" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Policies",
              items: [
                { label: "Cancellation Policy", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Settings", href: "#" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "+1 (555) 123-4567" },
            { icon: Mail, text: "reservations@luxurystays.com" },
            { icon: MapPin, text: "123 Prestige Boulevard, Downtown City, ST 12345" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}