"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Sparkles, Heart, Star, Mail, Phone, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Haven"
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Luxury Hospitality"
          description="Discover our world-class amenities and exceptional service. Book your unforgettable stay today."
          tag="Welcome to Luxe Haven"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906467892-bnvhja3w.jpg"
          imageAlt="Luxury hotel exterior at sunset"
          imagePosition="right"
          buttons={[
            {
              text: "Book Your Stay",
              href: "contact"
            },
            {
              text: "Explore Rooms",
              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Your Perfect Getaway Awaits"
          description="At Luxe Haven, we combine sophistication with comfort. From our elegantly appointed rooms to our world-class dining experience, every detail is designed for your comfort."
          tag="About Us"
          tagIcon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Hotel lobby interior"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Discover More",
              href: "contact"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Our Premium Services"
          description="Experience excellence at every touchpoint of your stay"
          tag="Services"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Accommodations",
              title: "Luxury Rooms",
              subtitle: "Comfort meets elegance",
              description: "Our spacious rooms feature premium bedding, modern amenities, and stunning views. Each room is carefully designed to provide the ultimate comfort for your stay.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
              imageAlt: "Luxury hotel room"
            },
            {
              id: 2,
              tag: "Wellness",
              title: "Spa & Wellness",
              subtitle: "Rejuvenate your mind and body",
              description: "Indulge in our full-service spa offering massage therapy, facials, and wellness treatments. Our expert therapists ensure a relaxing and rejuvenating experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Hotel spa facility"
            },
            {
              id: 3,
              tag: "Culinary",
              title: "Fine Dining",
              subtitle: "Exceptional gastronomic experience",
              description: "Our award-winning restaurant serves innovative cuisine prepared by our executive chef. Enjoy world-class dining with an extensive wine selection.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg",
              imageAlt: "Fine dining restaurant"
            },
            {
              id: 4,
              tag: "Events",
              title: "Event Venues",
              subtitle: "Perfect for any occasion",
              description: "Host your conference, wedding, or corporate event in our elegant event spaces. Our team ensures seamless execution of every detail.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839701158-z8tv3834.jpg",
              imageAlt: "Hotel event space"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Over 5,000 satisfied guests have experienced the Luxe Haven difference"
          cardTag="Guest Reviews"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767202265195-hlc8yte6.jpg",
              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Book Your Stay?"
          description="Subscribe to our newsletter for exclusive offers, special promotions, and updates about our latest amenities. Join thousands of satisfied guests."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg"
          imageAlt="Hotel exterior"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Luxe Haven"
          title="Experience luxury hospitality like never before"
          columns={[
            {
              title: "Rooms & Rates",
              items: [
                { label: "Standard Rooms", href: "#" },
                { label: "Suites", href: "#" },
                { label: "Presidential Suite", href: "#" },
                { label: "Group Rates", href: "#" }
              ]
            },
            {
              title: "Amenities",
              items: [
                { label: "Spa & Wellness", href: "#" },
                { label: "Fine Dining", href: "#" },
                { label: "Fitness Center", href: "#" },
                { label: "Swimming Pool", href: "#" }
              ]
            },
            {
              title: "Events",
              items: [
                { label: "Weddings", href: "#" },
                { label: "Conferences", href: "#" },
                { label: "Banquets", href: "#" },
                { label: "Corporate Events", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Contact", href: "#" }
              ]
            }
          ]}
          contactItems={[
            {
              icon: Phone,
              text: "+1 (555) 123-4567"
            },
            {
              icon: Mail,
              text: "reservations@luxehaven.com"
            },
            {
              icon: MapPin,
              text: "123 Luxury Boulevard, City, State 12345"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}