"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TeamCardFour from '@/components/sections/team/TeamCardFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Star, Crown, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="radialGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Stay"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="LUXURY STAY"
          description="Experience world-class hospitality in our elegantly designed rooms. Book your perfect escape with exclusive amenities, premium service, and unforgettable memories awaiting you."
          buttons={[
            { text: "Book Your Room", href: "contact" },
            { text: "Explore More", href: "rooms" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
          splitImageAlt="Luxury hotel lobby with modern design"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
          imageAlt="Hotel exterior and entrance"
          frameStyle="card"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSeven
          title="Our Room Collection"
          description="Choose from our carefully curated selection of rooms, each designed for comfort and elegance"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "From $99/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "2",
              name: "Deluxe Room",
              price: "From $179/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Deluxe room with city view"
            },
            {
              id: "3",
              name: "Executive Suite",
              price: "From $299/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg",
              imageAlt: "Luxury executive suite"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Accommodations"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardFifteen
          title="World-Class Amenities"
          description="Discover premium facilities designed to enhance your stay and provide ultimate relaxation"
          features={[
            {
              id: "1",
              title: "Luxury Spa",
              description: "Rejuvenate with our award-winning spa treatments and wellness programs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837635686-iqflxt2s.jpg",
              imageAlt: "Spa relaxation area"
            },
            {
              id: "2",
              title: "Olympic Pool",
              description: "Take a refreshing dip in our heated swimming pool with ocean views",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg",
              imageAlt: "Resort swimming pool"
            },
            {
              id: "3",
              title: "Fine Dining",
              description: "Enjoy michelin-inspired cuisine crafted by our executive chefs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Upscale restaurant dining"
            },
            {
              id: "4",
              title: "Fitness Center",
              description: "State-of-the-art equipment and personal training services available",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Modern fitness facility"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Facilities"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Room Rate Tiers"
          description="Flexible pricing options to suit every travel budget and preference"
          plans={[
            {
              id: "basic",
              badge: "Value",
              price: "$99/night",
              subtitle: "Perfect for solo travelers",
              buttons: [{ text: "Book Standard", href: "contact" }],
              features: [
                "Queen bed",
                "Free WiFi",
                "Flat-screen TV",
                "Private bathroom",
                "Daily housekeeping"
              ]
            },
            {
              id: "pro",
              badge: "Popular",
              badgeIcon: Star,
              price: "$179/night",
              subtitle: "Best for couples and small groups",
              buttons: [{ text: "Book Deluxe", href: "contact" }],
              features: [
                "King bed with premium linens",
                "Free WiFi & Streaming",
                "City or garden view",
                "Marble bathroom",
                "Spa access included"
              ]
            },
            {
              id: "enterprise",
              badge: "Luxury",
              badgeIcon: Crown,
              price: "$299/night",
              subtitle: "Premium experience",
              buttons: [{ text: "Book Suite", href: "contact" }],
              features: [
                "Separate living room",
                "King bedroom suite",
                "Premium minibar",
                "Luxury toiletries",
                "Concierge service 24/7"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Rates"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="Guest Stories"
          description="Hear what our valued guests have to say about their unforgettable stays"
          testimonials={[
            {
              id: "1",
              title: "An Unforgettable Experience",
              quote: "From the moment we arrived, the staff made us feel like family. The rooms are immaculate, and the amenities are beyond expectations. We're already planning our next visit!",
              name: "Sarah Mitchell",
              role: "Travel Blogger",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              title: "Perfect for Business Travel",
              quote: "Excellent location, professional staff, and everything I needed for my business meetings. The WiFi is super fast and the workspace is ideal. Highly recommend!",
              name: "James Chen",
              role: "CEO, Tech Startup",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              title: "Luxury at its Finest",
              quote: "The executive suite exceeded all expectations. Every detail was perfect, from the linens to the bathroom amenities. The spa treatment was absolutely divine!",
              name: "Emma Rodriguez",
              role: "Hotel Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              title: "Best Honeymoon Ever",
              quote: "We celebrated our honeymoon here and it was magical. The romantic dinner setup, the spa packages, and the stunning views made it absolutely perfect.",
              name: "Michael Brown",
              role: "Newlywed",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "Michael Brown"
            },
            {
              id: "5",
              title: "Family-Friendly Paradise",
              quote: "Brought our three kids and everyone had an amazing time. The pool, the kids' activities, and the family-sized rooms made our vacation stress-free.",
              name: "Jennifer Lee",
              role: "Parent & Educator",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Jennifer Lee"
            },
            {
              id: "6",
              title: "Five-Star Service Throughout",
              quote: "The concierge arranged everything perfectly for our anniversary dinner. The attention to detail and personalized service is what sets this hotel apart.",
              name: "David Thompson",
              role: "Businessman",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Testimonials"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFour
          title="Meet Our Team"
          description="Dedicated professionals committed to making your stay exceptional"
          team={[
            {
              id: "1",
              name: "Victoria Johnson",
              role: "General Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849443610-l0qvtf6n.jpg",
              imageAlt: "Victoria Johnson - General Manager"
            },
            {
              id: "2",
              name: "Pierre Dubois",
              role: "Executive Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837898715-8pzezwwo.jpg",
              imageAlt: "Pierre Dubois - Executive Chef"
            },
            {
              id: "3",
              name: "Marcus Williams",
              role: "Concierge Services",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140064413-lmtijaij.jpg",
              imageAlt: "Marcus Williams - Concierge"
            },
            {
              id: "4",
              name: "Elena Rodriguez",
              role: "Head of Housekeeping",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849445373-zmzxg3xm.jpg",
              imageAlt: "Elena Rodriguez - Housekeeping"
            },
            {
              id: "5",
              name: "David Park",
              role: "Spa Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849443610-l0qvtf6n.jpg",
              imageAlt: "David Park - Spa Director"
            },
            {
              id: "6",
              name: "Sophie Laurent",
              role: "Front Desk Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849445373-zmzxg3xm.jpg",
              imageAlt: "Sophie Laurent - Front Desk Manager"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Staff"
          speed={35}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Book Your Stay?"
          description="Subscribe to our newsletter for exclusive deals, early access to promotions, and insider tips about special events at our hotel."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing you agree to receive promotional emails."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxury Stay"
          columns={[
            {
              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "Guest Reviews", href: "reviews" },
                { label: "Our Team", href: "team" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cancellation Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}