"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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Mid Way Treat"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Escape to Nature at Mid Way Treat, Patangarh"
      description="Experience the perfect blend of luxury and natural beauty in the heart of MP. Your peaceful getaway awaits."
      testimonials={[
        {
          name: "Ananya Sharma",
          handle: "@ananya",
          testimonial: "A breathtaking stay amidst nature. The hospitality was top-notch.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694022.jpg",
          imageAlt: "serene forest resort exterior peaceful",
        },
        {
          name: "Vikram Singh",
          handle: "@vikram",
          testimonial: "The perfect place to unwind away from the city chaos.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263551.jpg",
          imageAlt: "serene forest resort exterior peaceful",
        },
        {
          name: "Priya Das",
          handle: "@priya",
          testimonial: "Exquisite dining and very comfortable rooms. Highly recommend.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-balcony_74190-1314.jpg",
          imageAlt: "serene forest resort exterior peaceful",
        },
        {
          name: "Rohan Mehta",
          handle: "@rohan",
          testimonial: "Truly a hidden gem in Patangarh. Will definitely visit again.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/wide-selection-apetizers-including-olive-cheese-salad-varieties_114579-1543.jpg",
          imageAlt: "serene forest resort exterior peaceful",
        },
        {
          name: "Sunita Rao",
          handle: "@sunita",
          testimonial: "Peaceful atmosphere and excellent service. Loved every moment.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497286.jpg",
          imageAlt: "serene forest resort exterior peaceful",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694022.jpg"
      imageAlt="serene forest resort exterior peaceful"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/umbrella-pool-chair_1203-3001.jpg",
          alt: "Umbrella pool chair",
        },
        {
          src: "http://img.b2bpic.net/free-photo/tranquil-scene-autumn-forest-mountains-generated-by-ai_188544-45170.jpg",
          alt: "Tranquil scene of autumn forest and mountains generated by AI",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-having-some-quality-time-spa-hotel-outdoors_23-2149037102.jpg",
          alt: "Woman having some quality time at a spa hotel outdoors",
        },
        {
          src: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694024.jpg",
          alt: "Luxurious villa with modern architectural design",
        },
        {
          src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263504.jpg",
          alt: "Photorealistic wooden house interior with timber decor and furnishings",
        },
      ]}
      avatarText="Trusted by 1000+ happy travelers"
      marqueeItems={[
        {
          type: "text",
          text: "Nature Retreat",
        },
        {
          type: "text",
          text: "Luxury Hospitality",
        },
        {
          type: "text",
          text: "Sustainable Living",
        },
        {
          type: "text",
          text: "Authentic Cuisine",
        },
        {
          type: "text",
          text: "Peaceful Getaway",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Discover the Spirit of ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263551.jpg",
          alt: "cozy hotel interior natural decor",
        },
        {
          type: "text",
          content: " Patangarh Hospitality",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Panoramic Views",
          description: "Wake up to stunning views of the surrounding forests.",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-balcony_74190-1314.jpg",
          imageAlt: "scenic forest view balcony hotel",
        },
        {
          title: "Gourmet Dining",
          description: "Authentic local and continental cuisines prepared by expert chefs.",
          imageSrc: "http://img.b2bpic.net/free-photo/wide-selection-apetizers-including-olive-cheese-salad-varieties_114579-1543.jpg",
          imageAlt: "delicious buffet restaurant interior resort",
        },
        {
          title: "Cozy Accommodations",
          description: "Well-furnished rooms designed for a restful night's sleep.",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497286.jpg",
          imageAlt: "comfortable hotel bedroom rustic modern",
        },
      ]}
      title="Resort Amenities"
      description="Indulge in a variety of facilities curated for your comfort and enjoyment."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Nature",
          name: "Weekend Retreat",
          price: "₹4,999",
          rating: 5,
          reviewCount: "20",
          imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape-with-benches_23-2149134274.jpg",
          imageAlt: "scenic forest view balcony hotel",
        },
        {
          id: "p2",
          brand: "Luxury",
          name: "Couple Package",
          price: "₹8,999",
          rating: 5,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg",
          imageAlt: "comfortable hotel bedroom rustic modern",
        },
        {
          id: "p3",
          brand: "Nature",
          name: "Adventure Trek",
          price: "₹2,500",
          rating: 4,
          reviewCount: "40",
          imageSrc: "http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890375.jpg",
          imageAlt: "delicious buffet restaurant interior resort",
        },
        {
          id: "p4",
          brand: "Hospitality",
          name: "Group Tour",
          price: "₹12,000",
          rating: 5,
          reviewCount: "10",
          imageSrc: "http://img.b2bpic.net/free-photo/objects-home-cozy-decor-interior-room-with-beautiful-red-tulips-concept-decor-home-atmosphere_169016-4630.jpg",
          imageAlt: "cozy hotel interior natural decor",
        },
        {
          id: "p5",
          brand: "Luxury",
          name: "Luxury Suite Stay",
          price: "₹6,500",
          rating: 5,
          reviewCount: "25",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg",
          imageAlt: "comfortable hotel bedroom rustic modern",
        },
        {
          id: "p6",
          brand: "Relaxation",
          name: "Spa & Wellness",
          price: "₹1,999",
          rating: 4,
          reviewCount: "30",
          imageSrc: "http://img.b2bpic.net/free-photo/sofa-living-room-decorated-with-brazilian-folklore-design_23-2150793987.jpg",
          imageAlt: "cozy hotel interior natural decor",
        },
      ]}
      title="Our Offerings"
      description="Choose from our tailored packages for your holiday experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Ananya Sharma",
          role: "CEO",
          company: "TechCorp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-girl-black-dress-spring-wood_627829-9283.jpg",
          imageAlt: "happy guest portrait smiling nature",
        },
        {
          id: "t2",
          name: "Vikram Singh",
          role: "Manager",
          company: "Travelers",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-women-posing-near-outdoor-pool-exotic-resort-photo-graceful-ladies-dresses-standing-nature_197531-9207.jpg",
          imageAlt: "couple enjoying resort garden view",
        },
        {
          id: "t3",
          name: "Priya Das",
          role: "Director",
          company: "GrowthCo",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-drinking-hot-tea-coffee-cafe-with-her-cell-mobile-phone_1328-4274.jpg",
          imageAlt: "business traveler portrait warm lobby",
        },
        {
          id: "t4",
          name: "Rohan Mehta",
          role: "Founder",
          company: "StartupXYZ",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_23-2150767911.jpg",
          imageAlt: "family vacation portrait happy resort",
        },
        {
          id: "t5",
          name: "Sunita Rao",
          role: "Manager",
          company: "Innovate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-warm-clothing-enjoys-serenity-wilderness_482257-117867.jpg",
          imageAlt: "tourist explorer portrait mountain setting",
        },
      ]}
      title="Guest Stories"
      description="What our guests say about their stay at Mid Way Treat."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "500+",
          title: "Acres of Greenery",
          description: "Surrounded by vast natural forest.",
          imageSrc: "http://img.b2bpic.net/free-photo/natural-background-lake-forest-highlands_169016-21699.jpg",
          imageAlt: "forest green nature landscape wide",
        },
        {
          id: "m2",
          value: "15",
          title: "Luxury Rooms",
          description: "Perfectly crafted spaces.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-breakfast-tray-bed_23-2148877566.jpg",
          imageAlt: "cozy hotel interior natural decor",
        },
        {
          id: "m3",
          value: "99%",
          title: "Guest Satisfaction",
          description: "Excellence in service.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
          imageAlt: "happy guest portrait smiling nature",
        },
      ]}
      title="At a Glance"
      description="Some key facts about our beautiful location."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Check-in timings?",
          content: "Check-in at 12:00 PM and check-out at 11:00 AM.",
        },
        {
          id: "q2",
          title: "Is parking available?",
          content: "Yes, we provide secure on-site parking for all our guests.",
        },
        {
          id: "q3",
          title: "Are pets allowed?",
          content: "Please contact our front desk directly for our current pet policy.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/filling-document-reception_1098-18003.jpg"
      mediaAnimation="slide-up"
      title="Common Questions"
      description="Everything you need to know about booking and facilities."
      faqsAnimation="slide-up"
      imageAlt="resort guest assistance front desk"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Booking"
      title="Get In Touch"
      description="Need help with bookings? Our support team is ready to assist."
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-landscape_8327-99.jpg"
      mediaAnimation="slide-up"
      imageAlt="resort peaceful garden path entry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Mid Way Treat"
      columns={[
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Links",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
