"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Juan In A Million Handyman Services"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Juan In A Million Handyman Services"
      description="Your trusted partner for home improvement in Las Vegas. From drywall repair to full renovations, we deliver quality you can count on at prices that make sense."
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#services",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-tools_23-2148558020.jpg?_wi=1",
          imageAlt: "Handyman repairing cabinet",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/painting-apartment-wall-with-white-paint-using-roller-brush-handyman-renovating-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14184.jpg?_wi=1",
          imageAlt: "Drywall repair service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278614.jpg?_wi=1",
          imageAlt: "Home improvement renovation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-working-storehouse-inventory_482257-108883.jpg?_wi=1",
          imageAlt: "Painting and detailing",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/point-view-young-handyman-using-power-drill-fix-door-kitchen-cabinet_662251-2704.jpg",
          imageAlt: "Flooring installation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-tools-copyspace_23-2147812023.jpg",
          imageAlt: "Handyman at work",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Reliability and Quality in Every Detail",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg",
          alt: "Handyman Services Las Vegas",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#services",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="inline-image"
      useInvertedBackground={false}
      features={[
        {
          title: "Room Renovations",
          description: "Complete room transformations delivered with professional care.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-tools_23-2148558020.jpg?_wi=2",
          imageAlt: "Room Renovation",
        },
        {
          title: "Drywall & Painting",
          description: "Seamless repair work and quality finish for every wall.",
          imageSrc: "http://img.b2bpic.net/free-photo/painting-apartment-wall-with-white-paint-using-roller-brush-handyman-renovating-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14184.jpg?_wi=2",
          imageAlt: "Drywall Repair",
        },
        {
          title: "Flooring & Cabinetry",
          description: "Expert installation and cabinet work for your kitchen and living space.",
          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278614.jpg?_wi=2",
          imageAlt: "Flooring and Cabinets",
        },
        {
          title: "Lighting & Backsplash",
          description: "Finishing touches like lighting installation and elegant backsplashes.",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-working-storehouse-inventory_482257-108883.jpg?_wi=2",
          imageAlt: "Lighting and Backsplash",
        },
      ]}
      title="Expert Handyman Services"
      description="Offering a comprehensive range of professional home repair and renovation services for your needs in Las Vegas."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          handle: "@sarahmiller",
          testimonial: "Excellent communication and fair pricing. Juan was professional and completed the job perfectly.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
        },
        {
          id: "2",
          name: "David Thompson",
          handle: "@davidt",
          testimonial: "Detail-oriented and dependable. The flooring work looks amazing. Will hire again.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-friends-taking-selfie-with-smartphone_23-2148708898.jpg",
        },
        {
          id: "3",
          name: "Elena Rodriguez",
          handle: "@elenar",
          testimonial: "Punctual, friendly, and they finished the job much faster than expected. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg",
        },
        {
          id: "4",
          name: "Mike Johnson",
          handle: "@mikej",
          testimonial: "Juan In A Million handled our drywall and painting flawlessly. Great standards.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg",
        },
        {
          id: "5",
          name: "Jessica Lee",
          handle: "@jessicalee",
          testimonial: "Super efficient and very clean work. Our backsplash looks professional and was affordable.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg",
        },
      ]}
      title="Trusted by Homeowners"
      description="We are proud of our 4.4-star rating and the positive feedback from our valued customers."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="Schedule Your Service Today"
      description="Reach out to Juan In A Million for a quote on your next home improvement project."
      inputPlaceholder="Enter your email address"
      buttonText="Get Free Quote"
      termsText="We value your privacy and keep your contact information secure."
      tag="Get in touch"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Address: 5200 Jay Ave, Las Vegas, NV",
              href: "#",
            },
            {
              label: "Phone: 702-555-0123",
              href: "#",
            },
            {
              label: "Email: contact@juanhandyman.com",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="Juan In A Million Handyman Services"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
