"use client";

import Link from "next/link";
import { Sparkles, DoorOpen, Star, Heart, CreditCard, Calendar } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Book Now", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@luxehaven.com"
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Unparalleled Luxury"
          description="Discover a world of elegance and comfort at our five-star hotel. From stunning suites to world-class amenities, your perfect getaway awaits."
          tag="Luxury Hotel"
          tagIcon={Sparkles}
          background={{ variant: "aurora" }}
          buttons={[
            { text: "Book Your Stay", href: "/contact" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Luxury hotel bedroom suite"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
              imageAlt: "Elegant hotel lobby"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/type-entertainment-complex-popular-resort-with-pools-water-parks-turkey-with-more-than-5-million-visitors-year-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer_146671-18728.jpg",
              imageAlt: "Resort swimming pool"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-resort-palm-trees-summer-time_116348-4.jpg",
              imageAlt: "Hotel exterior architecture"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg",
              imageAlt: "Hotel restaurant and dining"
            }
          ]}
        />
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Luxe Haven"
          description="For over 20 years, we have been setting the standard for luxury hospitality."
          tabs={[
            {
              id: "excellence",
              label: "Excellence",
              description: "Our commitment to excellence is reflected in every detail, from the moment you arrive until the moment you depart. We pride ourselves on anticipating guest needs and exceeding expectations."
            },
            {
              id: "location",
              label: "Prime Location",
              description: "Situated in the heart of the city, our hotel offers convenient access to major attractions, business districts, and fine dining establishments. Walk to everything that matters."
            },
            {
              id: "service",
              label: "Premium Service",
              description: "Our award-winning staff provides personalized service 24/7. Whether you need concierge assistance or room service, we're here to make your stay unforgettable."
            },
            {
              id: "sustainability",
              label: "Sustainability",
              description: "We are committed to environmental responsibility through our eco-friendly practices, sustainable sourcing, and green building initiatives."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
          imageAlt="Hotel lobby with luxurious decor"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Rooms Section */}
      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Featured Room Collection"
          description="Browse our selection of luxuriously appointed rooms and suites, each designed for ultimate comfort and style."
          tag="Rooms"
          tagIcon={DoorOpen}
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$180/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Standard hotel room"
            },
            {
              id: "2",
              name: "Deluxe Room",
              price: "$280/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe hotel room"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$550/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Presidential suite"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      {/* Amenities Section */}
      <div id="amenities" data-section="amenities">
        <FeatureCardOne
          title="World-Class Amenities"
          description="Enjoy our extensive facilities designed to ensure a memorable and comfortable stay."
          tag="Amenities"
          tagIcon={Star}
          features={[
            {
              title: "Rejuvenating Spa",
              description: "Indulge in our full-service spa offering massages, facials, and wellness treatments in a serene setting.",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
              imageAlt: "spa wellness massage relaxation luxury"
            },
            {
              title: "State-of-the-Art Fitness",
              description: "Work out in our modern fitness center equipped with the latest exercise equipment and personal training available.",
              imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",
              imageAlt: "fitness gym workout hotel equipment"
            },
            {
              title: "Fine Dining Restaurant",
              description: "Experience culinary excellence at our award-winning restaurant featuring international and local cuisine.",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-enjoying-aromatherapy_1098-1295.jpg",
              imageAlt: "restaurant fine dining cuisine food hotel"
            },
            {
              title: "Business Center",
              description: "Full conference facilities with high-speed internet, meeting rooms, and business support services.",
              imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-with-incense-sticks-soap-blurred-background_169016-26255.jpg",
              imageAlt: "conference meeting room business hotel"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Guest Reviews"
          description="Hear from our satisfied guests about their unforgettable experiences at Luxe Haven."
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              title: "A Perfect Anniversary Retreat",
              quote: "We celebrated our 25th anniversary at Luxe Haven and it was absolutely magical. The service was impeccable, the room was stunning, and the entire experience was unforgettable. We'll definitely be back!",
              name: "Margaret Johnson",
              role: "Traveler",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Margaret Johnson"
            },
            {
              id: "2",
              title: "Exceeded All Expectations",
              quote: "Business travel is rarely enjoyable, but Luxe Haven changed my perspective. The comfort, amenities, and attentive staff made my stay truly exceptional. Highly recommended for business travelers.",
              name: "David Chen",
              role: "Business Executive",
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "3",
              title: "Family Vacation Perfection",
              quote: "Our whole family had an amazing time. The kids loved the pool, we enjoyed the restaurant, and everyone appreciated the beautiful rooms. Luxe Haven is now our go-to destination!",
              name: "Sarah Mitchell",
              role: "Family Traveler",
              imageSrc: "https://img.b2bpic.net/free-photo/stylish-businesswoman-with-glasses_23-2147989567.jpg",
              imageAlt: "Sarah Mitchell"
            }
          ]}
        />
      </div>

      {/* Pricing Section */}
      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Room Rates & Packages"
          description="Choose from our selection of room types and special packages to find the perfect fit for your stay."
          tag="Pricing"
          tagIcon={CreditCard}
          plans={[
            {
              id: "standard",
              price: "$180",
              name: "Standard Room",
              buttons: [
                { text: "Book Now", href: "/contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Queen or Twin Beds",
                "Marble Bathroom",
                "HD Smart TV",
                "Free WiFi",
                "Air Conditioning"
              ]
            },
            {
              id: "deluxe",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$280",
              name: "Deluxe Room",
              buttons: [
                { text: "Book Now", href: "/contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "King Bed with Premium Linens",
                "Luxury Bathroom with Amenities",
                "City View Balcony",
                "Minibar & Coffee Maker",
                "Concierge Service",
                "Free Spa Credit"
              ]
            },
            {
              id: "suite",
              price: "$550",
              name: "Presidential Suite",
              buttons: [
                { text: "Book Now", href: "/contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Separate Living Area",
                "Master Bedroom Suite",
                "Panoramic City Views",
                "Premium Toiletries & Amenities",
                "24/7 Dedicated Concierge",
                "Complimentary Breakfast",
                "Spa & Restaurant Credit"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reservations"
          title="Ready to Book Your Perfect Getaway?"
          description="Reserve your room today and experience the ultimate in luxury hospitality. Our team is ready to assist you with any special requests or questions."
          tagIcon={Calendar}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Get Started"
          termsText="By booking with us, you agree to our Terms and Conditions and Privacy Policy."
        />
      </div>

      {/* Footer */}
      <FooterSimple
        columns={[
          {
            title: "Hotel",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Book Now", href: "/contact" }
            ]
          },
          {
            title: "Guest Services",
            items: [
              { label: "Concierge", href: "#" },
              { label: "Room Service", href: "#" },
              { label: "Spa & Wellness", href: "#" },
              { label: "Restaurant", href: "#" }
            ]
          },
          {
            title: "Information",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Location", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Group Bookings", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" },
              { label: "Cookie Policy", href: "#" },
              { label: "Sitemap", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
        bottomRightText="Crafted for Luxury Hospitality"
      />
    </ThemeProvider>
  );
}