"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="fluid"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Viatelier"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Amenities", id: "amenities" },
            { name: "Experiences", id: "experiences" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Luxury in the Heart of Italy"
          description="Discover an exquisite journey where Italian elegance meets modern comfort. Viatelier awaits to transform your stay into an unforgettable memory."
          tag="Luxury Hospitality"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Viatelier luxury hotel interior"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg",
              imageAlt: "Elegant hotel bedroom"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211009135-qblk6kbu.jpg",
              imageAlt: "Scenic terrace with Italian views"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452377555-j35y7gow.jpg",
              imageAlt: "Spa and wellness facility"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767283268654-ajb2u3n1.jpg",
              imageAlt: "Fine dining restaurant"
            }
          ]}
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Amenities", href: "amenities" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Welcome to Viatelier"
          description="Viatelier represents the pinnacle of Italian hospitality. We blend centuries of tradition with contemporary luxury, creating an atmosphere where every detail speaks to elegance and comfort."
          tag="Our Story"
          features={[
            {
              id: "heritage",
              title: "Italian Heritage",
              description: "Rooted in authentic Italian culture and traditions, our hotel celebrates the art of living well with every detail carefully curated.",
              label: "Est. 2010"
            },
            {
              id: "excellence",
              title: "Uncompromising Quality",
              description: "From architecture to service, we maintain the highest standards of excellence to ensure your experience exceeds expectations.",
              label: "5-Star Rating"
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardNineteen
          title="World-Class Amenities"
          description="Discover an array of premium facilities designed to provide comfort, wellness, and unforgettable experiences."
          tag="Experiences"
          features={[
            {
              id: 1,
              tag: "Wellness",
              title: "Spa & Wellness",
              subtitle: "Rejuvenate your mind and body",
              description: "Indulge in our full-service spa offering traditional Italian treatments combined with modern wellness therapies. Our expert therapists provide personalized wellness journeys.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378674331-ufc3u0d0.jpg"
            },
            {
              id: 2,
              tag: "Recreation",
              title: "Luxury Pool",
              subtitle: "Crystal clear waters with panoramic views",
              description: "Our infinity pool overlooks the Italian countryside, offering the perfect setting to relax and soak in the natural beauty of the region.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276885456-fyy7s6lx.jpg"
            },
            {
              id: 3,
              tag: "Culture",
              title: "Wine Tasting",
              subtitle: "Explore Tuscan vineyards",
              description: "Experience exclusive wine tastings from renowned local vineyards, guided by our sommelier experts who share the stories behind each bottle.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378675163-nsr6foyp.jpg"
            },
            {
              id: 4,
              tag: "Fitness",
              title: "State-of-the-Art Gym",
              subtitle: "Modern equipment and expert training",
              description: "Stay active with our fully equipped fitness center, personal training services, and wellness programs tailored to your needs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378676949-guty0zah.jpg"
            },
            {
              id: 5,
              tag: "Serenity",
              title: "Garden Sanctuary",
              subtitle: "Peaceful retreat surrounded by nature",
              description: "Wander through our beautifully manicured gardens featuring Mediterranean plants, fountains, and quiet alcoves perfect for reflection.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378676019-7wn83jz3.jpg"
            },
            {
              id: 6,
              tag: "Escape",
              title: "Library Lounge",
              subtitle: "Unwind with a good book and great ambiance",
              description: "Our elegant library lounge offers a tranquil space to relax, read, or enjoy conversations with fellow guests in refined comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378677852-01fhkq4s.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <TestimonialCardTen
          title="Trusted by Discerning Travelers"
          description="Hear from guests who have experienced the magic of Viatelier and the unforgettable memories they created here."
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              title: "A Slice of Paradise in Italy",
              quote: "Viatelier exceeded every expectation. The attention to detail, the warmth of the staff, and the stunning surroundings made our honeymoon absolutely magical. We cannot wait to return.",
              name: "Isabella Romano",
              role: "Honeymoon Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184703623-6mn9btum.jpg",
              imageAlt: "Isabella Romano"
            },
            {
              id: "2",
              title: "Business Travel Redefined",
              quote: "Finally, a hotel that understands luxury and efficiency. The business center is world-class, yet the spa and dining options provide the perfect escape after long meetings.",
              name: "Marco Benedetti",
              role: "Business Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378679706-y9qhipvl.jpg",
              imageAlt: "Marco Benedetti"
            },
            {
              id: "3",
              title: "True Italian Hospitality",
              quote: "From the moment we arrived, we felt like family. The staff remembered our preferences, the food was exquisite, and the entire experience felt personal and genuine.",
              name: "Elena Rossi",
              role: "Returning Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378680617-ccvo0kh2.jpg",
              imageAlt: "Elena Rossi"
            },
            {
              id: "4",
              title: "Unforgettable Family Memories",
              quote: "We brought our entire family and everyone had the time of their lives. The kids loved the activities, adults enjoyed the spa, and the dining was outstanding.",
              name: "Giovanni Moretti",
              role: "Family Vacation Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378681475-f9cj788i.jpg",
              imageAlt: "Giovanni Moretti"
            },
            {
              id: "5",
              title: "A Sanctuary for the Soul",
              quote: "Viatelier is more than a hotel; it's a sanctuary. The peaceful atmosphere, combined with impeccable service, made this retreat exactly what I needed.",
              name: "Sophia Lombardi",
              role: "Wellness Retreat Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378682352-419rjtoi.jpg",
              imageAlt: "Sophia Lombardi"
            },
            {
              id: "6",
              title: "Excellence in Every Way",
              quote: "The architecture, design, amenities, and service all reflect a commitment to excellence. This is what luxury hospitality should be.",
              name: "Antonio Ferrante",
              role: "Luxury Travel Connoisseur",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378683188-bengaofw.jpg",
              imageAlt: "Antonio Ferrante"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Book Your Italian Escape"
          description="Connect with our team to arrange your perfect stay at Viatelier. We look forward to welcoming you."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Your Phone Number",
              required: true
            },
            {
              name: "dates",
              type: "text",
              placeholder: "Preferred Dates",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your ideal stay and special requests...",
            rows: 5,
            required: false
          }}
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378678642-m6ss64rj.jpg"
          imageAlt="Italian countryside landscape"
          columns={[
            {
              title: "Hotel",
              items: [
                { label: "About Us", href: "about" },
                { label: "Amenities", href: "amenities" },
                { label: "Rooms", href: "rooms" },
                { label: "Dining", href: "dining" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Book a Room", href: "contact" },
                { label: "Contact Us", href: "contact" },
                { label: "FAQs", href: "faq" },
                { label: "Loyalty Program", href: "loyalty" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "mailto:info@viatelier.com" },
                { label: "Phone", href: "tel:+390123456789" }
              ]
            }
          ]}
          logoText="Viatelier"
          copyrightText="© 2024 Viatelier | Luxury Hotel in Italy"
        />
      </div>
    </ThemeProvider>
  );
}