"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, DoorOpen, Facebook, Heart, Instagram, Linkedin, Phone, Sparkles, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            {name: "Home", id: "home"},
            {name: "Rooms", id: "rooms"},
            {name: "Amenities", id: "amenities"},
            {name: "About", id: "about"},
            {name: "Contact", id: "contact"}
          ]}
          button={{text: "Book Now", href: "contact"}}
          brandName="Luxury Stays"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitAvatars 
          title="Experience Luxury Hospitality"
          description="Welcome to our award-winning hotel where exceptional service meets modern comfort. Book your perfect getaway today."
          tag="5-Star Rated"
          tagIcon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
          imageAlt="Luxury hotel bedroom with ocean view"
          imagePosition="right"
          avatars={[
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg", alt: "Guest testimonial 1"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg", alt: "Guest testimonial 2"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", alt: "Guest testimonial 3"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg", alt: "Guest testimonial 4"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg", alt: "Guest testimonial 5"}
          ]}
          avatarText="Trusted by 10,000+ guests worldwide"
          buttons={[
            {text: "Check Availability", href: "rooms"},
            {text: "Learn More", href: "about"}
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          tagIcon={Heart}
          title="Crafted for the discerning traveler seeking authentic luxury and genuine hospitality in every moment."
          description="Sarah Mitchell"
          subdescription="CEO, Luxury Stays Hotels"
          icon={Award}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Hotel lounge with elegant design"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="amenities" data-section="amenities">
        <FeatureCardTwenty 
          images={[
            {id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837895688-zmwuys3h.jpg", imageAlt: "Deluxe room with luxury bedding"},
            {id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg", imageAlt: "Suite living area with elegant furnishings"},
            {id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg", imageAlt: "Room with premium amenities and city view"},
            {id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184717131-qr8fo1hm.jpg", imageAlt: "Master bedroom with spa bathroom access"}
          ]}
          title="World-Class Accommodations"
          description="Each room is thoughtfully designed with premium bedding, high-end toiletries, and modern technology. Experience unparalleled comfort with 24/7 concierge service."
          tag="Premium Rooms"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {text: "Explore Rooms", href: "rooms"}
          ]}
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <ProductCardFive 
          title="Our Room Categories"
          description="Choose from our curated selection of premium accommodations designed for every travel need."
          tag="Book Now"
          tagIcon={DoorOpen}
          products={[
            {id: "deluxe-1", button: {text: "Book Room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837895688-zmwuys3h.jpg", imageAlt: "Deluxe room"},
            {id: "deluxe-2", button: {text: "Book Room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg", imageAlt: "Deluxe suite"},
            {id: "deluxe-3", button: {text: "Book Room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg", imageAlt: "Deluxe room with view"},
            {id: "standard-1", button: {text: "Book Room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849439310-dyxpjdwv.jpg", imageAlt: "Standard room"},
            {id: "standard-2", button: {text: "Book Room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849440242-p7cj613y.jpg", imageAlt: "Standard room comfort"},
            {id: "standard-3", button: {text: "Book Room"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849441174-2d7dbv4d.jpg", imageAlt: "Standard room modern"}
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="By The Numbers"
          description="Our commitment to excellence reflected in every guest experience."
          metrics={[
            {id: "1", value: "25+", description: "Years of Excellence"},
            {id: "2", value: "500+", description: "Rooms & Suites"},
            {id: "3", value: "98%", description: "Guest Satisfaction"},
            {id: "4", value: "50+", description: "Awards Won"}
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardFive 
          title="Meet Our Team"
          description="Dedicated professionals committed to making your stay exceptional."
          team={[
            {id: "1", name: "Elizabeth Chen", role: "General Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849444575-td00y2fe.jpg", imageAlt: "Elizabeth Chen"},
            {id: "2", name: "James Cooper", role: "Head Concierge", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849445373-zmzxg3xm.jpg", imageAlt: "James Cooper"},
            {id: "3", name: "Marco Rossi", role: "Executive Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg", imageAlt: "Marco Rossi"},
            {id: "4", name: "Patricia Williams", role: "Director of Housekeeping", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849446314-hgfqh7th.jpg", imageAlt: "Patricia Williams"}
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Excellence"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Guest Experiences"
          description="Real stories from travelers who discovered their perfect getaway."
          testimonials={[
            {
              id: "1",
              title: "Unforgettable Luxury Experience",
              quote: "This hotel exceeded all my expectations. The service was impeccable, the rooms were stunning, and the staff treated us like royalty. We're already planning our next visit.",
              name: "Margaret Thompson",
              role: "Travel Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Margaret Thompson"
            },
            {
              id: "2",
              title: "Perfect Business Travel Destination",
              quote: "As a frequent business traveler, I appreciate the convenience and professionalism. The rooms have excellent workspace, reliable internet, and the restaurant is outstanding.",
              name: "David Park",
              role: "Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849443610-l0qvtf6n.jpg",
              imageAlt: "David Park"
            },
            {
              id: "3",
              title: "Romance and Elegance Combined",
              quote: "We celebrated our anniversary here and it was magical. From the champagne welcome to the spa treatments, every moment felt special. Highly recommended for couples.",
              name: "Lisa Anderson",
              role: "Newlywed",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140064413-lmtijaij.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "4",
              title: "Family Vacation Paradise",
              quote: "Our entire family had the time of our lives. The kids loved the pool and activities, while my wife and I enjoyed the spa. Everyone left with beautiful memories.",
              name: "Robert Martinez",
              role: "Family Travel",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837898715-8pzezwwo.jpg",
              imageAlt: "Robert Martinez"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia 
          title="Common Questions"
          description="Everything you need to know about booking and staying with us."
          faqs={[
            {id: "1", title: "What are your check-in and check-out times?", content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request, subject to availability. We recommend contacting our front desk in advance to arrange these services."},
            {id: "2", title: "Do you offer parking?", content: "Yes, we provide complimentary valet parking for all guests. Self-parking is also available in our secure underground garage. Electric vehicle charging stations are available at no additional cost."},
            {id: "3", title: "What dining options are available?", content: "Our hotel features three restaurants including fine dining, casual café, and room service. Our award-winning chefs prepare international and local cuisine. Special dietary requirements can be accommodated with advance notice."},
            {id: "4", title: "Are pets allowed?", content: "We welcome well-behaved pets with a small nightly fee. Pets must be supervised at all times and are not permitted in dining areas. Pet amenities including beds and bowls are available upon request."},
            {id: "5", title: "What is your cancellation policy?", content: "Cancellations made 7 days prior to arrival receive a full refund. Cancellations within 7 days are subject to one night's charge. Special rates and packages may have different policies. Travel insurance is recommended."},
            {id: "6", title: "Do you have a fitness center?", content: "Our state-of-the-art fitness center is open 24/7 with personal trainers available. We also offer yoga classes, swimming pool, hot tub, and spa services for a complete wellness experience."}
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849442209-g2s3b84q.jpg"
          imageAlt="Hotel lobby and reception area"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Ready to Book?"
          ctaDescription="Let our team help you plan the perfect stay with personalized recommendations."
          ctaButton={{text: "Schedule Call", href: "#contact"}}
          ctaIcon={Phone}
          faqs={[
            {id: "1", title: "How can I make a reservation?", content: "You can book directly on our website, call our reservations team at 1-800-LUXURY, or email reservations@luxurystays.com. We're available 24/7 to assist you."},
            {id: "2", title: "Do you offer group bookings?", content: "Yes, we specialize in group accommodations for conferences, weddings, and corporate events. Please contact our group sales team for customized quotes and arrangements."},
            {id: "3", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, bank transfers, and wire payments. Flexible payment plans are available for longer stays."}
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard 
          logoText="Luxury Stays"
          copyrightText="© 2025 Luxury Stays Hotels. All rights reserved."
          socialLinks={[
            {icon: Facebook, href: "https://facebook.com/luxurystays", ariaLabel: "Facebook"},
            {icon: Instagram, href: "https://instagram.com/luxurystays", ariaLabel: "Instagram"},
            {icon: Twitter, href: "https://twitter.com/luxurystays", ariaLabel: "Twitter"},
            {icon: Linkedin, href: "https://linkedin.com/company/luxurystays", ariaLabel: "LinkedIn"}
          ]}
        />
      </div>
    </ThemeProvider>
  );
}