"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import ProductCardSeven from "@/components/sections/product/ProductCardSeven";
import FeatureCardThirteen from "@/components/sections/feature/FeatureCardThirteen";
import MediaAbout from "@/components/sections/about/MediaAbout";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSocial from "@/components/sections/footer/FooterSocial";
import { Sparkles, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="plain"
      cardStyle="solid-accent"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Hotel"
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Luxury"
          description="Experience world-class hospitality and unforgettable moments at our premier hotel. Discover elegance, comfort, and exceptional service."
          tag="Premium Accommodation"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxury hotel lobby and entrance"
          buttons={[
            {
              text: "Book Your Stay",
              href: "contact"
            },
            {
              text: "Explore Rooms",
              href: "rooms"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSeven
          title="Our Room Collections"
          description="Choose from our carefully curated room selections, each designed for comfort and elegance"
          tag="Accommodations"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard hotel room"
            },
            {
              id: "2",
              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"
            },
            {
              id: "3",
              name: "Premium Suite",
              price: "$299/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Premium hotel suite"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardThirteen
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities and services designed for your comfort"
          tag="Facilities"
          features={[
            {
              id: "01",
              title: "Spa & Wellness",
              description: "Rejuvenate yourself with our full-service spa offering massages, facials, and wellness treatments in a serene environment."
            },
            {
              id: "02",
              title: "Olympic Pool",
              description: "Enjoy our heated swimming pool with panoramic views, perfect for relaxation and recreation throughout the day."
            },
            {
              id: "03",
              title: "Fine Dining",
              description: "Savor exquisite cuisine prepared by award-winning chefs at our signature restaurant with views of the city."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="A Legacy of Excellence"
          description="Since 1995, we have been dedicated to providing exceptional hospitality experiences. Our commitment to luxury, service, and innovation makes us the preferred choice for discerning travelers worldwide."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
          imageAlt="Exterior view of our luxury hotel"
          buttons={[
            {
              text: "Learn More",
              href: "#"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Room Rates & Packages"
          description="Flexible pricing options for every type of traveler"
          tag="Pricing"
          plans={[
            {
              id: "1",
              price: "$129",
              name: "Standard Room",
              buttons: [
                {
                  text: "Book Room",
                  href: "contact"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "Queen bed with premium linens",
                "32-inch flat-screen TV",
                "High-speed WiFi",
                "Air conditioning",
                "Work desk"
              ]
            },
            {
              id: "2",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$189",
              name: "Deluxe Room",
              buttons: [
                {
                  text: "Book Room",
                  href: "contact"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "King bed with luxury linens",
                "55-inch smart TV",
                "Premium WiFi",
                "Spa bathroom",
                "City views"
              ]
            },
            {
              id: "3",
              price: "$299",
              name: "Premium Suite",
              buttons: [
                {
                  text: "Book Suite",
                  href: "contact"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "Separate living area",
                "Luxury bedroom",
                "Marble bathroom",
                "Concierge service",
                "Premium amenities"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Reviews"
          description="Hear what our guests have to say about their unforgettable stays"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Business Traveler",
              testimonial: "Outstanding service and pristine rooms. The staff went above and beyond to make my stay comfortable. Highly recommend!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Leisure Guest",
              testimonial: "Best hotel experience I've had. The amenities are incredible and the views are spectacular. Will definitely return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "Honeymooner",
              testimonial: "Perfect for our honeymoon. Romantic atmosphere, excellent dining, and exceptional service. Memories to last a lifetime!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Corporate Guest",
              testimonial: "Excellent facilities for business meetings. The professional staff and modern amenities made our conference a success.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Jessica Thompson",
              role: "Family Traveler",
              testimonial: "Family-friendly yet luxurious. Kids loved the pool, and we appreciated the peaceful spa. Perfect vacation destination!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Jessica Thompson"
            },
            {
              id: "6",
              name: "Robert Williams",
              role: "Frequent Guest",
              testimonial: "Been coming here for 5 years. Consistent excellence, warm hospitality, and unforgettable experiences every single time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Robert Williams"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Experience Luxury?"
          description="Subscribe to our newsletter for exclusive offers, room packages, and insider travel tips delivered straight to your inbox."
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Luxe Hotel"
          columns={[
            {
              title: "Hotel",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Rooms",
                  href: "#rooms"
                },
                {
                  label: "Amenities",
                  href: "#amenities"
                },
                {
                  label: "Pricing",
                  href: "#pricing"
                }
              ]
            },
            {
              title: "Guest Services",
              items: [
                {
                  label: "Booking",
                  href: "#contact"
                },
                {
                  label: "Contact Us",
                  href: "#contact"
                },
                {
                  label: "FAQ",
                  href: "#"
                },
                {
                  label: "Loyalty Program",
                  href: "#"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Terms & Conditions",
                  href: "#"
                },
                {
                  label: "Cookie Policy",
                  href: "#"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            }
          ]}
          copyrightText="© Luxe Hotel, Inc. 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}