"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Syncpoint Handyman"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Reliable Handyman Services You Can Trust"
      description="Fast response, clean work, and no surprises. From repairs to mounting and assembly, we provide quality service for your home in Schaumburg."
      buttons={[
        {
          text: "Call Today",
          href: "tel:+10000000000",
        },
        {
          text: "Get Estimate",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530703.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530706.jpg",
          alt: "Handyman team member 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-man-using-pistol-tool-wood_23-2148640303.jpg",
          alt: "Handyman team member 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-worker-using-hammer_23-2149916257.jpg",
          alt: "Handyman team member 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elevated-view-various-tools-toolbag_23-2147865392.jpg",
          alt: "Handyman team member 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-servant-doing-chores-around-house_23-2149508128.jpg",
          alt: "Handyman team member 5",
        },
      ]}
      avatarText="Trusted by 500+ local homeowners"
      marqueeItems={[
        {
          type: "text",
          text: "Fully Licensed & Insured",
        },
        {
          type: "text",
          text: "Local Owned & Operated",
        },
        {
          type: "text",
          text: "Same-Day Service",
        },
        {
          type: "text",
          text: "Competitive Pricing",
        },
        {
          type: "text",
          text: "Quality Guaranteed",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Quality Done Right the First Time"
      description={[
        "Syncpoint Handyman Service provides professional property repairs and assembly throughout the Schaumburg area.",
        "Whether you need furniture assembly, electrical fixes, plumbing, or drywall repair, our experienced team ensures every project meets the highest standards.",
        "We pride ourselves on local ownership, transparent pricing, and exceptional customer service for every home improvement task.",
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Appliance Installation",
          description: "Expert setup for dishwashers, stoves, and cooktops.",
          tag: "Installation",
          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cleaning-kitchen_23-2149530829.jpg",
        },
        {
          id: "f2",
          title: "Home Repair & Caulking",
          description: "Precision repairs to keep your home in top shape.",
          tag: "Repairs",
          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-getting-payed-by-owner_23-2149587635.jpg",
        },
        {
          id: "f3",
          title: "Furniture Assembly",
          description: "Professional assembly for all your household furniture.",
          tag: "Handyman",
          imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-african-american-woman-holds-paint-brush-as-microphone-has-fun-after-painting-wears-yellow-sweater-poses-against-house-design-project-busy-repairing-apartment-tilts-head-laughs_273609-42202.jpg",
        },
        {
          id: "f4",
          title: "Plumbing Maintenance",
          description: "Minor leak fixes and hardware replacements.",
          tag: "Plumbing",
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg",
        },
        {
          id: "f5",
          title: "Wall Mounting",
          description: "TV mounts, shelves, and heavy-duty hanging.",
          tag: "Mounting",
          imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6580.jpg",
        },
      ]}
      title="Comprehensive Repair Services"
      description="Professional solutions for your daily home needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Why Choose Syncpoint"
      tag="Results Guaranteed"
      metrics={[
        {
          id: "m1",
          value: "100%",
          description: "Results Guaranteed",
        },
        {
          id: "m2",
          value: "24/7",
          description: "Emergency Availability",
        },
        {
          id: "m3",
          value: "Local",
          description: "Owner Operated",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "John Doe",
          role: "Homeowner",
          company: "Schaumburg",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-calculate-their-bills-home-look-desperately-papers-have-much-unpaid-taxes-check-documentation-pose-floor-drink-take-out-coffee-from-disposable-cup-think-about-repairing-flat_273609-28960.jpg",
        },
        {
          id: "2",
          name: "Jane Smith",
          role: "Resident",
          company: "Schaumburg",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
        },
        {
          id: "3",
          name: "Robert Lee",
          role: "Client",
          company: "Schaumburg",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
        },
        {
          id: "4",
          name: "Sarah Connor",
          role: "Homeowner",
          company: "Schaumburg",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
        },
        {
          id: "5",
          name: "Mike Ross",
          role: "Resident",
          company: "Schaumburg",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-looking-camera-holding-cup-coffee_23-2148306626.jpg",
        },
      ]}
      title="What Our Clients Say"
      description="Serving the Schaumburg community with excellence."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Do you offer free estimates?",
          content: "Yes, we provide free, no-obligation estimates for all our services.",
        },
        {
          id: "faq2",
          title: "Are you available on weekends?",
          content: "We are open 24 hours Monday through Saturday, and 9:00 AM - 7:00 PM on Sundays.",
        },
        {
          id: "faq3",
          title: "What payment methods do you accept?",
          content: "We accept cash, credit cards, and Zelle for your convenience.",
        },
      ]}
      title="Common Questions"
      description="Need more information? Here's what you should know."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Call or text today to schedule your service."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your project",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/impressed-young-couple-construction-worker-uniform-cap-girl-holding-pencil-clipboard-looking-guy-he-showing-empty-hands-looking-clipboard-isolated-purple-wall_141793-113815.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
      ]}
      logoText="Syncpoint Handyman"
      copyrightText="© 2025 Syncpoint Handyman Service. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
