91 Commits

Author SHA1 Message Date
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
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
047c003fa7 Update src/app/page.tsx 2026-03-10 09:45:28 +00:00
ae0395f8f9 Update src/app/contact/page.tsx 2026-03-10 09:45:27 +00:00
f71b452eee Merge version_2 into main
Merge version_2 into main
2026-03-10 09:44:41 +00:00
db2fd60ad2 Update src/app/page.tsx 2026-03-10 09:44:37 +00:00
7cb2604b68 Update src/app/layout.tsx 2026-03-10 09:44:37 +00:00
b39e6bd073 Update src/app/contact/page.tsx 2026-03-10 09:44:36 +00:00
0211d53794 Merge version_2 into main
Merge version_2 into main
2026-03-10 09:43:10 +00:00
9af23a3939 Update src/app/page.tsx 2026-03-10 09:43:06 +00:00
cde4820292 Update src/app/layout.tsx 2026-03-10 09:43:06 +00:00
7634c4d510 Update src/app/contact/page.tsx 2026-03-10 09:43:05 +00:00
2306a655b4 Merge version_1 into main
Merge version_1 into main
2026-03-10 09:38:35 +00:00
edfcaab91c Merge version_1 into main
Merge version_1 into main
2026-03-10 09:38:01 +00:00
9137ea4770 Merge version_1 into main
Merge version_1 into main
2026-03-10 09:32:09 +00:00
f6e89e2086 Merge version_1 into main
Merge version_1 into main
2026-03-10 09:30:57 +00:00
2 changed files with 168 additions and 326 deletions

View File

@@ -1,25 +1,25 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel"; import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText"; import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterCard from "@/components/sections/footer/FooterCard"; import FooterCard from "@/components/sections/footer/FooterCard";
import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone } from "lucide-react"; import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone, Quote } from "lucide-react";
export default function ContactPage() { export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "home" }, { name: "Home", id: "/" },
{ name: "Services", id: "services" }, { name: "Services", id: "services" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" }, { name: "Contact", id: "/contact" },
{ name: "Contact", id: "contact" },
]; ];
const contactButton = { const contactButton = {
text: "Call Now", href: "tel:804-938-0669"}; text: "Call Now", href: "tel:804-938-0669"
};
return ( return (
<ThemeProvider <ThemeProvider
@@ -35,9 +35,8 @@ export default function ContactPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleApple
navItems={navItems} navItems={navItems}
button={contactButton}
brandName="Earl Boys Services" brandName="Earl Boys Services"
/> />
</div> </div>
@@ -52,23 +51,31 @@ 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", 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", 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", 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", 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", 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", imageAlt: "Professional flooring installation"}, 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: "Quick Contact Form", href: "#contact-form"}, text: "Quick Contact Form", href: "#contact-form"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
ariaLabel="Contact page hero section for Earl Boys Services" ariaLabel="Contact page hero section for Earl Boys Services"
@@ -86,36 +93,44 @@ export default function ContactPage() {
title: "Phone Support", description: "Call us directly for immediate assistance and emergency service requests.", icon: Phone, title: "Phone Support", description: "Call us directly for immediate assistance and emergency service requests.", icon: Phone,
mediaItems: [ mediaItems: [
{ {
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-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", imageAlt: "Professional communication"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "Professional communication"
},
], ],
}, },
{ {
title: "Service Area Coverage", description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.", icon: Wrench, title: "Service Area Coverage", description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.", icon: Wrench,
mediaItems: [ mediaItems: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg", imageAlt: "Richmond virginia map location marker"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg", 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"}, 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, title: "Free Estimates", description: "Schedule a free consultation and estimate for your project with our experienced team.", icon: CheckCircle,
mediaItems: [ mediaItems: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg", imageAlt: "Home improvement project"}, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg", imageAlt: "Home improvement project"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg", imageAlt: "Professional consultation"}, 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, title: "Licensed & Insured", description: "All services fully licensed, insured, and bonded for your peace of mind.", icon: CheckCircle,
mediaItems: [ 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/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"}, imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg", imageAlt: "Professional service team"
},
], ],
}, },
]} ]}
@@ -124,36 +139,42 @@ export default function ContactPage() {
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ {
text: "Request Service", href: "tel:804-938-0669"}, text: "Request Service", href: "tel:804-938-0669"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="testimonials" data-section="testimonials">
<MetricCardOne <TestimonialCardThirteen
title="Ready to Transform Your Home?" title="What Our Customers Say"
description="Join thousands of satisfied customers who have trusted Earl Boys Services with their most important projects." description="Hear from satisfied clients who have experienced Earl Boys Services excellence firsthand."
tag="Contact Details" tag="Customer Reviews"
tagIcon={TrendingUp} tagIcon={Star}
metrics={[ testimonials={[
{ {
id: "1", value: "804", title: "938", description: "Call us directly - Call Now", icon: Phone, 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", value: "15", title: "Years", description: "Experience serving Richmond VA", icon: Clock, 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", value: "2000", title: "Customers", description: "Trust us for their home services", icon: Users, 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", value: "10", title: "Services", description: "Available in your area", icon: Wrench, 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" animationType="slide-up"
gridVariant="uniform-all-items-equal"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={false}
carouselMode="buttons"
/> />
</div> </div>
@@ -163,17 +184,23 @@ export default function ContactPage() {
sideDescription="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings." 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."
},
]} ]}
textPosition="left" textPosition="left"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -189,13 +216,16 @@ export default function ContactPage() {
socialLinks={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"}, href: "https://facebook.com", ariaLabel: "Facebook"
},
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"}, href: "https://instagram.com", ariaLabel: "Instagram"
},
{ {
icon: Phone, icon: Phone,
href: "tel:804-938-0669", ariaLabel: "Call us"}, href: "tel:804-938-0669", ariaLabel: "Call us"
},
]} ]}
/> />
</div> </div>

View File

@@ -1,34 +1,22 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel"; import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve"; import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import FaqDouble from "@/components/sections/faq/FaqDouble";
import FaqSplitText from "@/components/sections/faq/FaqSplitText"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import FooterCard from "@/components/sections/footer/FooterCard"; import { Sparkles, CheckCircle, TrendingUp, Users } from "lucide-react";
import Link from "next/link";
import { export default function Home() {
Hammer, const navItems = [
Wrench, { name: "Home", id: "/" },
Droplet, { name: "Services", id: "services" },
Paintbrush, { name: "About", id: "about" },
Zap, { name: "Contact", id: "/contact" },
MonitorPlay, ];
Armchair,
Layers,
Clock,
Users,
CheckCircle,
TrendingUp,
Star,
Facebook,
Instagram,
Phone,
} from "lucide-react";
export default function HomePage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
@@ -36,184 +24,93 @@ export default function HomePage() {
borderRadius="rounded" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles" sizing="mediumLargeSizeLargeTitles"
background="noise" background="circleGradient"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="primary-glow" primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleApple navItems={navItems} brandName="Earl Boys Services" />
brandName="Earl Boys Services"
navItems={[
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Call Now",
href: "tel:804-938-0669",
}}
/>
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardRotatedCarousel
title="Professional Home Services in Richmond, VA" title="Transform Your Home with Professional Services"
description="Expert solutions for all your home improvement, repair, and maintenance needs. 10+ services to transform your home. Call 804-938-0669" 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: "plain" }} background={{ variant: "sparkles-gradient" }}
mediaItems={[ carouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1", id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1", imageAlt: "Professional home services team"},
imageAlt: "Professional home services team",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1", id: "2", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1", imageAlt: "Expert plumbing services"},
imageAlt: "Expert plumbing services",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1", id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1", imageAlt: "Professional painting services"},
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", 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"},
imageAlt: "Licensed electrical work",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1", id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1", imageAlt: "General maintenance services"},
imageAlt: "General maintenance services",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=1", 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"},
imageAlt: "Professional flooring installation",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Call Now: 804-938-0669", text: "Get Free Estimate", href: "/contact"},
href: "tel:804-938-0669",
},
{ {
text: "Book a Service", text: "Call: 804-938-0669", href: "tel:804-938-0669"},
href: "contact",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
ariaLabel="Hero section for Earl Boys Services" ariaLabel="Hero section showcasing home services"
/> />
</div> </div>
<div id="services-home" data-section="services-home"> <div id="services" data-section="services">
<FeatureCardTwentyFive <FeatureCardTen
title="Our Services"
description="Comprehensive home services designed to meet all your residential needs with professional expertise and quality craftsmanship."
tag="What We Offer"
tagIcon={Sparkles}
features={[ features={[
{ {
title: "Plumbing Services", 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: {
description: "Expert plumbing repairs, installations, and maintenance for all your home water systems.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2", imageAlt: "Professional plumbing work"},
icon: Droplet, items: [
mediaItems: [ { icon: CheckCircle, text: "Leak detection & repair" },
{ { icon: CheckCircle, text: "Pipe installation" },
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2", { icon: CheckCircle, text: "Drain cleaning" },
imageAlt: "Professional plumbing work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=1",
imageAlt: "Plumbing project completed",
},
], ],
reverse: false,
}, },
{ {
title: "Painting Services", id: "2", title: "Electrical Services", description: "Safe, reliable electrical work for all your home needs. Licensed electricians providing installations, repairs, and upgrades.", media: {
description: "Interior and exterior painting with premium finishes for residential and commercial spaces.", 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"},
icon: Paintbrush, items: [
mediaItems: [ { icon: CheckCircle, text: "Circuit installation" },
{ { icon: CheckCircle, text: "Outlet & switch repairs" },
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2", { icon: CheckCircle, text: "Safety inspections" },
imageAlt: "Professional painting service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=1",
imageAlt: "Painting transformation",
},
], ],
reverse: true,
}, },
{ {
title: "Electrical Work", 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: {
description: "Licensed electrical services including installations, repairs, and safety inspections.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2", imageAlt: "Professional painting services"},
icon: Zap, items: [
mediaItems: [ { icon: CheckCircle, text: "Interior painting" },
{ { icon: CheckCircle, text: "Exterior painting" },
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=2", { icon: CheckCircle, text: "Surface preparation" },
imageAlt: "Professional electrical work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=1",
imageAlt: "Electrical project completed",
},
],
},
{
title: "Wall Mounting",
description: "Professional TV mounting, shelving installation, and wall customization services.",
icon: MonitorPlay,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg?_wi=1",
imageAlt: "Professional wall mounting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=2",
imageAlt: "Wall mounting installation",
},
],
},
{
title: "Furniture Assembly",
description: "Quick and efficient furniture assembly for residential and commercial installations.",
icon: Armchair,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hitting-nail-by-hammer_329181-3740.jpg?_wi=1",
imageAlt: "Professional furniture assembly",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=2",
imageAlt: "Furniture installation completed",
},
],
},
{
title: "Flooring Installation",
description: "Expert flooring installation for hardwood, tile, laminate, and other materials.",
icon: Layers,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=2",
imageAlt: "Professional flooring installation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=2",
imageAlt: "Flooring project transformation",
},
], ],
reverse: false,
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
title="Our Expert Services"
description="Comprehensive home services tailored to your needs. From plumbing to painting, we handle it all with professional excellence."
tag="10 Services"
tagIcon={Wrench}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ {
text: "View All Services", text: "Schedule Service", href: "/contact"},
href: "/services",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -223,145 +120,60 @@ export default function HomePage() {
<TestimonialCardTwelve <TestimonialCardTwelve
testimonials={[ testimonials={[
{ {
id: "1", 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"},
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
imageAlt: "Sarah Johnson testimonial",
},
{ {
id: "2", 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"},
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",
imageAlt: "Michael Chen testimonial",
},
{ {
id: "3", 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"},
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-euphoric-successful-businesswoman_273609-13789.jpg",
imageAlt: "Emily Rodriguez testimonial",
},
{ {
id: "4", 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"},
name: "David Williams",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg",
imageAlt: "David Williams testimonial",
},
]} ]}
cardTitle="Over 2,000+ satisfied customers trust Earl Boys Services for their home improvement needs" cardTitle="Over 1,000 satisfied customers trust Earl Boys Services"
cardTag="Customer Reviews" cardTag="See what they say"
cardTagIcon={Star}
cardAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> cardAnimation="slide-up"
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
metrics={[
{
id: "1",
value: "15",
title: "Years",
description: "In business serving Richmond VA",
icon: Clock,
},
{
id: "2",
value: "2000",
title: "Customers",
description: "Satisfied homeowners and businesses",
icon: Users,
},
{
id: "3",
value: "98",
title: "Percent",
description: "Customer satisfaction rating",
icon: CheckCircle,
},
{
id: "4",
value: "10",
title: "Services",
description: "Complete home service solutions",
icon: Wrench,
},
]}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
title="By The Numbers"
description="Earl Boys Services is Richmond's trusted home services leader with proven results."
tag="Our Success"
tagIcon={TrendingUp}
textboxLayout="default"
useInvertedBackground={true}
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqDouble
faqs={[ faqs={[
{ {
id: "1", 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."},
title: "What areas of Richmond do you serve?",
content: "We proudly serve all of Richmond, VA and surrounding areas. Our service team covers residential and commercial properties throughout the region.",
},
{ {
id: "2", 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."},
title: "How quickly can you respond to service requests?",
content: "We typically respond to service requests within 24 hours. For urgent issues, call us at 804-938-0669 for immediate assistance.",
},
{ {
id: "3", 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."},
title: "Do you offer warranty on your work?",
content: "Yes! We stand behind our workmanship with comprehensive warranties on all services. Details vary by service type.",
},
{ {
id: "4", id: "4", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
title: "Are you licensed and insured?",
content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications for electrical, plumbing, and other specialized services.",
},
{
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: "Do you provide free estimates?",
content: "Yes! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation.",
},
]} ]}
sideTitle="Frequently Asked Questions" title="Frequently Asked Questions"
sideDescription="Find answers to common questions about our home services, pricing, and availability." description="Find answers to common questions about our services and how we can help your home."
textPosition="left" textboxLayout="default"
faqsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
animationType="smooth" faqsAnimation="slide-up"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterBaseReveal
logoText="Earl Boys Services" columns={[
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
socialLinks={[
{ {
icon: Facebook, title: "Services", items: [
href: "https://facebook.com", { label: "Plumbing", href: "services" },
ariaLabel: "Facebook", { label: "Electrical", href: "services" },
{ label: "Painting", href: "services" },
],
}, },
{ {
icon: Instagram, title: "Company", items: [
href: "https://instagram.com", { label: "About", href: "about" },
ariaLabel: "Instagram", { label: "Contact", href: "/contact" },
}, { label: "Home", href: "/" },
{ ],
icon: Phone,
href: "tel:804-938-0669",
ariaLabel: "Call us",
}, },
]} ]}
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>