"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Home, Sparkles, Star, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LuxeStay"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Book Now", href: "https://booking.example.com" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Timeless Luxury and Comfort"
          description="Discover an exquisite retreat where world-class service meets contemporary elegance. Nestled in a prime location, our hotel offers the perfect sanctuary for discerning travelers seeking unforgettable experiences."
          tag="5-Star Hotel"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxury hotel exterior and lobby"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "https://booking.example.com" },
            { text: "Explore Rooms", href: "#rooms" },
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardThree
          title="Premium Amenities"
          description="Indulge in our comprehensive collection of world-class facilities designed for your comfort and pleasure"
          tag="Facilities"
          tagIcon={Star}
          features={[
            {
              id: "01",              title: "Wellness Spa",              description: "Rejuvenate at our full-service spa featuring traditional and modern therapies with expert practitioners",              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",              imageAlt: "Luxury spa and wellness center"},
            {
              id: "02",              title: "Fine Dining",              description: "Savor exquisite cuisine crafted by award-winning chefs in our elegant restaurant overlooking the city",              imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",              imageAlt: "Fine dining restaurant"},
            {
              id: "03",              title: "Infinity Pool",              description: "Swim in style at our stunning infinity pool with panoramic views and premium poolside service",              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13186.jpg",              imageAlt: "Resort infinity pool"},
            {
              id: "04",              title: "Fitness Center",              description: "State-of-the-art equipment and personalized training programs to maintain your wellness routine",              imageSrc: "https://img.b2bpic.net/free-photo/spa-treatments_1098-1265.jpg",              imageAlt: "Modern fitness facility"},
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collections"
          description="Choose from our carefully curated selection of elegant rooms, each offering unique comfort and style"
          tag="Accommodations"
          tagIcon={Home}
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$280/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Deluxe hotel room"},
            {
              id: "2",              name: "Premium Suite",              price: "$450/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Premium suite"},
            {
              id: "3",              name: "Standard Room",              price: "$180/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Standard comfortable room"},
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose Us"
          description="Industry-leading excellence and guest satisfaction reflected in our achievements"
          tag="Statistics"
          metrics={[
            {
              id: "1",              value: "25+",              description: "Years of Hospitality Excellence"},
            {
              id: "2",              value: "98%",              description: "Guest Satisfaction Rate"},
            {
              id: "3",              value: "500+",              description: "Premium Rooms & Suites"},
            {
              id: "4",              value: "15",              description: "Awards & Recognitions"},
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Experiences"
          description="Discover what our valued guests have to say about their unforgettable stays"
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Travel Enthusiast",              date: "Date: 15 November 2024",              title: "A Truly Unforgettable Experience",              quote: "Our stay exceeded all expectations. The impeccable service, luxurious rooms, and stunning amenities made this the best hotel experience we've ever had. We're already planning our next visit!",              tag: "Premium Suite Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
            {
              id: "2",              name: "James Richardson, Business Executive",              date: "Date: 8 November 2024",              title: "Perfect for Business & Leisure",              quote: "The hotel combines business efficiency with leisure comfort. Conference facilities are top-notch, and after meetings, the spa provided the perfect relaxation. Highly recommended for corporate travelers.",              tag: "Deluxe Room Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              avatarAlt: "James Richardson",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
            {
              id: "3",              name: "Maria Santos, Honeymoon Couple",              date: "Date: 1 November 2024",              title: "Romance in Every Detail",              quote: "From the romantic ambiance to the attentive staff, every moment was magical. The sunset views from our suite were breathtaking. This is the ideal destination for special occasions.",              tag: "Premium Suite Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              avatarAlt: "Maria Santos",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
            {
              id: "4",              name: "David Chen, Family Traveler",              date: "Date: 25 October 2024",              title: "Family Paradise",              quote: "Our kids loved the pool, and we appreciated the excellent facilities for families. The staff was incredibly accommodating and friendly. We felt completely at home here.",              tag: "Deluxe Room Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              avatarAlt: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
            {
              id: "5",              name: "Elena Rossi, Wellness Seeker",              date: "Date: 18 October 2024",              title: "Rejuvenation at Its Best",              quote: "The spa treatments were transformative, and the wellness programs were comprehensive. I left feeling completely refreshed and restored. The hotel truly cares about guest wellbeing.",              tag: "Premium Suite Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              avatarAlt: "Elena Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
            {
              id: "6",              name: "Michael Thompson, Repeat Guest",              date: "Date: 10 October 2024",              title: "Consistency & Excellence",              quote: "I've stayed here multiple times, and the quality never wavers. The service is consistently exceptional, and every detail is thoughtfully managed. This is now my hotel of choice.",              tag: "Premium Suite Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              avatarAlt: "Michael Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg"},
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience luxury hospitality? Book your perfect getaway today and create lasting memories with us."
          animationType="background-highlight"
          buttons={[
            { text: "Reserve Now", href: "https://booking.example.com" },
            { text: "Contact Us", href: "mailto:reservations@luxestay.com" },
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Hotel",              items: [
                { label: "About Us", href: "#" },
                { label: "Rooms & Suites", href: "#rooms" },
                { label: "Amenities", href: "#amenities" },
                { label: "Gallery", href: "#" },
              ],
            },
            {
              title: "Guest Services",              items: [
                { label: "Book a Room", href: "https://booking.example.com" },
                { label: "Special Offers", href: "#" },
                { label: "Corporate Events", href: "#" },
                { label: "Loyalty Program", href: "#" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Reservations", href: "mailto:reservations@luxestay.com" },
                { label: "Customer Support", href: "mailto:support@luxestay.com" },
                { label: "Location", href: "#" },
                { label: "Careers", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cancellation Policy", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 LuxeStay Hotel. All rights reserved."
          bottomRightText="Luxury Hospitality Since 2000"
        />
      </div>
    </ThemeProvider>
  );
}