"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=" Reliable Handyman You Can Trust. TV Mounting • Furniture Assembling • Electrical • Plumbing • Drywall • Repairs • Woodworks Fast response, clean work, and no surprises just quality done right the first time. Serving Schaumburg & surrounding areas."
      buttons={[
        { text: "Call Today", href: "tel:+12243848939" },
        { text: "Get Estimate", href: "/contact" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777334083648-c5rp832m.jpg?_wi=1"
      imagePosition="right"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777335831226-a264gw7t.jpg", buttons: [{ text: "Book Now", href: "/contact" }] },
        { id: "f2", title: "Home Repair & Caulking", description: "Precision repairs to keep your home in top shape.", tag: "Repairs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777335956796-3jll8z3t.jpg", buttons: [{ text: "Book Now", href: "/contact" }] },
        { id: "f3", title: "Furniture Assembly", description: "Professional assembly for all your household furniture.", tag: "Handyman", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777336071743-cinmtt2p.jpg", buttons: [{ text: "Book Now", href: "/contact" }] },
        { id: "f4", title: "Plumbing Maintenance", description: "Minor leak fixes and hardware replacements.", tag: "Plumbing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777336142840-5jb1fm8h.jpg", buttons: [{ text: "Book Now", href: "/contact" }] },
        { id: "f5", title: "Wall Mounting", description: "TV mounts, shelves, and heavy-duty hanging.", tag: "Mounting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777336198985-5xi6ssgs.jpg", buttons: [{ text: "Book Now", href: "/contact" }] },
      ]}
      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="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>
  );
}