"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Heart, Star, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="spotlight"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Stay"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
            { name: "About", id: "about" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Experience Luxury Hospitality"
          description="Discover our world-class accommodations, exceptional amenities, and personalized service designed to make your stay unforgettable."
          tag="Welcome to Paradise"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767201173726-lqzk6yht.jpg"
          imageAlt="Luxury hotel lobby and reception area"
          buttons={[
            {
              text: "Book Your Stay",
              href: "contact"
            },
            {
              text: "Explore Rooms",
              href: "rooms"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="A Haven of Elegance and Comfort for Every Guest"
          description="Founded in 1995"
          subdescription="Award-winning hospitality since 1995"
          icon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Hotel interior design and architectural details"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSix
          title="Our Room Collection"
          description="Choose from our carefully curated selection of luxurious rooms designed for comfort and style"
          tag="Accommodations"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$189/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Deluxe hotel room with premium furnishings"
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "$299/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Spacious executive suite with city views"
            },
            {
              id: "3",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Comfortable standard room with modern amenities"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardEight
          title="World-Class Amenities"
          description="Discover the premium facilities and services available to our valued guests"
          tag="Facilities"
          features={[
            {
              id: 1,
              title: "Spa & Wellness",
              description: "Rejuvenate your mind and body with our full-service spa offering massages, facials, and wellness treatments",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg"
            },
            {
              id: 2,
              title: "Fine Dining",
              description: "Experience culinary excellence at our award-winning restaurants serving international and local cuisine",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg"
            },
            {
              id: 3,
              title: "Fitness Center",
              description: "Stay active with our state-of-the-art gym equipment, yoga classes, and personal training services",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754766208-6g0aukkl.jpg"
            },
            {
              id: 4,
              title: "Business Facilities",
              description: "Fully equipped conference rooms and business centers for your professional needs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767209632065-0avkm2cx.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Booking Plans"
          description="Choose the perfect plan that suits your travel needs and budget"
          tag="Pricing"
          plans={[
            {
              id: "basic",
              price: "$129",
              name: "Standard Room",
              buttons: [
                {
                  text: "Book Now",
                  href: "contact"
                },
                {
                  text: "Details",
                  href: "rooms"
                }
              ],
              features: [
                "Queen bed or twin beds",
                "Modern amenities",
                "Free WiFi",
                "Complimentary breakfast",
                "24-hour room service"
              ]
            },
            {
              id: "pro",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$189",
              name: "Deluxe Room",
              buttons: [
                {
                  text: "Book Now",
                  href: "contact"
                },
                {
                  text: "Details",
                  href: "rooms"
                }
              ],
              features: [
                "King bed with premium linens",
                "City or garden view",
                "Spa bathroom",
                "Premium toiletries",
                "Priority concierge",
                "Late checkout"
              ]
            },
            {
              id: "enterprise",
              price: "$299",
              name: "Executive Suite",
              buttons: [
                {
                  text: "Book Now",
                  href: "contact"
                },
                {
                  text: "Details",
                  href: "rooms"
                }
              ],
              features: [
                "Spacious living area",
                "Panoramic views",
                "Luxury spa bathroom",
                "Premium mini bar",
                "Dedicated concierge",
                "Complimentary airport transfer"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="Guest Testimonials"
          description="Hear what our valued guests have to say about their experience"
          tag="Reviews"
          testimonials={[
            {
              id: "1",
              title: "An Unforgettable Experience",
              quote: "The attention to detail and exceptional service made our honeymoon truly special. Every moment was perfectly arranged.",
              name: "Sarah Mitchell",
              role: "Bride",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sarah Mitchell, satisfied guest"
            },
            {
              id: "2",
              title: "Perfect for Business Travel",
              quote: "The business facilities are top-notch, and the staff always goes the extra mile to ensure comfort and convenience.",
              name: "Michael Chen",
              role: "Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Michael Chen, business traveler"
            },
            {
              id: "3",
              title: "Family-Friendly Excellence",
              quote: "Our kids loved the pool and activities, while we enjoyed the spa and fine dining. A perfect family vacation.",
              name: "Emma Johnson",
              role: "Mother of Two",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
              imageAlt: "Emma Johnson, family guest"
            },
            {
              id: "4",
              title: "Luxury Redefined",
              quote: "The executive suite exceeded all expectations. The views, the amenities, and the service were absolutely world-class.",
              name: "David Williams",
              role: "Entrepreneur",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
              imageAlt: "David Williams, luxury guest"
            },
            {
              id: "5",
              title: "Warm Hospitality",
              quote: "The staff remembered my preferences from my last visit and made me feel like family. That personal touch is unforgettable.",
              name: "Lisa Anderson",
              role: "Frequent Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006040246-qjrduxzp.jpg",
              imageAlt: "Lisa Anderson, returning guest"
            },
            {
              id: "6",
              title: "A Slice of Paradise",
              quote: "From the moment we arrived to the moment we left, everything was absolutely perfect. We're already planning our return trip.",
              name: "James Rodriguez",
              role: "Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "James Rodriguez, happy guest"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Ready to Book Your Stay?"
          description="Subscribe to our newsletter for exclusive offers and updates, or contact us directly for reservations and inquiries."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
          imageAlt="Hotel contact and reservation desk"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Luxury Stay Hotel"
          columns={[
            {
              title: "Hotel",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Rooms & Suites",
                  href: "rooms"
                },
                {
                  label: "Amenities",
                  href: "amenities"
                },
                {
                  label: "Gallery",
                  href: "rooms"
                }
              ]
            },
            {
              title: "Guest Services",
              items: [
                {
                  label: "Reservations",
                  href: "contact"
                },
                {
                  label: "Contact Us",
                  href: "contact"
                },
                {
                  label: "FAQs",
                  href: "contact"
                },
                {
                  label: "Special Offers",
                  href: "pricing"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Terms & Conditions",
                  href: "#"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Cancellation Policy",
                  href: "#"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com",
              ariaLabel: "LinkedIn"
            }
          ]}
          copyrightText="© Luxury Stay Hotel 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}