"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Madhur Radio"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Premium DJ Sound & Lighting for Every Celebration – Madhur Radio"
      description="Feel the Beat. Celebrate the Moments with Madhur Radio’s top-tier audio, lighting, and stage setups."
      testimonials={[
        {
          name: "Rahul Verma",
          handle: "@rahul",
          testimonial: "Amazing sound quality! Made our marriage function truly unforgettable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=1",
          imageAlt: "modern dj lighting stage",
        },
        {
          name: "Priya Sharma",
          handle: "@priya",
          testimonial: "Professional setup and on-time service for our annual event.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=1",
          imageAlt: "modern dj lighting stage",
        },
        {
          name: "Amit Kumar",
          handle: "@amit",
          testimonial: "Best DJ and lighting in Sawai Madhopur! Totally recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=1",
          imageAlt: "modern dj lighting stage",
        },
        {
          name: "Anjali Gupta",
          handle: "@anjali",
          testimonial: "Top-notch speakers and great lighting arrangement.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9611.jpg?_wi=1",
          imageAlt: "modern dj lighting stage",
        },
        {
          name: "Vijay Singh",
          handle: "@vijay",
          testimonial: "Highly reliable service for all our festivals. Great team!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=1",
          imageAlt: "modern dj lighting stage",
        },
      ]}
      buttons={[
        {
          text: "Book Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=2"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-phone_1157-619.jpg",
          alt: "Smiling man at phone",
        },
        {
          src: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2504.jpg",
          alt: "Hipster model with long hair",
        },
        {
          src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
          alt: "African guy wears trendy wristwatch",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-bearded-man-with-camera_171337-4805.jpg",
          alt: "Portrait of a smiling bearded man",
        },
        {
          src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
          alt: "Merry young adult enjoying celebration",
        },
      ]}
      avatarText="Join 500+ happy clients"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Serving Quality Sound for Years"
      description="Madhur Radio has been providing high-quality sound for all events for years. Our trusted technicians bring expertise and reliability to every function, ensuring your celebrations sound incredible."
      bulletPoints={[
        {
          title: "Affordable Packages",
          description: "Custom pricing for every event.",
        },
        {
          title: "On-Time Setup",
          description: "Punctuality is our guarantee.",
        },
        {
          title: "Professional Equipment",
          description: "High-fidelity audio and modern lighting.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "Birthday Party DJ",
          "Stage & Lighting Setup",
          "Jagran & Kirtan Sound",
        ],
      }}
      positiveCard={{
        items: [
          "Wedding DJ & Sound",
          "Corporate Event Audio",
          "Festival DJ Setup (Holi, Diwali)",
        ],
      }}
      title="Comprehensive Event Audio & Lighting"
      description="From marriage functions to corporate events, we provide specialized setup for every celebration."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "DJ Sound System",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=2",
        },
        {
          id: "p2",
          name: "Bass Speakers",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9611.jpg?_wi=2",
        },
        {
          id: "p3",
          name: "Professional Lighting",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=2",
        },
        {
          id: "p4",
          name: "Full Stage Setup",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-control-room-with-pre-knobs-faders_482257-121167.jpg",
        },
        {
          id: "p5",
          name: "LED Light Array",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/gold-blue-abstract-bokeh-black-background_23-2148056717.jpg",
        },
        {
          id: "p6",
          name: "Wedding DJ Setup",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dj-equipment-table_23-2148325463.jpg",
        },
      ]}
      title="Our Professional Equipment"
      description="Top-tier audio hardware ready for your venue."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Rahul Verma",
          date: "Oct 2023",
          title: "Wedding Function",
          quote: "The sound quality was crystal clear. Incredible experience.",
          tag: "Wedding",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=3",
          imageAlt: "friendly wedding guest portrait",
        },
        {
          id: "t2",
          name: "Priya Sharma",
          date: "Sept 2023",
          title: "Corporate Event",
          quote: "Professional, punctual, and very helpful technicians.",
          tag: "Corporate",
          avatarSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-coffee-terrace-cafe_624325-938.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=3",
          imageAlt: "friendly wedding guest portrait",
        },
        {
          id: "t3",
          name: "Amit Kumar",
          date: "Aug 2023",
          title: "Birthday DJ",
          quote: "Best DJ setup ever! Everyone danced all night long.",
          tag: "Birthday",
          avatarSrc: "http://img.b2bpic.net/free-photo/relaxed-carefree-male-model-dances-happily-listens-music-headphones-enjoys-good-sound-quality_273609-30394.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=3",
          imageAlt: "friendly wedding guest portrait",
        },
        {
          id: "t4",
          name: "Anjali Gupta",
          date: "July 2023",
          title: "Festival Event",
          quote: "Reliable and great sound for our community festival.",
          tag: "Festival",
          avatarSrc: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9611.jpg?_wi=3",
          imageAlt: "friendly wedding guest portrait",
        },
        {
          id: "t5",
          name: "Vijay Singh",
          date: "June 2023",
          title: "Jagran Setup",
          quote: "Excellent service and setup for our kirtan.",
          tag: "Spiritual",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=3",
          imageAlt: "friendly wedding guest portrait",
        },
      ]}
      title="Loved by Our Clients"
      description="See why Madhur Radio is the top choice in Sawai Madhopur."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Where do you operate?",
          content: "We serve Sawai Madhopur, Ranthambore, and nearby areas.",
        },
        {
          id: "f2",
          title: "How do I book?",
          content: "Contact us on WhatsApp or call 9414646994.",
        },
        {
          id: "f3",
          title: "Do you provide lighting?",
          content: "Yes, we specialize in stage, LED, and event lighting.",
        },
      ]}
      title="Common Questions"
      description="Everything you need to know about booking us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Ready to book your event? Call us at 9414646994 or reach out on WhatsApp for a quick quote. Let’s celebrate!"
      buttons={[
        {
          text: "WhatsApp Quick Booking",
          href: "https://wa.me/919414646994",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Madhur Radio"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Wedding DJ",
              href: "#",
            },
            {
              label: "Birthday DJ",
              href: "#",
            },
            {
              label: "Lighting",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "9414646994",
              href: "tel:9414646994",
            },
            {
              label: "Email Us",
              href: "mailto:info@madhurradio.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Madhur Radio. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
