"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import SocialProofTwo from '@/components/sections/socialProof/SocialProofTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Crown, Phone, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="large"
      sizing="mediumSizeExtraLargeTitles"
      background="none"
      cardStyle="glass-outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          logoAlt="Luxury Hotel"
          brandName="Celestial Stays"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Experiences", id: "experiences" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",
            href: "contact"
          }}
          className="backdrop-blur-md bg-white/40"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Experience Timeless Luxury"
          description="Discover our collection of world-class suites and bespoke hospitality services designed for the most discerning travelers seeking unparalleled comfort and elegance."
          tag="Premium Collection"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel interior"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183586665-q5sajrdt.jpg", alt: "Guest 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154634313-y5tjxwwi.jpg", alt: "Guest 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg", alt: "Guest 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg", alt: "Guest 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg", alt: "Guest 5" }
          ]}
          avatarText="Trusted by 10,000+ luxury travelers worldwide"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Where Elegance Meets Exceptional Service"
          description="For over two decades, we have crafted unforgettable experiences through meticulous attention to detail, world-class amenities, and a commitment to personalized hospitality that exceeds expectations."
          tag="Our Heritage"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
          imageAlt="Luxury suite experience"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Discover More", href: "experiences" }
          ]}
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardSix
          title="Your Journey of Indulgence"
          description="From arrival to departure, we ensure every moment is meticulously curated for your comfort and delight."
          tag="Premium Experience"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Seamless Check-In",
              description: "Arrive to a warm welcome with expedited check-in, personalized room setup, and dedicated concierge service ready to assist with any request.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184717131-qr8fo1hm.jpg"
            },
            {
              id: 2,
              title: "Room Perfection",
              description: "Every detail is prepared to perfection. Your suite features premium linens, climate control, and bespoke amenities selected for your comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg"
            },
            {
              id: 3,
              title: "Wellness & Relaxation",
              description: "Indulge in our world-class spa, fitness center, and wellness facilities designed to rejuvenate body and mind during your stay.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg"
            },
            {
              id: 4,
              title: "Culinary Excellence",
              description: "Savor exquisite cuisine prepared by award-winning chefs, with fine dining and in-room service available 24/7.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184719816-2670gl5k.jpg"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSix
          title="Our Exclusive Room Collection"
          description="Each room is a sanctuary of comfort, designed with premium furnishings and cutting-edge amenities to elevate your stay."
          tag="Luxury Accommodations"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          gridVariant="bento-grid"
          animationType="slide-up"
          containerStyle="default"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$320/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184720628-griec8yy.jpg",
              imageAlt: "Deluxe room with city view"
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "$520/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Executive suite with panoramic view"
            },
            {
              id: "3",
              name: "Private Villa",
              price: "$1,200/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg",
              imageAlt: "Exclusive private villa"
            },
            {
              id: "4",
              name: "Presidential Suite",
              price: "$2,500/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184723624-xmhe9dh9.jpg",
              imageAlt: "Grand presidential suite"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Membership & Packages"
          description="Choose the perfect plan to unlock exclusive benefits and elevated experiences."
          tag="Premium Tiers"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          containerStyle="card"
          plans={[
            {
              id: "silver",
              badge: "Silver Tier",
              price: "$199/year",
              subtitle: "Ideal for frequent travelers",
              badgeIcon: Shield,
              buttons: [
                { text: "Choose Plan", href: "contact" }
              ],
              features: [
                "15% discount on all bookings",
                "Free room upgrades when available",
                "Priority booking access",
                "Exclusive member events",
                "Late checkout until 4 PM"
              ]
            },
            {
              id: "gold",
              badge: "Gold Tier",
              price: "$499/year",
              subtitle: "Our most popular membership",
              badgeIcon: Sparkles,
              buttons: [
                { text: "Choose Plan", href: "contact" }
              ],
              features: [
                "25% discount on all bookings",
                "Guaranteed room upgrade",
                "Early check-in available",
                "Personalized concierge service",
                "Free spa credit monthly",
                "Complimentary airport transfers"
              ]
            },
            {
              id: "platinum",
              badge: "Platinum Tier",
              price: "$999/year",
              subtitle: "For the most discerning guests",
              badgeIcon: Crown,
              buttons: [
                { text: "Choose Plan", href: "contact" }
              ],
              features: [
                "40% discount on all bookings",
                "Suite upgrade guarantee",
                "Unlimited early check-in/late checkout",
                "24/7 dedicated concierge",
                "Monthly spa and dining credits",
                "Private car service included",
                "Exclusive property access"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Guests Say"
          description="Discover why discerning travelers choose Celestial Stays for their most important moments."
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          testimonials={[
            {
              id: "1",
              name: "Alexandra Sterling",
              role: "CEO",
              company: "Sterling Enterprises",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183586665-q5sajrdt.jpg",
              imageAlt: "Alexandra Sterling"
            },
            {
              id: "2",
              name: "James Mitchell",
              role: "Founder",
              company: "Mitchell Ventures",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154634313-y5tjxwwi.jpg",
              imageAlt: "James Mitchell"
            },
            {
              id: "3",
              name: "Victoria Chen",
              role: "Art Director",
              company: "Creative Collective",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Victoria Chen"
            },
            {
              id: "4",
              name: "Sebastian Laurent",
              role: "Luxury Consultant",
              company: "Laurent & Associates",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sebastian Laurent"
            },
            {
              id: "5",
              name: "Olivia Blackwood",
              role: "Travel Editor",
              company: "Luxury Living Magazine",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Olivia Blackwood"
            }
          ]}
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofTwo
          title="Trusted by Industry Leaders"
          description="Partnerships with the world's most prestigious luxury and hospitality brands."
          tag="Partnerships"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184713231-mw34v4v5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184196448-ct5kvoom.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184714161-gbe1frze.jpg"
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Escape?"
          ctaDescription="Speak with our luxury travel specialists who can customize the perfect stay tailored to your preferences."
          ctaButton={{
            text: "Schedule Consultation",
            href: "https://calendly.com"
          }}
          ctaIcon={Phone}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is included in membership?",
              content: "Membership includes discounts on room rates, priority booking, exclusive events, and personalized concierge services. Benefits vary by tier. Gold and Platinum members enjoy additional perks like guaranteed upgrades and spa credits."
            },
            {
              id: "2",
              title: "How do I make a reservation?",
              content: "You can book directly through our website, call our concierge team, or use our mobile app. Members receive priority access to availability and exclusive rates."
            },
            {
              id: "3",
              title: "What is your cancellation policy?",
              content: "Cancellations made 14 days or more in advance receive a full refund. Cancellations within 14 days may incur fees. Members enjoy more flexible cancellation terms based on their tier level."
            },
            {
              id: "4",
              title: "Do you offer group rates?",
              content: "Yes, we offer special group packages for corporate retreats, celebrations, and large parties. Please contact our group sales team for custom quotes and arrangements."
            },
            {
              id: "5",
              title: "What amenities are available in all rooms?",
              content: "All rooms feature premium bedding, climate control, high-speed internet, premium toiletries, and 24-hour room service. Additional amenities vary by room category."
            },
            {
              id: "6",
              title: "Is parking available?",
              content: "Complimentary valet parking is available for all guests. Self-parking is also available in our secure underground garage. Members receive preferred parking rates."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          logoAlt="Celestial Stays"
          columns={[
            {
              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Experiences", href: "experiences" },
                { label: "Memberships", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}