"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Building2, Check, Smile, Utensils, Wifi } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="medium"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Rooms",
          id: "rooms",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Lemon Tree Hotels"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Lemon Tree Hotels"
      description="Experience comfort, refreshing hospitality, and exceptional service in every stay across India."
      buttons={[
        {
          text: "Book Your Stay",
          href: "#rooms",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4640.jpg",
          imageAlt: "Luxury hotel interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4485.jpg",
          imageAlt: "Hotel lobby",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruit-tree_23-2147811159.jpg",
          imageAlt: "Modern hotel room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg",
          imageAlt: "Refreshing hospitality",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/home-house-exterior-flora-outside-plant_53876-16479.jpg",
          imageAlt: "Exceptional service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg",
          imageAlt: "Lemon Tree stay",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Refreshing Hospitality"
      metrics={[
        {
          icon: Building2,
          label: "Hotels in India",
          value: "100+",
        },
        {
          icon: Smile,
          label: "Happy Guests",
          value: "1M+",
        },
        {
          icon: Award,
          label: "Years Experience",
          value: "20+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Free WiFi",
          description: "Stay connected with high-speed internet in all areas.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/room-with-double-bed-tv_1203-775.jpg",
          },
          items: [
            {
              icon: Wifi,
              text: "Unlimited Access",
            },
            {
              icon: Check,
              text: "High Speed",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4640.jpg",
          imageAlt: "luxury hotel lobby wide angle",
        },
        {
          title: "Fitness Center",
          description: "Keep up with your fitness routine even on the road.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/business-owner-helping-client_23-2149300896.jpg",
          },
          items: [
            {
              icon: Dumbbell,
              text: "Modern Equipment",
            },
            {
              icon: Check,
              text: "24/7 Access",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-vector/classic-family-bedroom-interior-design_1284-10414.jpg",
          imageAlt: "luxury hotel lobby wide angle",
        },
        {
          title: "Dining Options",
          description: "Savor delicious cuisines prepared by world-class chefs.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg",
          },
          items: [
            {
              icon: Utensils,
              text: "In-room Dining",
            },
            {
              icon: Check,
              text: "Authentic Cuisines",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg",
          imageAlt: "luxury hotel lobby wide angle",
        },
      ]}
      title="Why Stay With Us"
      description="We offer more than just a room; we offer a refreshingly different hotel experience."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Standard Room",
          price: "₹3,500",
          variant: "Compact",
          imageSrc: "http://img.b2bpic.net/free-vector/classic-family-bedroom-interior-design_1284-10414.jpg",
        },
        {
          id: "2",
          name: "Executive Room",
          price: "₹5,500",
          variant: "Spacious",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg",
        },
        {
          id: "3",
          name: "Deluxe Room",
          price: "₹7,500",
          variant: "Modern",
          imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg",
        },
        {
          id: "4",
          name: "Premium Suite",
          price: "₹12,000",
          variant: "Luxury",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg",
        },
        {
          id: "5",
          name: "Studio Room",
          price: "₹4,500",
          variant: "Modern",
          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-interior-lighting-luxury-home_1203-4564.jpg",
        },
        {
          id: "6",
          name: "Family Suite",
          price: "₹15,000",
          variant: "Extra Spacious",
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-bedroom-with-double-bed-table-tv-set_1262-3034.jpg",
        },
      ]}
      title="Our Accommodations"
      description="Choose from a variety of rooms designed for comfort and luxury."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "silver",
          badge: "Silver",
          price: "₹5,000/yr",
          subtitle: "Basic benefits",
          buttons: [
            {
              text: "Join Now",
              href: "#",
            },
          ],
          features: [
            "10% off stay",
            "Late check-out",
          ],
        },
        {
          id: "gold",
          badge: "Gold",
          price: "₹10,000/yr",
          subtitle: "Frequent stay perks",
          buttons: [
            {
              text: "Join Now",
              href: "#",
            },
          ],
          features: [
            "20% off stay",
            "Free breakfast",
            "Priority check-in",
          ],
        },
        {
          id: "platinum",
          badge: "Platinum",
          price: "₹20,000/yr",
          subtitle: "Elite guest experience",
          buttons: [
            {
              text: "Join Now",
              href: "#",
            },
          ],
          features: [
            "30% off stay",
            "Free upgrades",
            "Airport transfer",
            "VIP access",
          ],
        },
      ]}
      title="Membership Plans"
      description="Join our loyalty program for exclusive benefits and rewards."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Corporate Partner 1",
        "Travel Agency A",
        "Business Association",
        "Tourism Council",
        "Hospitality Award",
        "Global Travel Net",
        "India Business Hub",
      ]}
      title="Trusted by Millions"
      description="Join thousands of satisfied guests who choose us every year."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Aman Singh",
          role: "Traveler",
          testimonial: "Excellent service and comfortable stay.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-809.jpg",
        },
        {
          id: "2",
          name: "Priya Rao",
          role: "Business Guest",
          testimonial: "Best hotel for business meetings.",
          imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-guy-tourist-with-travel-map-shows-okay-ok-sign-approve-route-holiday-destination_1258-314322.jpg",
        },
        {
          id: "3",
          name: "Rahul Sharma",
          role: "Tourist",
          testimonial: "Amazing experience, great location.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-backpack_23-2148518190.jpg",
        },
        {
          id: "4",
          name: "Sneha Reddy",
          role: "Regular Guest",
          testimonial: "Refreshing atmosphere every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/guy-modern-street-casual-clothing-with-laptop_613910-7442.jpg",
        },
        {
          id: "5",
          name: "Amit Kumar",
          role: "Family Guest",
          testimonial: "Family-friendly and very helpful.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-smiling_23-2148665464.jpg",
        },
      ]}
      title="What Our Guests Say"
      description="Read feedback from guests across India."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Check-in time?",
          content: "Our check-in time is 2:00 PM.",
        },
        {
          id: "2",
          title: "Is parking available?",
          content: "Yes, we provide complimentary parking for all guests.",
        },
        {
          id: "3",
          title: "Can I request early check-out?",
          content: "Early check-out can be arranged at the reception.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Need Assistance?"
      description="Our team is available 24/7 for all your inquiries."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Lemon Tree Hotels"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Career",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
