21 Commits

Author SHA1 Message Date
1a23437ca3 Merge version_7 into main
Merge version_7 into main
2026-05-20 17:40:14 +00:00
57433e3630 Update src/app/page.tsx 2026-05-20 17:40:10 +00:00
4ad5459ebe Merge version_7 into main
Merge version_7 into main
2026-05-20 17:36:52 +00:00
7510ba4029 Update src/app/page.tsx 2026-05-20 17:36:49 +00:00
07a5ea9e22 Merge version_6 into main
Merge version_6 into main
2026-05-20 17:34:06 +00:00
2c4e7ede1d Update src/app/page.tsx 2026-05-20 17:33:59 +00:00
7d36d0fe1d Merge version_5 into main
Merge version_5 into main
2026-05-20 17:26:13 +00:00
763e36a3d3 Update src/app/styles/variables.css 2026-05-20 17:26:10 +00:00
dde09e4e46 Update src/app/page.tsx 2026-05-20 17:26:09 +00:00
f92556df90 Merge version_4 into main
Merge version_4 into main
2026-05-20 17:22:14 +00:00
92179da0b0 Update src/app/page.tsx 2026-05-20 17:22:08 +00:00
af5617121d Merge version_4 into main
Merge version_4 into main
2026-05-20 17:21:42 +00:00
b3afa65a87 Update src/app/page.tsx 2026-05-20 17:21:36 +00:00
26aad23811 Merge version_4 into main
Merge version_4 into main
2026-05-20 17:21:07 +00:00
e1171b7a3e Update src/app/page.tsx 2026-05-20 17:21:01 +00:00
79be3fc33a Merge version_3 into main
Merge version_3 into main
2026-05-20 17:13:50 +00:00
ff6c96819d Update src/app/page.tsx 2026-05-20 17:13:46 +00:00
1fc012cdb8 Merge version_2 into main
Merge version_2 into main
2026-05-20 17:10:54 +00:00
7833baacad Update src/app/page.tsx 2026-05-20 17:10:51 +00:00
d49162c736 Merge version_1 into main
Merge version_1 into main
2026-05-20 17:04:01 +00:00
e3f427ebbd Merge version_1 into main
Merge version_1 into main
2026-05-20 16:44:03 +00:00
2 changed files with 114 additions and 418 deletions

View File

@@ -2,428 +2,124 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Star } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
export default function AdeptHandymanLandingPage() {
const scrollToSection = (id: string) => {
const element = document.getElementById(id.startsWith('#') ? id.slice(1) : id);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
};
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLarge"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Adept Handyman Services"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Appointment", id: "appointment" },
]}
brandName="Adept Handyman"
button={{ text: "Call (561) 531-5971", onClick: () => window.location.href = "tel:+15615315971" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Top-Rated Handyman Services in West Palm Beach"
description="Providing expert residential and commercial repairs with a focus on quality and reliability. Available 7 days a week."
testimonials={[
{
name: "James S.",
handle: "@localclient",
testimonial: "Excellent service and very punctual.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg?_wi=1",
imageAlt: "professional handyman working",
},
{
name: "Mary L.",
handle: "@homeowner",
testimonial: "Fixed my leaky faucet in no time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg?_wi=1",
imageAlt: "professional handyman working",
},
{
name: "Robert B.",
handle: "@businessowner",
testimonial: "Reliable for my commercial office repairs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-pointing-isolated-purple_141793-84112.jpg?_wi=1",
imageAlt: "professional handyman working",
},
{
name: "Sarah K.",
handle: "@localclient",
testimonial: "Very professional and clean work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-tablet-talking-phone-smiling-girlfriend_176420-9101.jpg?_wi=1",
imageAlt: "professional handyman working",
},
{
name: "Thomas D.",
handle: "@homeowner",
testimonial: "Best handyman in West Palm Beach.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg?_wi=1",
imageAlt: "professional handyman working",
},
]}
buttons={[
{
text: "Tap to Call (561) 531-5971",
href: "tel:+15615315971",
},
{
text: "Request a Free Quote",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg",
alt: "Construction worker using hammer",
},
{
src: "http://img.b2bpic.net/free-photo/long-shot-delivery-man-holding-box_23-2149103444.jpg",
alt: "Delivery man holding box",
},
{
src: "http://img.b2bpic.net/free-photo/woman-eating-ice-cream-front-wooden-house-beach_23-2147828782.jpg",
alt: "Woman in front of wooden house",
},
{
src: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg",
alt: "Band singing outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-tools-carpentry_23-2148640257.jpg",
alt: "Tools for carpentry",
},
]}
avatarText="Trusted by our WPB Neighbors"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Adept Handyman Services: West Palm Beach's Trusted Partner"
description="Need a repair, installation, or home upgrade? Our skilled, licensed, and insured professionals are ready to help. Fast, reliable service you can count on."
background={{ variant: "animated-grid" }}
kpis={[
{ value: "5-Star", label: "Rated" },
{ value: "15+", label: "Years Exp." },
{ value: "Fast", label: "Response" }
]}
enableKpiAnimation={true}
buttons={[
{ text: "Call Now: (561) 531-5971", onClick: () => window.location.href = "tel:+15615315971" },
{ text: "Schedule Service", onClick: () => scrollToSection("appointment") }
]}
imageSrc="https://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg?_wi=1"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"4.6-Star Google Rating",
"5/5 Facebook Rating",
"Local Business Award",
"Licensed & Insured",
"Fast Reliable Service",
"Top Tier Craftsmanship",
"West Palm Beach Approved",
]}
title="Trusted by our community"
description="We pride ourselves on our stellar reputation."
/>
</div>
<div id="social-proof" data-section="social-proof">
<TestimonialCardTwelve
cardTitle="Proven Excellence"
cardTag="4.6 Google / 5.0 Facebook"
cardTagIcon={Star}
cardAnimation="slide-up"
testimonials={[
{ id: "t1", name: "Verified Customer", imageSrc: "https://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-young-man-clicks-facebook-page-bookmark_482257-116836.jpg?id=415455995" },
{ id: "t2", name: "Verified Customer", imageSrc: "https://img.b2bpic.net/premium-photo/women-holds-smartphone-with-facebook-application-screen_49553-89.jpg?id=3053090" }
]}
useInvertedBackground={true}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Why Adept Handyman Services?"
description="Based in the heart of West Palm Beach, we serve our community with unmatched professionalism and attention to detail. We make home maintenance simple."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "1000+",
title: "Projects Completed",
},
{
value: "7",
title: "Days a Week",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg?_wi=2"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
title="Our Professional Services"
description="Comprehensive home improvement and maintenance tailored to your needs."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "p1", name: "General Home Repair", price: "", imageSrc: "https://img.b2bpic.net/free-photo/variety-carpentry-tools-table_23-2148180578.jpg" },
{ id: "p2", name: "Fixture Installation", price: "", imageSrc: "https://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg" },
{ id: "p3", name: "Maintenance & Upgrades", price: "", imageSrc: "https://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={true}
features={[
{
tag: "Repair",
title: "General Home Repairs",
subtitle: "Minor to major fixes",
description: "Walls, doors, and general maintenance.",
imageSrc: "http://img.b2bpic.net/free-photo/variety-carpentry-tools-table_23-2148180578.jpg",
imageAlt: "Variety of carpentry tools on table",
},
{
tag: "Install",
title: "Appliance Installation",
subtitle: "Professional setups",
description: "Efficient installation for all household appliances.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg?_wi=3",
imageAlt: "Variety of carpentry tools on table",
},
{
tag: "Electric",
title: "Fixture Upgrades",
subtitle: "Lights and outlets",
description: "Safe and reliable electrical fixture swaps.",
imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg?_wi=3",
imageAlt: "Variety of carpentry tools on table",
},
]}
title="Comprehensive Repair Solutions"
description="No job is too big or too small. We handle all your repair needs."
/>
</div>
<div id="appointment" data-section="appointment">
<ContactSplitForm
title="Request Your Appointment"
description="Our team is ready to assist you. Fill out the form below and we will contact you immediately."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone", required: true }
]}
textarea={{ name: "message", placeholder: "Describe your project...", rows: 4, required: true }}
buttonText="Send Appointment Request"
useInvertedBackground={true}
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "s1",
brand: "Service",
name: "Furniture Assembly",
price: "Contact for quote",
rating: 5,
reviewCount: "120+",
imageSrc: "http://img.b2bpic.net/free-photo/assorted-work-tools-wood-background_93675-130092.jpg",
},
{
id: "s2",
brand: "Service",
name: "Painting Services",
price: "Contact for quote",
rating: 5,
reviewCount: "80+",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg",
},
{
id: "s3",
brand: "Service",
name: "Plumbing Fixes",
price: "Contact for quote",
rating: 5,
reviewCount: "200+",
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24901.jpg",
},
{
id: "s4",
brand: "Service",
name: "Drywall Patching",
price: "Contact for quote",
rating: 5,
reviewCount: "95+",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-tools_23-2148558020.jpg",
},
{
id: "s5",
brand: "Service",
name: "General Cleaning",
price: "Contact for quote",
rating: 5,
reviewCount: "150+",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171221.jpg",
},
{
id: "s6",
brand: "Service",
name: "Pressure Washing",
price: "Contact for quote",
rating: 5,
reviewCount: "110+",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mechanic-tools_23-2148558021.jpg",
},
]}
title="Our Professional Services"
description="A glimpse into our core service offerings for your home or business."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What service areas do you cover?",
content: "We proudly serve the West Palm Beach, FL area.",
},
{
id: "f2",
title: "Are you open on weekends?",
content: "Yes, we are open every day from 9:00 AM to 5:00 PM.",
},
{
id: "f3",
title: "How do I get a free quote?",
content: "Just fill out our contact form or give us a call.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-pointing-isolated-purple_141793-84112.jpg?_wi=2"
title="Frequently Asked Questions"
description="Answers to commonly asked questions about our handyman services."
faqsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John D.",
role: "Owner",
company: "West Palm Property",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg?_wi=2",
},
{
id: "2",
name: "Linda M.",
role: "Homeowner",
company: "Placido Mar",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-his-boyfriend-hanging-picture-frame-white-wall_23-2148060096.jpg",
},
{
id: "3",
name: "Steve P.",
role: "Resident",
company: "WPB Neighborhood",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg",
},
{
id: "4",
name: "Karen T.",
role: "Tenant",
company: "Local Apt",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
},
{
id: "5",
name: "Mike H.",
role: "Office Mgr",
company: "Business Dist",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-cups-coffee-while-smiling_114579-52412.jpg",
},
]}
kpiItems={[
{
value: "4.8",
label: "Avg Rating",
},
{
value: "100%",
label: "Reliability",
},
{
value: "24/7",
label: "Support",
},
]}
title="Client Feedback"
description="What our customers are saying about our work."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Get Your Free Quote Today"
description="Serving West Palm Beach with top-rated handyman services. Let us fix your space."
imageSrc="http://img.b2bpic.net/free-photo/man-looking-tablet-talking-phone-smiling-girlfriend_176420-9101.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Adept Handyman Services"
columns={[
{
title: "Location",
items: [
{
label: "5200 N Flagler Dr Unit 2002 #205, West Palm Beach, FL 33407",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "(561) 531-5971",
href: "tel:+15615315971",
},
],
},
{
title: "Hours",
items: [
{
label: "Every Day, 9:00 AM 5:00 PM",
href: "#",
},
],
},
]}
copyrightText="© 2024 Adept Handyman Services. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="Adept Handyman Services"
columns={[
{ title: "Visit Us", items: [{ label: "West Palm Beach, FL", href: "#" }] },
{ title: "Call Us", items: [{ label: "(561) 531-5971", href: "tel:+15615315971" }] },
{ title: "Hours", items: [{ label: "Mon-Sun: 8am - 8pm", href: "#" }] }
]}
imageSrc="https://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg?_wi=2"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f3251;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
--accent: #1c1c1c;
--background-accent: #e2e2e2;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);