"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Compass, Facebook, Heart, Home, Instagram, MapPin, Phone, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Rooms",          id: "rooms"},
        {
          name: "Amenities",          id: "amenities"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Location",          id: "location"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/gradient-abstract-company-logo-template_23-2148229322.jpg"
      logoAlt="Masana Guest House Logo"
      brandName="Masana"
      bottomLeftText="Authentic Soweto Hospitality"
      bottomRightText="info@masanaguesthouse.co.za"
      button={{
        text: "Book Now",        href: "#booking"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Your Home in Soweto"
      description="Warm hospitality, comfortable rooms, and authentic Soweto experiences at Masana Guest House in Chiawelo. Experience the best rates when you book direct."
      kpis={[
        {
          value: "4.6",          label: "Guest Rating"},
        {
          value: "8",          label: "Rooms Available"},
        {
          value: "41",          label: "Happy Guests"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Check Availability • Best Rates Direct",          href: "#booking"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-natural-young-african-woman-with-afro-hair-black-model-red-silk-dress_627829-4752.jpg?_wi=1"
      imageAlt="Soweto guest house exterior evening"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-posing-cafe_627829-784.jpg",          alt: "Happy guest 1"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-fashionable-african-american-man-formal-wear-bow-tie-with-walking-stick_627829-13487.jpg",          alt: "Happy guest 2"},
        {
          src: "http://img.b2bpic.net/free-photo/looking-side-smiled-afro-american-girl-stands-studio-with-vertical-white-black-lines-background_146671-14002.jpg",          alt: "Happy guest 3"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-cheerful-hotel-concierge-staff-poses-with-arms-crossed-studio_482257-107131.jpg",          alt: "Happy guest 4"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-woman-posing-outside_273609-20518.jpg",          alt: "Happy guest 5"},
      ]}
      avatarText="Loved by our guests!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Authentic Experience",          icon: Heart,
        },
        {
          type: "text-icon",          text: "Prime Location",          icon: MapPin,
        },
        {
          type: "text-icon",          text: "Exceptional Service",          icon: Star,
        },
        {
          type: "text-icon",          text: "Comfortable Stays",          icon: Home,
        },
        {
          type: "text-icon",          text: "Local Insights",          icon: Compass,
        },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Secure Booking",        "4.6/5 from 41 guests",        "Check-in from 14:00",        "Free WiFi"]}
      title="Why Choose Masana Guest House?"
      description="Secure bookings, verified reviews, flexible check-in, and complimentary WiFi for a worry-free stay."
      speed={30}
      showCard={false}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Welcome to Masana"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/traditional-house-interior-design_23-2151050971.jpg",          alt: "Masana Guest House interior lounge cozy"}
      ]}
      buttons={[
        {
          text: "Explore Soweto History",          href: "#"}
      ]}
    />
    <p className="mt-4 text-base text-gray-600">
      Nestled in the vibrant heart of Chiawelo, Soweto, Masana Guest House offers more than just accommodation; it's an invitation to experience genuine South African hospitality. Our tastefully decorated rooms and communal spaces blend modern comfort with authentic local charm, creating a serene sanctuary for both leisure and business travelers. Discover the rich history and dynamic culture of Soweto right at your doorstep, all while enjoying the peace and personalized service of our family-run establishment.
    </p>
  </div>

  <div id="amenities" data-section="amenities">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Dining",          title: "Full Breakfast",          subtitle: "Included daily",          description: "Start your day with a delicious and freshly prepared breakfast, served daily.",          imageSrc: "http://img.b2bpic.net/free-vector/letter-m-colorful-logo-design_474888-3953.jpg",          imageAlt: "letter m colorful logo design"},
        {
          tag: "Convenience",          title: "Free Parking",          subtitle: "On-site",          description: "Enjoy secure and complimentary parking facilities during your entire stay.",          imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-company-logo-template_23-2148229322.jpg",          imageAlt: "letter m colorful logo design"},
        {
          tag: "Connectivity",          title: "High-Speed WiFi",          subtitle: "Available throughout",          description: "Stay connected with our reliable high-speed internet access in all areas.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-natural-young-african-woman-with-afro-hair-black-model-red-silk-dress_627829-4752.jpg?_wi=2",          imageAlt: "letter m colorful logo design"},
        {
          tag: "Service",          title: "Laundry Service",          subtitle: "Upon request",          description: "Professional laundry services available to keep your wardrobe fresh.",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-interior-design_23-2151050971.jpg",          imageAlt: "letter m colorful logo design"},
      ]}
      title="What We Offer"
      description="Our guest house is equipped with a range of amenities to ensure your stay is as comfortable and convenient as possible."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "deluxe",          name: "Deluxe Double Room",          price: "R 950",          variant: "Queen Bed, En-suite, A/C",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg",          imageAlt: "Deluxe Double Room"},
        {
          id: "twin",          name: "Twin Room",          price: "R 850",          variant: "2 Single Beds, En-suite, Desk",          imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-interior-design_23-2151995361.jpg",          imageAlt: "Twin Room"},
        {
          id: "family",          name: "Family Suite",          price: "R 1,450",          variant: "1 Double + 2 Singles, Lounge",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-partners-bed_23-2149246749.jpg",          imageAlt: "Family Suite"},
      ]}
      title="Our Rooms"
      description="Comfortable, clean, and thoughtfully designed rooms for a restful stay, ensuring you feel right at home."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Lerato K.",          role: "Guest from Cape Town",          company: "South Africa",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-toothy-smiling_23-2148183289.jpg",          imageAlt: "Guest Lerato K."},
        {
          id: "2",          name: "David N.",          role: "Guest from Germany",          company: "Germany",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg",          imageAlt: "Guest David N."},
        {
          id: "3",          name: "Sipho M.",          role: "Guest from Durban",          company: "South Africa",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-person-smiling-camera-against-orange-background_482257-94763.jpg",          imageAlt: "Guest Sipho M."},
        {
          id: "4",          name: "Nomusa Z.",          role: "Traveler",          company: "Local Guide",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-woman-wear-red-tshirt-posing-outdoor_627829-4560.jpg",          imageAlt: "Guest Nomusa Z."},
        {
          id: "5",          name: "Peter V.",          role: "Business Traveller",          company: "Global Corp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661546.jpg",          imageAlt: "Guest Peter V."},
      ]}
      title="Guest Reviews"
      description="Hear what our wonderful guests have to say about their memorable stays at Masana Guest House."
    />
  </div>

  <div id="location" data-section="location">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="Experience Masana - Prime Location in Soweto"
      description="Located at 170 Sono Road, Chiawelo, Soweto, our guest house is perfectly situated for exploring local attractions. Contact us directly for the best rates and personalized service. Book now and get free airport transfer for stays over 3 nights!"
      imageSrc="http://img.b2bpic.net/free-photo/map-illinois-polygonal-mesh-line-map-flag-map_559531-11383.jpg"
      imageAlt="Map showing Masana Guest House location in Soweto"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email for inquiries"
      buttonText="Book Your Stay Now"
      termsText="By submitting, you agree to receive updates and booking information from Masana Guest House."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/gradient-abstract-company-logo-template_23-2148229322.jpg"
      logoAlt="Masana Guest House Logo"
      logoText="Masana"
      copyrightText="© 2026 Masana Guest House. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook profile"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram profile"},
        {
          icon: Phone,
          href: "tel:0606198683",          ariaLabel: "Call or WhatsApp us"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
