"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Phone, Facebook, Instagram, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeExtraSmallSpacing"
      background="none"
      cardStyle="glass-outline"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
          brandName="Luxe Hotel"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Luxe Hotel"
          description="Experience unparalleled luxury and comfort at our award-winning hotel. World-class amenities, exceptional service, and unforgettable moments await you."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel lobby entrance"
          frameStyle="card"
          buttons={[{ text: "Book Now", href: "contact" }]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collection"
          description="Choose from our selection of elegantly designed rooms and suites, each offering premium comfort and modern amenities."
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$149/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243008667-twrhhm4j.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Deluxe suite with living area"
            },
            {
              id: "3",
              name: "Penthouse Suite",
              price: "$499/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Penthouse suite with panoramic views"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSeven
          title="Premium Amenities"
          description="Discover our world-class facilities designed for your relaxation and entertainment."
          textboxLayout="default"
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Olympic Swimming Pool",
              description: "Heated outdoor pool with cabanas and poolside dining for ultimate relaxation.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267247059-zrs932fz.jpg",
              imageAlt: "Resort swimming pool"
            },
            {
              id: 2,
              title: "Spa & Wellness Center",
              description: "Full-service spa offering massages, facials, and wellness treatments using premium products.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267248483-wpo5cxqk.jpg",
              imageAlt: "Luxurious spa treatment room"
            },
            {
              id: 3,
              title: "Fine Dining Restaurant",
              description: "Award-winning restaurant featuring international cuisine prepared by our executive chef.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg",
              imageAlt: "Fine dining restaurant interior"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          title="Our Story"
          description="For over 30 years, Luxe Hotel has been the premier destination for discerning travelers seeking exceptional hospitality and unforgettable experiences. Our commitment to excellence is reflected in every detail."
          tag="About Us"
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
            imageAlt: "Hotel exterior and architecture"
          }}
          phoneTwo={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
            imageAlt: "Hotel lobby and reception area"
          }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Reviews"
          description="Read what our satisfied guests have to say about their stay at Luxe Hotel."
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Travel Enthusiast",
              testimonial: "Absolutely phenomenal stay! The staff went above and beyond to make our honeymoon special. Every detail was perfect, from the room to the dining experience. Will definitely return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sarah Johnson portrait"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Business Executive",
              testimonial: "Outstanding accommodations and impeccable service. The spa was incredibly relaxing and the restaurant offered the finest dining I have experienced. Highly recommend for business and leisure.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Michael Chen portrait"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "Food Critic",
              testimonial: "The culinary experience at Luxe Hotel exceeded all expectations. The chef's tasting menu was exquisite and the wine selection was exceptional. A must-visit destination.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Emily Rodriguez portrait"
            },
            {
              id: "4",
              name: "David Thompson",
              role: "Luxury Travel Writer",
              testimonial: "From the moment you arrive, you are treated like royalty. The attention to detail, the comfort of the rooms, and the genuine hospitality of the staff make this hotel truly special.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
              imageAlt: "David Thompson portrait"
            },
            {
              id: "5",
              name: "Jessica Williams",
              role: "Event Planner",
              testimonial: "Perfect venue for our corporate retreat. The event spaces are elegant, the catering was superb, and the hotel accommodations were fantastic. Our guests are still talking about it!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
              imageAlt: "Jessica Williams portrait"
            },
            {
              id: "6",
              name: "Robert Martinez",
              role: "Frequent Traveler",
              testimonial: "After staying at many luxury hotels worldwide, this one stands out. The combination of modern comfort, classical elegance, and warm hospitality is truly unmatched.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267250429-y310pihb.jpg",
              imageAlt: "Robert Martinez portrait"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Book Your Stay"
          ctaDescription="Ready to experience luxury? Contact our reservations team to secure your room today."
          ctaButton={{ text: "Reserve Now", href: "contact" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Cancellations within 48 hours may incur a one-night charge."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Please arrange pickup when booking your reservation."
            },
            {
              id: "3",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets with a nightly pet fee of $35. Please notify us at the time of booking."
            },
            {
              id: "4",
              title: "What dining options are available?",
              content: "We offer fine dining at our main restaurant, casual dining at the poolside café, and 24-hour room service for your convenience."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxe Hotel"
          copyrightText="© 2025 Luxe Hotel. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/luxehotel", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/luxehotel", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/luxehotel", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
