"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
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. Call or Text today"
      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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777340258699-co0zu3x9.jpg", alt: "Handyman team member 1" },
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cxggax9uoHWOUnvB5jeqt1nr7A/uploaded-1777340306618-tgb8f378.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="History "
      description={[
        "HEstablished in 2025.Syncpoint Handyman Service started from a passion for hands-on work and doing things the right way. What began as helping friends and family with repairs and small projects quickly grew through word of mouth. Over time, that experience turned into a professional service focused on reliability, quality workmanship, and attention to detail. Today, Syncpoint is built on trust, consistency, and delivering results that last",        "",        ""
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split-description"
      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="quote" data-section="quote">
      <ContactCTA
        tag="Get a Quote"
        title="What kind of work do you need done?"
        description="We provide repairs, installations, assemblies, and other handyman services with a 50-minute response time and excellent quality."
        buttons={[{ text: "Request Quote", href: "/contact" }]}
      />
  </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>
  );
}