Files
ea5893ad-e24a-4bfd-ba75-3d8…/src/app/page.tsx
2026-04-28 01:03:32 +00:00

161 lines
9.1 KiB
TypeScript

"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="Our professionals arrive on time and ready to work to fix your home issues in as little as 2 hours. Trusted by 500+ homeowners in Schaumburg, we provide fast response times, clean work, and no surprises."
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: "Get a Quote", 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: "Get a Quote", 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: "Get a Quote", 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: "Get a Quote", 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: "Get a Quote", 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. Secure digital payments available 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>
);
}