Merge version_4 into main #5
280
src/app/page.tsx
280
src/app/page.tsx
@@ -2,200 +2,112 @@
|
||||
|
||||
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 ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
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';
|
||||
import { Phone, CheckCircle, Mail, MapPin, Clock } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AdeptHandymanLandingPage() {
|
||||
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" },
|
||||
{ name: "Appointment", id: "appointment" },
|
||||
]}
|
||||
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", onClick: () => window.location.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"
|
||||
avatarText="Trusted by our WPB Neighbors"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Reliable Handyman Services in West Palm Beach"
|
||||
description="From quick fixes to major home improvements, Adept Handyman is your trusted local partner. Licensed, insured, and ready to help."
|
||||
background={{ variant: "animated-grid" }}
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Exp." },
|
||||
{ value: "1000+", label: "Projects" },
|
||||
{ value: "24/7", label: "Support" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Call Now", onClick: () => window.location.href = "tel:+15615315971" },
|
||||
{ text: "Get Quote", href: "#appointment" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="appointment" data-section="appointment">
|
||||
<ContactCenter
|
||||
tag="Appointment Request"
|
||||
title="Book Your Appointment"
|
||||
description="Please fill out the form below with your name, phone, and request, and we will get back to you shortly."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Request"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="appointment" data-section="appointment">
|
||||
<ContactSplitForm
|
||||
title="Book Your Appointment"
|
||||
description="Get a quick estimate by filling out the details below."
|
||||
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: "How can we help?", rows: 4, required: true }}
|
||||
buttonText="Send Request"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</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="Trusted by Neighbors"
|
||||
cardTag="Social Proof"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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 Services"
|
||||
description="Expert solutions for your home maintenance."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "p1", name: "General Repairs", price: "From $99", imageSrc: "https://img.b2bpic.net/free-photo/variety-carpentry-tools-table_23-2148180578.jpg" },
|
||||
{ id: "p2", name: "Appliance Install", price: "From $129", imageSrc: "https://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg" },
|
||||
{ id: "p3", name: "Fixture Upgrades", price: "From $89", 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="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: "5200 N Flagler Dr, WPB, FL", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(561) 531-5971", href: "tel:+15615315971" }] },
|
||||
{ title: "Hours", items: [{ label: "9am - 5pm, 7 Days", href: "#" }] }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530686.jpg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user