95 Commits

Author SHA1 Message Date
b892f19bcc Update theme colors 2026-03-10 11:14:34 +00:00
9c023173e0 Update src/app/contact/page.tsx 2026-03-10 11:10:41 +00:00
a7b9767357 Update src/app/contact/page.tsx 2026-03-10 11:08:44 +00:00
2d4ad91db2 Update src/app/contact/page.tsx 2026-03-10 11:07:18 +00:00
31ca7d2976 Update src/app/page.tsx 2026-03-10 11:06:11 +00:00
d5f0d15cd4 Update src/app/contact/page.tsx 2026-03-10 11:06:10 +00:00
d352a281e0 Switch to version 7: remove src/app/api/contact/route.ts 2026-03-10 11:01:41 +00:00
d7e4a7a749 Switch to version 7: modified src/app/styles/variables.css 2026-03-10 11:01:41 +00:00
265ed2c09a Switch to version 7: modified src/app/page.tsx 2026-03-10 11:01:40 +00:00
0962f56e8f Merge version_8 into main
Merge version_8 into main
2026-03-10 11:01:16 +00:00
4256155ab7 Update theme colors 2026-03-10 11:01:09 +00:00
c45ae6be82 Merge version_8 into main
Merge version_8 into main
2026-03-10 10:57:21 +00:00
244717c96d Update src/app/page.tsx 2026-03-10 10:57:17 +00:00
d1381d3c86 Add src/app/api/contact/route.ts 2026-03-10 10:57:16 +00:00
d4b782117f Merge version_7 into main
Merge version_7 into main
2026-03-10 10:53:54 +00:00
06ff13970e Update src/app/page.tsx 2026-03-10 10:53:50 +00:00
5dd4abbb83 Update src/app/contact/page.tsx 2026-03-10 10:53:49 +00:00
618f7b32d5 Merge version_7 into main
Merge version_7 into main
2026-03-10 10:53:03 +00:00
de1a452fff Update src/app/page.tsx 2026-03-10 10:52:59 +00:00
6015a7e5b9 Update src/app/contact/page.tsx 2026-03-10 10:52:59 +00:00
81df609fac Merge version_6 into main
Merge version_6 into main
2026-03-10 10:40:44 +00:00
33676a0026 Update src/app/contact/page.tsx 2026-03-10 10:40:40 +00:00
cedc31c39b Switch to version 1: modified src/app/page.tsx 2026-03-10 10:39:24 +00:00
30f5479ea1 Switch to version 1: modified src/app/layout.tsx 2026-03-10 10:39:24 +00:00
05306f8214 Switch to version 1: modified src/app/contact/page.tsx 2026-03-10 10:39:23 +00:00
ee3c297494 Switch to version 2: modified src/app/services/page.tsx 2026-03-10 10:38:19 +00:00
d95fc7132b Switch to version 2: modified src/app/page.tsx 2026-03-10 10:38:18 +00:00
5debf0cb92 Switch to version 2: modified src/app/layout.tsx 2026-03-10 10:38:18 +00:00
f0c8f40c23 Switch to version 2: modified src/app/contact/page.tsx 2026-03-10 10:38:17 +00:00
baac49bcc9 Switch to version 3: modified src/app/services/page.tsx 2026-03-10 10:37:50 +00:00
f58bfc04ad Switch to version 3: modified src/app/portfolio/page.tsx 2026-03-10 10:37:50 +00:00
9dbdcdbfa9 Switch to version 3: modified src/app/page.tsx 2026-03-10 10:37:50 +00:00
70febe0685 Switch to version 3: modified src/app/layout.tsx 2026-03-10 10:37:49 +00:00
8fef0f19c5 Switch to version 3: modified src/app/contact/page.tsx 2026-03-10 10:37:49 +00:00
b5eb8ca538 Switch to version 4: modified src/app/portfolio/page.tsx 2026-03-10 10:37:25 +00:00
d7e05cd8e7 Switch to version 4: modified src/app/page.tsx 2026-03-10 10:37:23 +00:00
9230eaa033 Merge version_5 into main
Merge version_5 into main
2026-03-10 10:33:24 +00:00
7f9a64d57c Update src/app/portfolio/page.tsx 2026-03-10 10:33:20 +00:00
5c64dd037a Update src/app/page.tsx 2026-03-10 10:33:19 +00:00
baaea4d5cc Merge version_5 into main
Merge version_5 into main
2026-03-10 10:32:18 +00:00
3b0ad38bbd Update src/app/portfolio/page.tsx 2026-03-10 10:32:13 +00:00
f60872eb70 Update src/app/page.tsx 2026-03-10 10:32:13 +00:00
5e4bc0366e Switch to version 4: modified src/app/services/page.tsx 2026-03-10 10:27:21 +00:00
e23b93052f Switch to version 4: modified src/app/page.tsx 2026-03-10 10:27:21 +00:00
9d95c167c8 Switch to version 4: modified src/app/layout.tsx 2026-03-10 10:27:20 +00:00
0ef8b5150c Switch to version 4: modified src/app/contact/page.tsx 2026-03-10 10:27:20 +00:00
1058e6481f Update src/app/portfolio/page.tsx 2026-03-10 10:27:14 +00:00
8458dc3f58 Switch to version 3: modified src/app/services/page.tsx 2026-03-10 10:24:53 +00:00
abd5c5937e Switch to version 3: modified src/app/portfolio/page.tsx 2026-03-10 10:24:53 +00:00
fad64c57ed Switch to version 3: modified src/app/page.tsx 2026-03-10 10:24:52 +00:00
937fcba3d5 Switch to version 3: modified src/app/layout.tsx 2026-03-10 10:24:52 +00:00
4cd541a7ff Switch to version 3: modified src/app/contact/page.tsx 2026-03-10 10:24:51 +00:00
5a4fcdf6e8 Merge version_4 into main
Merge version_4 into main
2026-03-10 10:24:49 +00:00
2bb1d25a3c Update src/app/portfolio/page.tsx 2026-03-10 10:24:45 +00:00
b02036b194 Update src/app/portfolio/page.tsx 2026-03-10 10:23:28 +00:00
48d161ee8e Update src/app/page.tsx 2026-03-10 10:23:27 +00:00
a20193062f Update src/app/portfolio/page.tsx 2026-03-10 10:21:53 +00:00
47869cb108 Update src/app/page.tsx 2026-03-10 10:21:53 +00:00
e55e5789eb Switch to version 2: modified src/app/portfolio/page.tsx 2026-03-10 10:21:43 +00:00
46e10a109d Switch to version 2: modified src/app/page.tsx 2026-03-10 10:21:42 +00:00
c712cacb23 Switch to version 2: modified src/app/layout.tsx 2026-03-10 10:21:42 +00:00
db2b748ff4 Switch to version 2: modified src/app/contact/page.tsx 2026-03-10 10:21:41 +00:00
c87839b859 Merge version_4 into main
Merge version_4 into main
2026-03-10 10:20:34 +00:00
ba8ecbc105 Update src/app/portfolio/page.tsx 2026-03-10 10:20:30 +00:00
757658e49c Update src/app/page.tsx 2026-03-10 10:20:30 +00:00
1f9be120b5 Switch to version 1: modified src/app/page.tsx 2026-03-10 10:08:30 +00:00
b8f6654e83 Switch to version 1: modified src/app/layout.tsx 2026-03-10 10:08:30 +00:00
1a3bdaffa7 Switch to version 1: modified src/app/contact/page.tsx 2026-03-10 10:08:29 +00:00
bfb84ddeaa Switch to version 2: modified src/app/services/page.tsx 2026-03-10 10:06:40 +00:00
f9d3ad9bba Switch to version 2: modified src/app/page.tsx 2026-03-10 10:06:40 +00:00
f9920cfb76 Switch to version 2: modified src/app/layout.tsx 2026-03-10 10:06:39 +00:00
4876ede67d Switch to version 2: modified src/app/contact/page.tsx 2026-03-10 10:06:39 +00:00
b9bd2c579d Merge version_3 into main
Merge version_3 into main
2026-03-10 10:05:52 +00:00
46d75e8c2a Update src/app/contact/page.tsx 2026-03-10 10:05:48 +00:00
e47dc82ee2 Merge version_3 into main
Merge version_3 into main
2026-03-10 10:04:16 +00:00
2e5939c8ac Update src/app/contact/page.tsx 2026-03-10 10:04:12 +00:00
3fdf9e1870 Merge version_3 into main
Merge version_3 into main
2026-03-10 10:00:24 +00:00
ee9ce72cb4 Update src/app/contact/page.tsx 2026-03-10 10:00:20 +00:00
c6e06d47e1 Merge version_3 into main
Merge version_3 into main
2026-03-10 09:58:47 +00:00
5ddbadbc2a Update src/app/contact/page.tsx 2026-03-10 09:58:43 +00:00
c56321d5fd Merge version_3 into main
Merge version_3 into main
2026-03-10 09:57:19 +00:00
2a74f63814 Update src/app/services/page.tsx 2026-03-10 09:57:15 +00:00
b66cacd2cc Update src/app/page.tsx 2026-03-10 09:57:14 +00:00
8e8c5bee22 Update src/app/contact/page.tsx 2026-03-10 09:57:13 +00:00
49e9fae9dd Merge version_3 into main
Merge version_3 into main
2026-03-10 09:55:06 +00:00
6207767ce1 Update src/app/services/page.tsx 2026-03-10 09:55:01 +00:00
5d679719be Update src/app/page.tsx 2026-03-10 09:55:01 +00:00
6cc1a535ca Update src/app/layout.tsx 2026-03-10 09:54:59 +00:00
5629007757 Update src/app/contact/page.tsx 2026-03-10 09:54:59 +00:00
97803f52d3 Switch to version 1: modified src/app/page.tsx 2026-03-10 09:46:15 +00:00
fe08da6749 Switch to version 1: modified src/app/layout.tsx 2026-03-10 09:46:15 +00:00
4fce91667c Switch to version 1: modified src/app/contact/page.tsx 2026-03-10 09:46:14 +00:00
ed1680ad5e Merge version_2 into main
Merge version_2 into main
2026-03-10 09:45:31 +00:00
f71b452eee Merge version_2 into main
Merge version_2 into main
2026-03-10 09:44:41 +00:00
0211d53794 Merge version_2 into main
Merge version_2 into main
2026-03-10 09:43:10 +00:00
3 changed files with 1593 additions and 245 deletions

View File

@@ -1,20 +1,20 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import ContactForm from "@/components/form/ContactForm";
import ContactFaq from "@/components/sections/contact/ContactFaq"; import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FooterSimple from "@/components/sections/footer/FooterSimple"; import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import { Hammer, Wrench, Phone, Mail, MessageCircle, CheckCircle } from "lucide-react"; import FooterCard from "@/components/sections/footer/FooterCard";
import { Hammer, Wrench, Mail, Star, Quote, Facebook, Instagram, Phone } from "lucide-react";
export default function ContactPage() { export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Services", id: "services" }, { name: "Services", id: "services" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" }, { name: "Contact", id: "/contact" },
{ name: "Contact", id: "contact" },
]; ];
return ( return (
@@ -31,16 +31,14 @@ export default function ContactPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleApple
navItems={navItems} navItems={navItems}
brandName="Earl Boys Services" brandName="Earl Boys Services"
bottomLeftText="Richmond, VA"
bottomRightText="804-938-0669"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardCarousel
title="Contact Earl Boys Services" title="Contact Earl Boys Services"
description="Get in touch with our team for all your home service needs. We're here to help transform your home with professional, reliable service." description="Get in touch with our team for all your home service needs. We're here to help transform your home with professional, reliable service."
tag="Earl Boys Services" tag="Earl Boys Services"
@@ -49,140 +47,133 @@ export default function ContactPage() {
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=2", imageAlt: "Professional home services team"}, imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=2", imageAlt: "Professional home services team"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3", imageAlt: "Expert plumbing services"}, imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3", imageAlt: "Expert plumbing services"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3", imageAlt: "Professional painting services"}, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3", imageAlt: "Professional painting services"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3", imageAlt: "Licensed electrical work"}, imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3", imageAlt: "Licensed electrical work"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=3", imageAlt: "General maintenance services"}, imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2", imageAlt: "General maintenance services"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=2", imageAlt: "Professional flooring installation"
},
]} ]}
buttons={[ buttons={[
{ {
text: "Call Now: 804-938-0669", href: "tel:804-938-0669"}, text: "Call Now: 804-938-0669", href: "tel:804-938-0669"
},
{ {
text: "Get Free Estimate", href: "#contact-form"}, text: "Send Message", href: "#contact-form"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaAnimation="slide-up"
ariaLabel="Contact page hero section for Earl Boys Services" ariaLabel="Contact page hero section for Earl Boys Services"
/> />
</div> </div>
<div id="services" data-section="services"> <div id="contact-form" data-section="contact-form">
<FeatureCardTwentyFive <ContactForm
title="How to Reach Us" title="Send us a Message"
description="Multiple convenient ways to get in touch with Earl Boys Services. We're ready to discuss your project and provide expert recommendations." description="Fill out the form below and we'll get back to you within 24 hours with a response."
tag="Contact Options" tag="Quick Contact"
tagIcon={Wrench} tagIcon={Mail}
features={[ inputPlaceholder="Your email address"
{ buttonText="Send Message"
title: "Phone Support", description: "Call us directly for immediate assistance and emergency service requests.", icon: Phone, termsText="We'll never share your information and respect your privacy."
mediaItems: [ onSubmit={(email) => console.log('Form submitted with email:', email)}
{ centered={true}
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg", imageAlt: "Customer service support"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=2", imageAlt: "Professional communication"},
],
},
{
title: "Service Area Coverage", description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg?_wi=2", imageAlt: "Richmond virginia map location marker"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-cleaning-office-together_23-2149345517.jpg", imageAlt: "Professional home services team working"},
],
},
{
title: "Free Estimates", description: "Schedule a free consultation and estimate for your project with our experienced team.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=2", imageAlt: "Home improvement project"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg", imageAlt: "Professional consultation"},
],
},
{
title: "Licensed & Insured", description: "All services fully licensed, insured, and bonded for your peace of mind.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-grey-haired-logistic-worker-hardhat-uniform-standing-shelves-warehouse-with-arms-folded-looking-camera-smiling-vertical-shot-labor-blue-collar-portrait-concept_74855-14227.jpg", imageAlt: "Professional tradesman"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg", imageAlt: "Professional service team"},
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[
{
text: "Request Service", href: "tel:804-938-0669"},
]}
buttonAnimation="slide-up"
/> />
</div> </div>
<div id="contact-form" data-section="contact-form"> <div id="testimonials" data-section="testimonials">
<ContactFaq <TestimonialCardThirteen
title="What Our Customers Say"
description="Hear from satisfied clients who have experienced Earl Boys Services excellence firsthand."
tag="Customer Reviews"
tagIcon={Star}
testimonials={[
{
id: "1", name: "John Mitchell", handle: "@john_m", testimonial: "Earl Boys Services transformed our kitchen with professional craftsmanship. The team was punctual, courteous, and delivered exceptional results. Highly recommend!", rating: 5,
icon: Quote
},
{
id: "2", name: "Sarah Thompson", handle: "@sarah_t", testimonial: "Outstanding plumbing work! They fixed a complex issue that other companies said was impossible. Professional, efficient, and fair pricing.", rating: 5,
icon: Quote
},
{
id: "3", name: "Michael Chen", handle: "@m_chen", testimonial: "The electrical work on our renovation was flawless. They explained everything clearly and made sure we understood the improvements. Will definitely call again!", rating: 5,
icon: Quote
},
{
id: "4", name: "Jennifer Rodriguez", handle: "@jen_rod", testimonial: "Best home improvement decision we made! The painters were meticulous and the quality is outstanding. Worth every penny!", rating: 5,
icon: Quote
},
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
carouselMode="buttons"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Questions About Our Services?"
sideDescription="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
faqs={[ faqs={[
{ {
id: "1", title: "What is your phone number?", content: "You can reach us at 804-938-0669. We're available during business hours and offer emergency service for urgent issues."}, id: "1", title: "What is your phone number?", content: "You can reach us at 804-938-0669. We're available during business hours and offer emergency service for urgent issues."
},
{ {
id: "2", title: "How quickly can you respond to my request?", content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."}, id: "2", title: "How quickly can you respond to my request?", content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."
},
{ {
id: "3", title: "What areas do you serve?", content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."}, id: "3", title: "What areas do you serve?", content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."
},
{ {
id: "4", title: "Do you charge for consultations and estimates?", content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."}, id: "4", title: "Do you charge for consultations and estimates?", content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."
},
{ {
id: "5", title: "What payment methods do you accept?", content: "We accept cash, check, credit cards, and digital payments. We also offer financing options for larger projects."}, id: "5", title: "What payment methods do you accept?", content: "We accept cash, check, credit cards, and digital payments. We also offer financing options for larger projects."
},
{ {
id: "6", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."}, id: "6", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."
},
]} ]}
ctaTitle="Ready to Get Started?" textPosition="left"
ctaDescription="Contact Earl Boys Services today for a free estimate and professional home service solutions." faqsAnimation="slide-up"
ctaButton={{ text: "Call Now", href: "tel:804-938-0669" }} animationType="smooth"
ctaIcon={Phone}
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
showCard={true}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterCard
columns={[ logoText="Earl Boys Services"
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
socialLinks={[
{ {
title: "Services", items: [ icon: Facebook,
{ label: "Plumbing", href: "/" }, href: "https://facebook.com", ariaLabel: "Facebook"
{ label: "Electrical", href: "/" },
{ label: "Painting", href: "/" },
{ label: "Maintenance", href: "/" },
],
}, },
{ {
title: "Company", items: [ icon: Instagram,
{ label: "About Us", href: "/" }, href: "https://instagram.com", ariaLabel: "Instagram"
{ label: "Contact", href: "/contact" },
{ label: "Testimonials", href: "/" },
{ label: "Get Estimate", href: "tel:804-938-0669" },
],
}, },
{ {
title: "Contact", items: [ icon: Phone,
{ label: "Phone: 804-938-0669", href: "tel:804-938-0669" }, href: "tel:804-938-0669", ariaLabel: "Call us"
{ label: "Richmond, VA", href: "#" },
{ label: "Licensed & Insured", href: "#" },
{ label: "Available 24/7", href: "#" },
],
}, },
]} ]}
bottomLeftText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
bottomRightText="Professional Home Services"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

File diff suppressed because it is too large Load Diff

View File

@@ -1,22 +1,20 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve"; import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactFaq from "@/components/sections/contact/ContactFaq"; import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterSimple from "@/components/sections/footer/FooterSimple"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, CheckCircle, Phone, Mail, MessageCircle } from "lucide-react"; import { Sparkles, CheckCircle, TrendingUp, Users } from "lucide-react";
export default function HomePage() { export default function Home() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Services", id: "services" }, { name: "Services", id: "services" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" }, { name: "Contact", id: "/contact" },
{ name: "Contact", id: "contact" },
]; ];
return ( return (
@@ -33,103 +31,78 @@ export default function HomePage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleApple navItems={navItems} brandName="Earl Boys Services" />
navItems={navItems}
brandName="Earl Boys Services"
bottomLeftText="Richmond, VA"
bottomRightText="804-938-0669"
/>
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardRotatedCarousel
title="Professional Home Services You Can Trust" title="Transform Your Home with Professional Services"
description="Earl Boys Services delivers expert plumbing, electrical, painting, and maintenance solutions for your home. With over 15 years of experience serving Richmond, VA, we're committed to quality workmanship and customer satisfaction." description="Expert home services in Richmond, VA. From plumbing and electrical work to painting and flooring, we deliver quality craftsmanship every time."
tag="Earl Boys Services" tag="Earl Boys Services"
tagIcon={Hammer} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "radial-gradient" }} background={{ variant: "sparkles-gradient" }}
mediaItems={[ carouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1", imageAlt: "Professional home services team"}, id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1", imageAlt: "Professional home services team"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1", imageAlt: "Expert plumbing services"}, id: "2", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1", imageAlt: "Expert plumbing services"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1", imageAlt: "Professional painting services"}, id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1", imageAlt: "Professional painting services"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=1", imageAlt: "Licensed electrical work"}, id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=1", imageAlt: "Licensed electrical work"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1", imageAlt: "General maintenance services"}, id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1", imageAlt: "General maintenance services"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=1", imageAlt: "Professional flooring installation"},
]} ]}
buttons={[ buttons={[
{ {
text: "Call Now", href: "tel:804-938-0669"}, text: "Get Free Estimate", href: "/contact"},
{ {
text: "Get Free Estimate", href: "#contact"}, text: "Call: 804-938-0669", href: "tel:804-938-0669"},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaAnimation="slide-up" ariaLabel="Hero section showcasing home services"
ariaLabel="Hero section for Earl Boys Services"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Homeowners Throughout Richmond"
description="Join thousands of satisfied customers who have transformed their homes with Earl Boys Services"
tag="Social Proof"
tagAnimation="slide-up"
names={[
"Family Homes", "Small Businesses", "Property Managers", "Real Estate Agents", "Contractors", "Building Owners"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardTwentyFive <FeatureCardTen
title="Our Professional Services" title="Our Services"
description="We provide comprehensive home services to keep your property in top condition" description="Comprehensive home services designed to meet all your residential needs with professional expertise and quality craftsmanship."
tag="What We Do" tag="What We Offer"
tagIcon={Wrench} tagIcon={Sparkles}
features={[ features={[
{ {
title: "Plumbing Services", description: "Expert repairs, installations, and maintenance for all your plumbing needs.", icon: Droplet, id: "1", title: "Plumbing Services", description: "From routine maintenance to complex repairs, our licensed plumbers handle all your plumbing needs with precision and care.", media: {
mediaItems: [ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2", imageAlt: "Professional plumbing work"},
{ items: [
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2", imageAlt: "Professional plumbing repair"}, { icon: CheckCircle, text: "Leak detection & repair" },
{ { icon: CheckCircle, text: "Pipe installation" },
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg?_wi=1", imageAlt: "Plumbing installation work"}, { icon: CheckCircle, text: "Drain cleaning" },
], ],
reverse: false,
}, },
{ {
title: "Electrical Work", description: "Licensed electrical services including repairs, upgrades, and installations.", icon: Zap, id: "2", title: "Electrical Services", description: "Safe, reliable electrical work for all your home needs. Licensed electricians providing installations, repairs, and upgrades.", media: {
mediaItems: [ imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=2", imageAlt: "Professional electrical work"},
{ items: [
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=2", imageAlt: "Electrical panel inspection"}, { icon: CheckCircle, text: "Circuit installation" },
{ { icon: CheckCircle, text: "Outlet & switch repairs" },
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=1", imageAlt: "Electrical service work"}, { icon: CheckCircle, text: "Safety inspections" },
], ],
reverse: true,
}, },
{ {
title: "Painting & Finishing", description: "Interior and exterior painting with attention to detail and quality finishes.", icon: Paintbrush, id: "3", title: "Painting & Finishing", description: "Transform your space with professional painting services. Interior and exterior work with attention to detail and quality finishes.", media: {
mediaItems: [ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2", imageAlt: "Professional painting services"},
{ items: [
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2", imageAlt: "Professional painting service"}, { icon: CheckCircle, text: "Interior painting" },
{ { icon: CheckCircle, text: "Exterior painting" },
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=1", imageAlt: "Interior painting project"}, { icon: CheckCircle, text: "Surface preparation" },
],
},
{
title: "General Maintenance", description: "Comprehensive home maintenance and repairs to keep everything running smoothly.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2", imageAlt: "General maintenance work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg", imageAlt: "General repair services"},
], ],
reverse: false,
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -137,7 +110,7 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ {
text: "Request Service", href: "tel:804-938-0669"}, text: "Schedule Service", href: "/contact"},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -147,74 +120,60 @@ export default function HomePage() {
<TestimonialCardTwelve <TestimonialCardTwelve
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-man-wearing-casual-clothes_23-2149199815.jpg", imageAlt: "Sarah Johnson testimonial"}, id: "1", name: "John Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=1", imageAlt: "John Mitchell"},
{ {
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-woman-wearing-casual-clothes_23-2149199814.jpg", imageAlt: "Michael Chen testimonial"}, id: "2", name: "Sarah Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=2", imageAlt: "Sarah Thompson"},
{ {
id: "3", name: "Emma Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-casual-clothes_23-2149199813.jpg", imageAlt: "Emma Davis testimonial"}, id: "3", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=3", imageAlt: "Michael Chen"},
{ {
id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-casual-clothes_23-2149199812.jpg", imageAlt: "James Wilson testimonial"}, id: "4", name: "Jennifer Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=4", imageAlt: "Jennifer Rodriguez"},
]} ]}
cardTitle="Over 2,000 homeowners trust Earl Boys Services for their most important projects" cardTitle="Over 1,000 satisfied customers trust Earl Boys Services"
cardTag="Testimonials" cardTag="See what they say"
cardAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
cardAnimation="slide-up"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="faq" data-section="faq">
<ContactFaq <FaqDouble
faqs={[ faqs={[
{ {
id: "1", title: "What areas do you serve?", content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."}, id: "1", title: "What areas do you serve?", content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."},
{ {
id: "2", title: "Do you charge for estimates?", content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."}, id: "2", title: "How quickly can you respond to my request?", content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."},
{ {
id: "3", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."}, id: "3", title: "Do you charge for consultations?", content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."},
{ {
id: "4", title: "How quickly can you respond?", content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."}, id: "4", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
]} ]}
ctaTitle="Get Your Free Estimate Today" title="Frequently Asked Questions"
ctaDescription="Contact Earl Boys Services for professional, reliable home services. We're ready to help transform your home." description="Find answers to common questions about our services and how we can help your home."
ctaButton={{ text: "Call Now", href: "tel:804-938-0669" }} textboxLayout="default"
ctaIcon={Phone}
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" faqsAnimation="slide-up"
accordionAnimationType="smooth"
showCard={true}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterBaseReveal
columns={[ columns={[
{ {
title: "Services", items: [ title: "Services", items: [
{ label: "Plumbing", href: "#services" }, { label: "Plumbing", href: "services" },
{ label: "Electrical", href: "#services" }, { label: "Electrical", href: "services" },
{ label: "Painting", href: "#services" }, { label: "Painting", href: "services" },
{ label: "Maintenance", href: "#services" },
], ],
}, },
{ {
title: "Company", items: [ title: "Company", items: [
{ label: "About Us", href: "#about" }, { label: "About", href: "about" },
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "/contact" },
{ label: "Testimonials", href: "#testimonials" }, { label: "Home", href: "/" },
{ label: "Get Estimate", href: "tel:804-938-0669" },
],
},
{
title: "Contact", items: [
{ label: "Phone: 804-938-0669", href: "tel:804-938-0669" },
{ label: "Richmond, VA", href: "#" },
{ label: "Licensed & Insured", href: "#" },
{ label: "Available 24/7", href: "#" },
], ],
}, },
]} ]}
bottomLeftText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured." copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
bottomRightText="Professional Home Services"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>