"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="none"
      cardStyle="spotlight"
      primaryButtonStyle="outline"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="LuxeStay"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Experience Luxury Hospitality"
          description="Discover world-class amenities and exceptional service at LuxeStay. Your perfect getaway awaits."
          tag="Welcome to LuxeStay"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Elegant hotel lobby with modern design"
          frameStyle="card"
          buttons={[
            {
              text: "Reserve Now",
              href: "#contact"
            },
            {
              text: "Explore Rooms",
              href: "#products"
            }
          ]}
          metricsLabel="Trusted by thousands of guests worldwide"
          metrics={[
            {
              id: "1",
              value: "25+",
              label: "Years of Excellence"
            },
            {
              id: "2",
              value: "500+",
              label: "5-Star Reviews"
            },
            {
              id: "3",
              value: "150",
              label: "Luxury Rooms"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="LuxeStay is committed to delivering unforgettable experiences. Since 1999, we have been setting the standard for luxury hospitality with attention to detail and genuine care for our guests."
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Our Story",
              href: "#"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSix
          title="Signature Room Collections"
          description="Choose from our curated selection of luxurious rooms and suites, each designed for comfort and elegance."
          tag="Rooms & Suites"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$299/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Spacious deluxe bedroom with king bed"
            },
            {
              id: "2",
              name: "Ocean View Suite",
              price: "$499/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Premium suite with ocean view and balcony"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$899/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Ultimate luxury suite with premium amenities"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="World-Class Amenities"
          description="Experience luxury at every step with our premium facilities and services"
          tag="Our Facilities"
          features={[
            {
              id: 1,
              title: "Spa & Wellness",
              description: "Rejuvenate yourself with our full-service spa offering massages, facials, and wellness treatments",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
            },
            {
              id: 2,
              title: "Fine Dining",
              description: "Savor exquisite cuisine crafted by award-winning chefs using the finest local ingredients",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Guests Say"
          description="Read authentic reviews from travelers who have experienced LuxeStay hospitality"
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Mitchell, Business Traveler",
              quote: "Outstanding service and impeccable attention to detail. LuxeStay exceeded all my expectations. I'll definitely return for my next visit.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              nameTitle: "James Chen, Honeymoon Guest",
              quote: "The perfect romantic getaway. The ocean view suite was breathtaking, and the staff made our honeymoon unforgettable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              nameTitle: "Emma Richardson, Family Vacation",
              quote: "Amazing experience for our family. The kids loved the pool, and we appreciated the excellent dining options.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              imageAlt: "Emma Richardson"
            },
            {
              id: "4",
              nameTitle: "Michael Foster, Resort Regular",
              quote: "I've stayed at LuxeStay multiple times. Consistency in quality and service keeps bringing me back. Truly exceptional.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Michael Foster"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to book your stay? Contact us for reservations and special requests."
          inputPlaceholder="Enter your email"
          buttonText="Get Special Offers"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="LuxeStay"
          columns={[
            {
              title: "Hotel",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Rooms & Suites",
                  href: "#products"
                },
                {
                  label: "Amenities",
                  href: "#features"
                },
                {
                  label: "Gallery",
                  href: "#"
                }
              ]
            },
            {
              title: "Guest Services",
              items: [
                {
                  label: "Reservations",
                  href: "#contact"
                },
                {
                  label: "Loyalty Program",
                  href: "#"
                },
                {
                  label: "Gift Cards",
                  href: "#"
                },
                {
                  label: "Group Bookings",
                  href: "#"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "Contact Us",
                  href: "#contact"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Terms & Conditions",
                  href: "#"
                },
                {
                  label: "Accessibility",
                  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="© LuxeStay Hotels, 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}