"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star, Sparkles, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="large"
      background="animatedAurora"
      cardStyle="solid-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Book", id: "booking" }
          ]}
          brandName="Luxury Hotel"
          bottomLeftText="Premium Accommodations"
          bottomRightText="reservations@luxuryhotel.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Luxury Hotel"
          description="Experience timeless elegance and unparalleled comfort. A sanctuary for the discerning traveler seeking world-class hospitality."
          logoLineHeight={1.1}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Grand hotel lobby"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Luxury suite bedroom"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Resort swimming pool"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Fine dining restaurant"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg",
              imageAlt: "Luxury spa facility"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Crafting unforgettable moments since 1985, delivering the finest hospitality experience."
          description="Luxury Hotel Collective"
          subdescription="25 Years of Excellence"
          icon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
          imageAlt="Hotel exterior architecture"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Deluxe Suite",
              description: "Spacious rooms with king beds, marble bathrooms, and city views. Perfect for business travelers.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849142731-hp8i7zi3.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg"
              }
            },
            {
              id: 2,
              title: "Wellness Amenities",
              description: "State-of-the-art fitness center, spa services, and yoga studios for ultimate relaxation.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006036722-1o803gi1.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg"
              }
            },
            {
              id: 3,
              title: "Dining Excellence",
              description: "Michelin-featured restaurant with award-winning chefs and international cuisine.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766854198888-392pi2tb.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          title="Discover Our Room Categories"
          description="Each suite is meticulously designed with premium furnishings and modern amenities."
          tag="Room Types"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          plans={[
            {
              id: "deluxe",
              price: "$189",
              name: "Deluxe Room",
              buttons: [
                { text: "Check Availability", href: "#booking" },
                { text: "Request Info" }
              ],
              features: [
                "King or twin beds",
                "Marble bathroom",
                "City view balcony",
                "Premium toiletries",
                "Complimentary breakfast"
              ]
            },
            {
              id: "suite",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$299",
              name: "Executive Suite",
              buttons: [
                { text: "Check Availability", href: "#booking" },
                { text: "Request Info" }
              ],
              features: [
                "Separate living area",
                "Two marble bathrooms",
                "Panoramic views",
                "Premium toiletries",
                "Complimentary breakfast",
                "Lounge access",
                "Concierge service"
              ]
            },
            {
              id: "penthouse",
              price: "$499",
              name: "Penthouse Suite",
              buttons: [
                { text: "Check Availability", href: "#booking" },
                { text: "Request Info" }
              ],
              features: [
                "Sprawling living space",
                "Spa-quality bathrooms",
                "360° city views",
                "Butler service",
                "Premium dining access",
                "Priority concierge",
                "Exclusive amenities"
              ]
            }
          ]}
          title="Room Rates & Packages"
          description="Choose the perfect accommodation for your stay. All rates include breakfast and complimentary wifi."
          tag="Booking"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          metrics={[
            {
              id: "1",
              value: "600",
              title: "Happy Guests",
              description: "Welcomed travelers from around the world",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg"
            },
            {
              id: "2",
              value: "99%",
              title: "Guest Satisfaction",
              description: "Consistently rated excellent by our valued guests",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006037732-pjwx8627.jpg"
            },
            {
              id: "3",
              value: "25+",
              title: "Years of Service",
              description: "Quarter century of delivering premium hospitality",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg"
            }
          ]}
          title="Guest Satisfaction & Excellence"
          description="Our commitment to quality is reflected in every interaction."
          tag="Achievements"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          members={[
            {
              id: "1",
              name: "Michael Richardson",
              role: "General Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg"
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Concierge Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399073440-t51o34g6.jpg"
            },
            {
              id: "3",
              name: "Philippe Laurent",
              role: "Executive Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735982136-fwsz9f0i.jpg"
            },
            {
              id: "4",
              name: "Elena Rossi",
              role: "Spa & Wellness Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
            }
          ]}
          title="Meet Our Dedicated Team"
          description="Passionate professionals committed to your exceptional stay."
          tag="Staff"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "A Home Away From Home",
              quote: "The attention to detail at this hotel is unmatched. From the moment we arrived until checkout, every staff member went above and beyond. We felt truly valued as guests.",
              name: "Jennifer Martinez",
              role: "Travel Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
            },
            {
              id: "2",
              title: "Exceptional Business Travel Experience",
              quote: "I stay at many hotels for business, and this is consistently my top choice. The rooms are pristine, the amenities are excellent, and the staff anticipates every need.",
              name: "David Thompson",
              role: "Corporate Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg"
            },
            {
              id: "3",
              title: "Perfect for Celebrations",
              quote: "We celebrated our anniversary here and it was absolutely magical. The spa treatments were divine, the dinner was exquisite, and the views at sunset were breathtaking.",
              name: "Amanda Williams",
              role: "Newlyweds",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg"
            },
            {
              id: "4",
              title: "World-Class Service",
              quote: "The concierge arranged everything perfectly for our family vacation. From restaurant reservations to activity bookings, everything was seamless. We will definitely return.",
              name: "Robert Chen",
              role: "Family Vacationer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849444575-td00y2fe.jpg"
            }
          ]}
          title="Guest Testimonials"
          description="Hear from our valued guests about their experiences."
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",
              title: "What time are check-in and check-out?",
              content: "Check-in is available from 3:00 PM and check-out is at 11:00 AM. Early check-in or late check-out may be arranged upon request, subject to availability."
            },
            {
              id: "2",
              title: "Is breakfast included in the room rate?",
              content: "Yes, a full complimentary breakfast is included with all room bookings. Our buffet features international and local cuisine, served daily from 6:30 AM to 10:00 AM."
            },
            {
              id: "3",
              title: "Do you have parking available?",
              content: "Yes, we offer both valet and self-parking options. Parking is complimentary for hotel guests. Electric vehicle charging stations are also available."
            },
            {
              id: "4",
              title: "What are your pet policies?",
              content: "We welcome well-behaved pets for a nominal fee of $50 per night. Pet amenities include food bowls, bed, and treats. Please inform us at booking if you're traveling with a pet."
            },
            {
              id: "5",
              title: "Is the spa open to non-guests?",
              content: "Yes, our world-class spa is open to the public. We offer a variety of treatments and packages. Guests receive a 20% discount on all spa services."
            },
            {
              id: "6",
              title: "What is your cancellation policy?",
              content: "Cancellations made up to 7 days before arrival receive a full refund. Cancellations within 7 days of arrival are subject to one night's room charge. Non-refundable rates are available at a discounted price."
            },
            {
              id: "7",
              title: "Do you offer room service?",
              content: "Yes, we offer 24-hour room service with a complete menu featuring breakfast, lunch, dinner, and light snacks. Special dietary requirements can be accommodated with advance notice."
            }
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay."
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Stay?"
          ctaDescription="Contact our reservations team or use our online booking system. We're available 24/7 to assist you."
          ctaButton={{ text: "Make a Reservation", href: "#booking" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "How can I make a reservation?",
              content: "You can book directly through our website, call our reservations line at 1-800-LUXURY-1, or email reservations@luxuryhotel.com. Our team can also provide personalized recommendations."
            },
            {
              id: "2",
              title: "Do you offer group bookings?",
              content: "Yes, we specialize in group accommodations for conferences, weddings, and corporate events. Contact our group sales team for customized packages and special rates."
            },
            {
              id: "3",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, wire transfers, and digital payments. A credit card is required to hold your reservation, but payment isn't due until check-in."
            },
            {
              id: "4",
              title: "Are modifications to bookings possible?",
              content: "Yes, we can modify your booking at any time. Contact our reservations team with your booking reference number. Changes may be subject to availability and rate adjustments."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Luxury Hotel"
        />
      </div>
    </ThemeProvider>
  );
}