"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CheckCircle, Shield, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Rooms", id: "rooms" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Novaland Hotel"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Novaland Hotel"
      description="Experience unparalleled luxury and serenity in the heart of the city."
      buttons={[{ text: "Book Your Stay", href: "#contact" }]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg", imageAlt: "Exterior" },
        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-suite-resort-high-rise-hotel-with-working-table_105762-1783.jpg?_wi=1", imageAlt: "Suite" },
        { imageSrc: "http://img.b2bpic.net/free-photo/chef-presenting-dish-slate_23-2148491231.jpg", imageAlt: "Dining" },
        { imageSrc: "http://img.b2bpic.net/free-photo/back-view-girl-posing-bathing-suit_23-2148345663.jpg", imageAlt: "Spa" },
        { imageSrc: "http://img.b2bpic.net/free-photo/patio-balcony-with-chair-around-sea-ocean-view_74190-6864.jpg?_wi=1", imageAlt: "Garden" },
        { imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712945.jpg", imageAlt: "Lobby" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Welcome to Novaland"
      description={[
        "Founded on the principles of hospitality and elegance, Novaland Hotel offers a unique blend of heritage and contemporary luxury.",        "Every detail is curated to provide our guests with an unforgettable experience."
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Wellness Spa", description: "Relax with our signature treatments in a tranquil environment.", items: [{ icon: Sparkles, text: "Sauna" }, { icon: CheckCircle, text: "Massage" }, { icon: Star, text: "Facials" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/panoramic-lakeside-sauna-geometric-heaters-scandinavian-style_169016-68879.jpg", imageAlt: "Spa" }, reverse: false,
        },
        {
          title: "Fine Dining", description: "Gourmet dishes crafted from the finest seasonal ingredients.", items: [{ icon: Zap, text: "Chef's Table" }, { icon: CheckCircle, text: "Wine Pairing" }, { icon: Star, text: "Room Service" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg", imageAlt: "Dining" }, reverse: true,
        },
        {
          title: "Concierge", description: "Our dedicated team ensures every wish is met with grace.", items: [{ icon: Shield, text: "24/7 Service" }, { icon: CheckCircle, text: "Local Tours" }, { icon: Star, text: "Car Rental" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/hotel-manager-handing-arriving-visitors-booking-reservation-file-receptionists-check-business-travelling-guests-being-assisted-by-helpful-concierge-staff-coworkers-inside-reception-lobby_482257-72475.jpg", imageAlt: "Concierge" }, reverse: false,
        },
      ]}
      title="World-Class Amenities"
      description="Indulge in an array of exclusive services designed for your comfort and rejuvenation."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "r1", brand: "Luxury", name: "Presidential Suite", price: "$850", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-suite-resort-high-rise-hotel-with-working-table_105762-1783.jpg?_wi=2" },
        { id: "r2", brand: "Luxury", name: "Sea View Deluxe", price: "$550", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/patio-balcony-with-chair-around-sea-ocean-view_74190-6864.jpg?_wi=2" },
        { id: "r3", brand: "Classic", name: "Garden Double", price: "$250", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6441.jpg" },
      ]}
      title="Our Accommodations"
      description="Discover a peaceful retreat in our beautifully appointed rooms and suites."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg" },
        { id: "t2", name: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-looking-his-passport-while-standing_107420-63597.jpg" },
      ]}
      cardTitle="Guest Experiences"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "15+", title: "Years of Service", description: "Providing hospitality since 2008", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694101.jpg" },
        { id: "m2", value: "200+", title: "Luxury Rooms", description: "Comfort for every guest", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg" },
        { id: "m3", value: "98%", title: "Guest Satisfaction", description: "Rated by our valued travelers", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9119.jpg" },
      ]}
      title="Novaland in Numbers"
      description="Excellence defined through consistent quality and guest satisfaction."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Check-in time", content: "Check-in is from 3:00 PM." },
        { id: "f2", title: "Check-out time", content: "Check-out is strictly by 11:00 AM." },
        { id: "f3", title: "Breakfast hours", content: "Breakfast is served daily from 6:30 AM to 10:30 AM." },
        { id: "f4", title: "Is Wi-Fi free?", content: "Yes, complimentary high-speed Wi-Fi is available throughout the hotel." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-showing-his-boarding-pass-check-counter_107420-85111.jpg"
      title="Common Questions"
      description="Answers to help you plan your perfect stay."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="Contact"
      title="Ready to Visit?"
      description="Questions or need help with your booking? Call us at 0788 562 753 or reach out today."
      buttons={[{ text: "Call Now", href: "tel:+40788562753" }, { text: "Contact Us", href: "mailto:info@novalandhotel.com" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            { label: "Rooms", href: "#rooms" },
            { label: "Spa", href: "#features" },
            { label: "Events", href: "#" },
          ],
        },
        {
          items: [
            { label: "Privacy Policy", href: "#" },
            { label: "Terms of Service", href: "#" },
            { label: "Careers", href: "#" },
          ],
        },
        {
          items: [
            { label: "Address: 123 Luxury Lane, City Center", href: "#" },
            { label: "Tel: 0788 562 753", href: "tel:+40788562753" },
          ],
        }
      ]}
      logoText="Novaland Hotel"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
