"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 FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Building, Gift, Home, Mountain, Palette, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhHeAOX9VH1cZ4xYEzsgjintVI/uploaded-1778729510700-keh7d3u6.png"
      brandName="Kasimba"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="An Intimate Luxury Retreat in Mmokolodi"
      description="Where tranquillity, refined hospitality, and curated experiences meet."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@traveler",
          testimonial: "The perfect blend of African elegance and modern comfort. A hidden gem in Gaborone.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/restful-man_1098-13861.jpg",
        },
        {
          name: "Mark D.",
          handle: "@executive",
          testimonial: "Exceptional service and attention to detail. My go-to for corporate retreats.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575113.jpg",
        },
        {
          name: "Clara T.",
          handle: "@wedding",
          testimonial: "Our wedding at Kasimba was truly magical. Everything we dreamed of and more.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg",
        },
        {
          name: "David L.",
          handle: "@tourist",
          testimonial: "The culinary experience alone makes Kasimba worth the visit.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-staff-standing-escalator_107420-63613.jpg",
        },
        {
          name: "Elena R.",
          handle: "@local",
          testimonial: "A sanctuary right on our doorstep. The service is simply unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5476.jpg",
        },
      ]}
      buttons={[
        {
          text: "Book Your Stay",
          href: "#contact",
        },
        {
          text: "Explore Experiences",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/african-american-woman-overalls-beret-posed-outdoor-terrace-with-christmas-decorations-garland-deer_627829-6947.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5678.jpg",
          alt: "Guest 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bright-lovers-boy-girl-romantic-setting-are-covered-with-warm-striped-blanket_197531-17325.jpg",
          alt: "Guest 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-reading-indoors_23-2149548577.jpg",
          alt: "Guest 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260829.jpg",
          alt: "Guest 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
          alt: "Guest 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text-icon",
          text: "World-Class Service",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Authentic Design",
          icon: Palette,
        },
        {
          type: "text-icon",
          text: "Bespoke Dining",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Tranquil Setting",
          icon: Building,
        },
        {
          type: "text-icon",
          text: "Premium Comfort",
          icon: Home,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Luxury Rooted in Comfort"
      metrics={[
        {
          label: "Rooms",
          value: "19",
          icon: Home,
        },
        {
          label: "Dining",
          value: "24/7",
          icon: Award,
        },
        {
          label: "Events",
          value: "Custom",
          icon: Gift,
        },
        {
          label: "Culture",
          value: "Authentic",
          icon: Mountain,
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Culinary Excellence",
          description: "Authentic local ingredients crafted into world-class dishes.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497286.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199347.jpg",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhHeAOX9VH1cZ4xYEzsgjintVI/uploaded-1778729510700-keh7d3u6.png?_wi=1",
          imageAlt: "luxury boutique room interior",
        },
        {
          title: "Wedding & Events",
          description: "A stunning, tranquil venue for your most important moments.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118924.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-overalls-beret-posed-outdoor-terrace-with-christmas-decorations-garland-deer_627829-6947.jpg?_wi=2",
          imageAlt: "luxury boutique room interior",
        },
        {
          title: "Sunset Cocktails",
          description: "Unwind in our bar with a bespoke cocktail as the sun sets.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/house-plants-by-mattress-floor_53876-105820.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg?_wi=1",
          imageAlt: "luxury boutique room interior",
        },
      ]}
      showStepNumbers={false}
      title="Our Signature Offerings"
      description="Curated experiences designed to elevate your stay."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Room",
          name: "Deluxe Room",
          price: "P675",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059692.jpg",
        },
        {
          id: "p2",
          brand: "Room",
          name: "Executive Room",
          price: "P850",
          rating: 5,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg",
        },
        {
          id: "p3",
          brand: "Room",
          name: "Family Room",
          price: "P1500",
          rating: 5,
          reviewCount: "9",
          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-baby-while-wife-reading-book-home_23-2147923036.jpg",
        },
        {
          id: "p4",
          brand: "Suite",
          name: "Signature Suite",
          price: "P2200",
          rating: 5,
          reviewCount: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg",
        },
        {
          id: "p5",
          brand: "Lodge",
          name: "Garden Cottage",
          price: "P1800",
          rating: 5,
          reviewCount: "11",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-black-bedroom-with-monstera-leaf-art_23-2151978957.jpg",
        },
        {
          id: "p6",
          brand: "Lodge",
          name: "Poolside View",
          price: "P1200",
          rating: 5,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/appealing-girl-with-dark-hairstyle-dressed-shiny-dress-jewelry-is-sitting-kitchen-table-with-closed-eyes-shy-smile_291650-2388.jpg",
        },
      ]}
      title="Accommodation"
      description="Refined comfort for every traveler."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          title: "Romantic Getaway",
          price: "P2500",
          period: "weekend",
          features: [
            "Luxury Suite",
            "Dinner for two",
            "Breakfast inclusive",
          ],
          button: {
            text: "Enquire Now",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-glamping-tent-with-bed-lanterns_23-2151976535.jpg",
          imageAlt: "Cozy glamping tent with bed and lanterns",
        },
        {
          id: "p2",
          title: "Corporate Retreat",
          price: "P5000",
          period: "full-day",
          features: [
            "Conference room",
            "Catering included",
            "Projector access",
          ],
          button: {
            text: "Enquire Now",
            href: "#contact",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhHeAOX9VH1cZ4xYEzsgjintVI/uploaded-1778729510700-keh7d3u6.png?_wi=2",
          imageAlt: "Cozy glamping tent with bed and lanterns",
        },
        {
          id: "p3",
          title: "Wedding Special",
          price: "Custom",
          period: "per event",
          features: [
            "Venue hire",
            "Decor planning",
            "Executive Suite",
          ],
          button: {
            text: "Enquire Now",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-overalls-beret-posed-outdoor-terrace-with-christmas-decorations-garland-deer_627829-6947.jpg?_wi=3",
          imageAlt: "Cozy glamping tent with bed and lanterns",
        },
      ]}
      title="Exclusive Packages"
      description="Curated stays for the discerning guest."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Amara Diallo",
          role: "Travel Writer",
          company: "Global Wander",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg?_wi=2",
        },
        {
          id: "2",
          name: "Kojo Mensah",
          role: "Finance Director",
          company: "Capital Bank",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575172.jpg",
        },
        {
          id: "3",
          name: "Elena & Leo",
          role: "Couples",
          company: "Private",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-laughing-traveling-summer-by-sea-man-woman-wearing-sunglasses_285396-727.jpg",
        },
        {
          id: "4",
          name: "Thomas Wright",
          role: "Consultant",
          company: "TechStream",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",
        },
        {
          id: "5",
          name: "Linda M.",
          role: "Tourism Expert",
          company: "Expo Tours",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-his-yellow-bag-preparing-trip-light-blue-wall_140725-89926.jpg",
        },
      ]}
      title="Guest Experiences"
      description="Our promise of elegance and comfort."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Is there parking available?",
          content: "Yes, we offer secure, complimentary parking for all our guests.",
        },
        {
          id: "f2",
          title: "Do you offer wedding packages?",
          content: "Yes, we have bespoke wedding packages available upon request.",
        },
        {
          id: "f3",
          title: "Are meals included?",
          content: "Breakfast is complimentary with your stay; other meals can be ordered from our restaurant.",
        },
        {
          id: "f4",
          title: "Is Wi-Fi free?",
          content: "Yes, free high-speed Wi-Fi is provided throughout the hotel.",
        },
      ]}
      title="Frequently Asked"
      description="Information for your stay at Kasimba."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static",
      }}
      title="Your Boutique Escape Awaits"
      description="Contact us for enquiries and reservations."
      inputPlaceholder="Your message or enquiry..."
      tag="Get in touch"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DhHeAOX9VH1cZ4xYEzsgjintVI/uploaded-1778729510700-keh7d3u6.png"
      logoText="Kasimba"
      leftLink={{
        text: "reservations@simbani.co.bw",
        href: "mailto:reservations@simbani.co.bw",
      }}
      rightLink={{
        text: "+267 393 0024",
        href: "tel:+2673930024",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}