"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Briefcase, Dumbbell, Heart, Home, MapPin, Phone, Sparkles, Spa, Star, Trophy, Users, Utensils, Waves, Wifi } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Prestige Hotels"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Luxury Hospitality Since 1995"
          bottomRightText="reservations@prestigehotels.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="PRESTIGE"
          description="Experience unparalleled luxury and comfort at our world-class hotel. Discover elegance, impeccable service, and unforgettable memories in the heart of the city."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book a Room", href: "#rooms" },
            { text: "Learn More", href: "#amenities" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxurious hotel lobby with elegant interior design"
          frameStyle="browser"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Exclusive Room Collections"
          description="Discover our carefully curated selection of rooms and suites, each designed to provide the ultimate comfort and luxury experience."
          tag="Accommodations"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$250/night",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Spacious deluxe room with king bed and city view",              initialQuantity: 1
            },
            {
              id: "2",              name: "Executive Suite",              price: "$450/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",              imageAlt: "Luxurious executive suite with living area and modern amenities",              initialQuantity: 1
            },
            {
              id: "3",              name: "Presidential Suite",              price: "$800/night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",              imageAlt: "Exclusive presidential suite with panoramic views and private spa",              initialQuantity: 1
            }
          ]}
          buttons={[
            { text: "View All Rooms", href: "#amenities" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of premium facilities and services designed for your ultimate relaxation and convenience."
          tag="Facilities"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              icon: Spa,
              title: "Luxury Spa & Wellness",              description: "Rejuvenate at our full-service spa with world-renowned treatments and therapies."
            },
            {
              icon: Utensils,
              title: "Fine Dining Restaurant",              description: "Savor exquisite cuisine prepared by our award-winning chefs in an elegant ambiance."
            },
            {
              icon: Dumbbell,
              title: "State-of-the-Art Fitness Center",              description: "Maintain your wellness routine with premium equipment and expert trainers available."
            },
            {
              icon: Waves,
              title: "Olympic-Sized Swimming Pool",              description: "Enjoy a refreshing swim or relax by our beautifully landscaped poolside area."
            },
            {
              icon: Users,
              title: "Professional Concierge Service",              description: "Our dedicated team assists with reservations, bookings, and personalized recommendations."
            },
            {
              icon: Wifi,
              title: "High-Speed Internet",              description: "Stay connected with complimentary Wi-Fi throughout the property and in all guest rooms."
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Legacy of Excellence"
          description="Celebrating decades of hospitality, award-winning service, and guest satisfaction."
          tag="Achievements"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "28",              title: "Years",              description: "Of exceptional hospitality and luxury service",              icon: Award
            },
            {
              id: "2",              value: "500+",              title: "Rooms",              description: "Elegantly appointed suites and guest rooms",              icon: Home
            },
            {
              id: "3",              value: "95%",              title: "Satisfaction",              description: "Guest satisfaction rate based on reviews",              icon: Star
            },
            {
              id: "4",              value: "12",              title: "Awards",              description: "International hospitality recognition",              icon: Trophy
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join thousands of satisfied guests who've experienced our world-class hospitality and exceptional service."
          cardTag="Guest Reviews"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Robertson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "James Robertson"
            },
            {
              id: "3",              name: "Emma Williams",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Emma Williams"
            },
            {
              id: "4",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "5",              name: "Victoria Torres",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Victoria Torres"
            },
            {
              id: "6",              name: "David Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "David Anderson"
            }
          ]}
        />
      </div>

      <div id="experiences" data-section="experiences">
        <AboutMetric
          title="Create unforgettable memories with our curated special experiences including wedding celebrations, corporate events, and exclusive getaways tailored to your unique needs."
          useInvertedBackground="noInvert"
          metrics={[
            {
              icon: Heart,
              label: "Wedding Venue",              value: "Ceremonies & Receptions"
            },
            {
              icon: Briefcase,
              label: "Corporate Events",              value: "Meetings & Conferences"
            },
            {
              icon: Sparkles,
              label: "Special Occasions",              value: "Anniversaries & Birthdays"
            },
            {
              icon: MapPin,
              label: "Destination Packages",              value: "Romantic Getaways"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Experience Luxury"
          tagIcon={Phone}
          title="Plan Your Perfect Stay Today"
          description="Contact our reservations team to book your accommodation or inquire about our special packages and exclusive offers. We're here to ensure your visit is nothing short of exceptional."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Book Now", href: "https://reservations.example.com" },
            { text: "Contact Us", href: "mailto:reservations@prestigehotels.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#home" },
                { label: "Rooms & Suites", href: "#rooms" },
                { label: "Amenities", href: "#amenities" },
                { label: "About Us", href: "#about" }
              ]
            },
            {
              title: "Guest Services",              items: [
                { label: "Reservations", href: "#contact" },
                { label: "Contact Us", href: "mailto:reservations@prestigehotels.com" },
                { label: "Special Requests", href: "#contact" },
                { label: "Concierge", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Prestige", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Sustainability", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Prestige Hotels. All rights reserved."
          bottomRightText="Luxury Hospitality Excellence"
        />
      </div>
    </ThemeProvider>
  );
}