"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Clock, Coffee, Wifi } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Amenities", id: "features" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Tulips Residency"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Tulips Residency"
      description="Exquisite hospitality in Pīlamedu. Enjoy modern comfort, terrace views, and seamless airport connectivity."
      buttons={[
        { text: "Book Now", href: "#contact" },
        { text: "View Amenities", href: "#features" },
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/people-sleeping-hotel-lobby-entrance_482257-96728.jpg", imageAlt: "Hotel exterior" },
        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956531.jpg", imageAlt: "Cozy room interior" },
        { imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg", imageAlt: "Terrace views" },
        { imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg", imageAlt: "24-hour front desk" },
        { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008700.jpg", imageAlt: "Breakfast area" },
        { imageSrc: "http://img.b2bpic.net/free-photo/therapy-session-with-teenage-girl-laying-couch-discussing-trauma_482257-115695.jpg", imageAlt: "Lounge area" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        { type: "text", content: "Welcome to " },
        { type: "image", src: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg", alt: "Hotel lobby" },
        { type: "text", content: " Tulips Residency" },
      ]}
      buttons={[
        { text: "Contact Us", href: "#contact" },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { icon: Wifi, title: "Free WiFi", description: "Stay connected with high-speed internet throughout your stay." },
        { icon: Coffee, title: "Room Service", description: "Enjoy delicious meals from the comfort of your room, 24/7." },
        { icon: Clock, title: "24/7 Desk", description: "Our friendly staff is always ready to assist you." },
      ]}
      title="Hotel Amenities"
      description="Experience convenience and comfort designed for the modern traveler."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="blur-reveal"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Rahul P.", handle: "@rahulp", testimonial: "Excellent stay near the airport. Very convenient location.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-with-her-red-suitcase_1139-425.jpg" },
        { id: "2", name: "Ananya S.", handle: "@ananyas", testimonial: "Comfortable rooms and very clean. Staff is incredibly helpful.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-woman-raising-her-hand-while-calling-waiter_23-2147936258.jpg" },
        { id: "3", name: "Vikram V.", handle: "@vikramv", testimonial: "The terrace views are beautiful. Perfect for a short visit.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
        { id: "4", name: "Priya K.", handle: "@priyak", testimonial: "Great service and delicious room service. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100288.jpg" },
        { id: "5", name: "Sanjay M.", handle: "@sanjaym", testimonial: "Value for money. The proximity to the trade fair complex is a plus.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-armchair-talking-with-telephone-serious-business_114579-49674.jpg" },
      ]}
      title="Guest Reviews"
      description="Hear what our valued guests have to say about their stay."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "1", title: "Is parking available?", content: "Yes, we provide free private parking for our guests." },
        { id: "2", title: "Is the airport nearby?", content: "Yes, we are located just a few steps from Coimbatore International Airport." },
        { id: "3", title: "Do you offer WiFi?", content: "Yes, free WiFi is available throughout the property." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-business-partners-working-with-laptop-cafe_1157-33746.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Answers to common questions about our residency."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "10k+", description: "Happy Guests" },
        { id: "m2", value: "5 Stars", description: "Rating" },
        { id: "m3", value: "3.4 km", description: "To Trade Fair" },
      ]}
      title="Our Reach"
      description="Trusted by guests from around the globe."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TravelGuru", "BookingExpert", "HotelTrust", "CoimbatoreTourism", "GlobalStay", "AirportConnect", "VerifiedStays"
      ]}
      title="Trusted Partners"
      description="Partnering with the best in the industry."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{ variant: "animated-grid" }}
      tag="Contact Us"
      title="Get in touch for bookings"
      description="Have questions? Reach out to us today to secure your booking."
      imageSrc="http://img.b2bpic.net/free-photo/businessman-talks-staff-member_482257-80826.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
        { title: "Support", items: [{ label: "Help Center", href: "#faq" }, { label: "Contact", href: "#contact" }] },
        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
      ]}
      bottomLeftText="© 2024 Tulips Residency. All rights reserved."
      bottomRightText="Built with care."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}