36 Commits

Author SHA1 Message Date
ff0d8092c4 Update src/app/portfolio/page.tsx 2026-03-10 10:25:40 +00:00
2bb1d25a3c Update src/app/portfolio/page.tsx 2026-03-10 10:24:45 +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
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
4 changed files with 1758 additions and 423 deletions

View File

@@ -1,22 +1,26 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import ContactFaq from "@/components/sections/contact/ContactFaq"; import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
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, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone } from "lucide-react";
export default function ContactPage() { export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "home" },
{ name: "Services", id: "services" }, { name: "Services", id: "services" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" }, { name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]; ];
const contactButton = {
text: "Call Now", href: "tel:804-938-0669"};
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
@@ -31,16 +35,15 @@ export default function ContactPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleCentered
navItems={navItems} navItems={navItems}
button={contactButton}
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,24 +52,25 @@ 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", 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", 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", 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", 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", 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"},
]} ]}
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: "Quick Contact Form", 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>
@@ -84,14 +88,14 @@ export default function ContactPage() {
{ {
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?_wi=2", 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?_wi=2", 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"},
], ],
@@ -100,7 +104,7 @@ export default function ContactPage() {
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?_wi=2", 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"},
], ],
@@ -126,8 +130,37 @@ export default function ContactPage() {
/> />
</div> </div>
<div id="contact-form" data-section="contact-form"> <div id="metrics" data-section="metrics">
<ContactFaq <MetricCardOne
title="Ready to Transform Your Home?"
description="Join thousands of satisfied customers who have trusted Earl Boys Services with their most important projects."
tag="Contact Details"
tagIcon={TrendingUp}
metrics={[
{
id: "1", value: "804", title: "938", description: "Call us directly - Call Now", icon: Phone,
},
{
id: "2", value: "15", title: "Years", description: "Experience serving Richmond VA", icon: Clock,
},
{
id: "3", value: "2000", title: "Customers", description: "Trust us for their home services", icon: Users,
},
{
id: "4", value: "10", title: "Services", description: "Available in your area", icon: Wrench,
},
]}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
textboxLayout="default"
useInvertedBackground={true}
/>
</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."},
@@ -142,47 +175,28 @@ export default function ContactPage() {
{ {
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" }}
ctaIcon={Phone}
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="smooth"
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,222 +1,196 @@
"use client"; 'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve"; import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactFaq from "@/components/sections/contact/ContactFaq"; import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterSimple from "@/components/sections/footer/FooterSimple"; import { CheckCircle, Mail } from 'lucide-react';
import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, CheckCircle, Phone, Mail, MessageCircle } from "lucide-react";
export default function HomePage() { 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: 'Contact', id: '#contact' },
{ name: "Testimonials", id: "testimonials" }, ];
{ name: "Contact", id: "contact" },
];
const features = [
{
id: 1,
title: 'Professional Plumbing Services',
description: 'Expert plumbing solutions for residential and commercial properties. From repairs to full system installations.',
imageSrc: 'https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=800&q=80',
imageAlt: 'Professional plumbing services',
icon: CheckCircle,
},
{
id: 2,
title: 'Quality Painting & Finishing',
description: 'Interior and exterior painting with premium finishes. Transform your space with professional craftsmanship.',
imageSrc: 'https://images.unsplash.com/photo-1564543645419-d59e79b6837d?w=800&q=80',
imageAlt: 'Professional painting services',
icon: CheckCircle,
},
{
id: 3,
title: 'Electrical System Installation',
description: 'Licensed electrical work for all your home and business needs. Safety and reliability guaranteed.',
imageSrc: 'https://images.unsplash.com/photo-1621905167918-48416bd8575a?w=800&q=80',
imageAlt: 'Professional electrical services',
icon: CheckCircle,
},
{
id: 4,
title: 'Flooring Solutions',
description: 'Beautiful and durable flooring installations. Hardwood, tile, laminate, and more.',
imageSrc: 'https://images.unsplash.com/photo-1577659645047-f726860106d7?w=800&q=80',
imageAlt: 'Professional flooring services',
icon: CheckCircle,
},
];
const bulletPoints = [
{
title: '15 Years Experience',
description: 'Trusted by thousands of homeowners in Richmond, VA with consistent quality and reliability.',
icon: CheckCircle,
},
{
title: 'Licensed & Insured',
description: 'All our technicians are fully licensed, insured, and trained to the highest standards.',
icon: CheckCircle,
},
{
title: 'Free Estimates',
description: 'No obligation quotes for all services. Transparent pricing with no hidden fees.',
icon: CheckCircle,
},
];
const footerColumns = [
{
title: 'Services',
items: [
{ label: 'Plumbing', href: '#services' },
{ label: 'Painting', href: '#services' },
{ label: 'Electrical', href: '#services' },
{ label: 'Flooring', href: '#services' },
],
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '#about' },
{ label: 'Contact', href: '#contact' },
{ label: 'Testimonials', href: '#' },
{ label: 'Blog', href: '#' },
],
},
{
title: 'Support',
items: [
{ label: 'Help Center', href: '#' },
{ label: 'FAQ', href: '#' },
{ label: 'Emergency Service', href: 'tel:804-938-0669' },
{ label: 'Schedule Service', href: '#contact' },
],
},
];
export default function Home() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="medium"
sizing="mediumLargeSizeLargeTitles" sizing="mediumLarge"
background="circleGradient" background="circleGradient"
cardStyle="solid" cardStyle="glass-elevated"
primaryButtonStyle="primary-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <NavbarStyleFullscreen
<NavbarStyleFullscreen navItems={navItems}
navItems={navItems} brandName="Earl Boys Services"
brandName="Earl Boys Services" bottomLeftText="Richmond, VA"
bottomLeftText="Richmond, VA" bottomRightText="804-938-0669"
bottomRightText="804-938-0669" />
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
title="Professional Home Services You Can Trust" background={{ variant: 'radial-gradient' }}
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." title="Professional Home Services in Richmond, VA"
tag="Earl Boys Services" description="Expert plumbing, painting, electrical, and flooring services you can trust. 15 years of excellence."
tagIcon={Hammer} tag="Trusted Local Service"
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
mediaItems={[ mediaItems={[
{ { imageSrc: 'https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80', imageAlt: 'Professional home services' },
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1", imageAlt: "Professional home services team"}, { imageSrc: 'https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=600&q=80', imageAlt: 'Plumbing expertise' },
{ { imageSrc: 'https://images.unsplash.com/photo-1564543645419-d59e79b6837d?w=600&q=80', imageAlt: 'Quality painting' },
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"},
{
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"},
]} ]}
mediaAnimation="none"
buttons={[ buttons={[
{ { text: 'Get Free Estimate', href: '#contact' },
text: "Call Now", href: "tel:804-938-0669"}, { text: 'Call Now', href: 'tel:804-938-0669' },
{
text: "Get Free Estimate", href: "#contact"},
]} ]}
buttonAnimation="slide-up"
mediaAnimation="slide-up"
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 <FeatureCardSeven
title="Our Professional Services" features={features}
description="We provide comprehensive home services to keep your property in top condition" title="Our Services"
tag="What We Do" description="Comprehensive home services tailored to your needs. Quality workmanship and professional service."
tagIcon={Wrench}
features={[
{
title: "Plumbing Services", description: "Expert repairs, installations, and maintenance for all your plumbing needs.", icon: Droplet,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2", imageAlt: "Professional plumbing repair"},
{
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"},
],
},
{
title: "Electrical Work", description: "Licensed electrical services including repairs, upgrades, and installations.", icon: Zap,
mediaItems: [
{
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"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=1", imageAlt: "Electrical service work"},
],
},
{
title: "Painting & Finishing", description: "Interior and exterior painting with attention to detail and quality finishes.", icon: Paintbrush,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2", imageAlt: "Professional painting service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=1", imageAlt: "Interior painting project"},
],
},
{
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"},
],
},
]}
animationType="slide-up"
textboxLayout="default" textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[
{
text: "Request Service", href: "tel:804-938-0669"},
]}
buttonAnimation="slide-up"
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="about" data-section="about">
<TestimonialCardTwelve <SplitAbout
testimonials={[ title="Why Choose Earl Boys Services?"
{ description="With over 15 years in the home services industry, we've built our reputation on reliability, expertise, and customer satisfaction. Our team of licensed professionals is dedicated to delivering exceptional results on every project."
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"}, textboxLayout="default"
{
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: "3", name: "Emma Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-casual-clothes_23-2149199813.jpg", imageAlt: "Emma Davis testimonial"},
{
id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-casual-clothes_23-2149199812.jpg", imageAlt: "James Wilson testimonial"},
]}
cardTitle="Over 2,000 homeowners trust Earl Boys Services for their most important projects"
cardTag="Testimonials"
cardAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
mediaAnimation="none"
bulletPoints={bulletPoints}
imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80"
imageAlt="Our team of professionals"
imagePosition="right"
buttons={[{ text: 'Learn More', href: '#contact' }]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactFaq <ContactSplit
faqs={[ tag="Get In Touch"
{ title="Schedule Your Free Estimate"
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."}, description="Contact us today for a free, no-obligation estimate. Our team is ready to help with all your home service needs."
{ background={{ variant: 'sparkles-gradient' }}
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: "3", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
{
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."},
]}
ctaTitle="Get Your Free Estimate Today"
ctaDescription="Contact Earl Boys Services for professional, reliable home services. We're ready to help transform your home."
ctaButton={{ text: "Call Now", href: "tel:804-938-0669" }}
ctaIcon={Phone}
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" mediaAnimation="none"
accordionAnimationType="smooth" imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80"
showCard={true} imageAlt="Professional team"
mediaPosition="right"
buttonText="Request Quote"
inputPlaceholder="Enter your email"
onSubmit={(email) => {
console.log('Email submitted:', email);
}}
/> />
</div> </div>
<div id="footer" data-section="footer"> <footer data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={footerColumns}
{ bottomLeftText="© 2025 Earl Boys Services LLC. All rights reserved."
title: "Services", items: [ bottomRightText="Serving Richmond, VA with Professional Home Services"
{ label: "Plumbing", href: "#services" },
{ label: "Electrical", href: "#services" },
{ label: "Painting", href: "#services" },
{ label: "Maintenance", href: "#services" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "#contact" },
{ label: "Testimonials", href: "#testimonials" },
{ 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."
bottomRightText="Professional Home Services"
/> />
</div> </footer>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -1,187 +1,136 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import FooterCard from "@/components/sections/footer/FooterCard"; import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import { import { Briefcase, Code, Palette, Users } from "lucide-react";
Wrench,
Paintbrush, const Portfolio = () => {
Droplet, const navItems = [
Zap, { name: "Home", id: "/" },
MonitorPlay, { name: "Portfolio", id: "/portfolio" },
Facebook, { name: "Contact", id: "contact" },
Instagram, ];
Phone,
} from "lucide-react"; const projects = [
{
title: "Brand Identity Design", description: "Complete visual identity system including logo, color palette, and brand guidelines.", icon: Palette,
mediaItems: [
{
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=500&h=500&fit=crop&_wi=1", imageAlt: "Brand design mockup"},
{
imageSrc: "https://images.unsplash.com/photo-1543632835-a1bf4ab86fef?w=500&h=500&fit=crop", imageAlt: "Color palette exploration"},
],
},
{
title: "Web Application Development", description: "Full-stack web application with responsive design and modern architecture.", icon: Code,
mediaItems: [
{
imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=500&h=500&fit=crop", imageAlt: "Web application interface"},
{
imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=500&h=500&fit=crop", imageAlt: "Mobile responsive design"},
],
},
{
title: "Strategic Branding", description: "Comprehensive branding strategy and positioning for market leadership.", icon: Briefcase,
mediaItems: [
{
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=1", imageAlt: "Strategy workshop"},
{
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=2", imageAlt: "Marketing materials"},
],
},
{
title: "User Experience Design", description: "Intuitive user interfaces designed with user research and testing.", icon: Palette,
mediaItems: [
{
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=500&h=500&fit=crop&_wi=2", imageAlt: "UX wireframes"},
{
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=500&h=500&fit=crop&_wi=3", imageAlt: "Design iterations"},
],
},
];
const teamMembers = [
{
id: "leadership", groupTitle: "Leadership", members: [
{
id: "1", title: "Sarah Johnson", subtitle: "Creative Director", detail: "sarah.johnson@company.com", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop&_wi=1", imageAlt: "Sarah Johnson"},
{
id: "2", title: "Michael Chen", subtitle: "Lead Strategist", detail: "michael.chen@company.com", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&_wi=1", imageAlt: "Michael Chen"},
],
},
{
id: "design", groupTitle: "Design Team", members: [
{
id: "3", title: "Emma Davis", subtitle: "UI/UX Designer", detail: "emma.davis@company.com", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Emma Davis"},
{
id: "4", title: "James Wilson", subtitle: "Brand Designer", detail: "james.wilson@company.com", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", imageAlt: "James Wilson"},
{
id: "5", title: "Sophie Martin", subtitle: "Graphic Designer", detail: "sophie.martin@company.com", imageSrc: "https://images.unsplash.com/photo-1517849845537-1d51a20414de?w=400&h=400&fit=crop", imageAlt: "Sophie Martin"},
],
},
{
id: "development", groupTitle: "Development Team", members: [
{
id: "6", title: "Alex Rodriguez", subtitle: "Full Stack Developer", detail: "alex.rodriguez@company.com", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&_wi=2", imageAlt: "Alex Rodriguez"},
{
id: "7", title: "Lisa Anderson", subtitle: "Frontend Developer", detail: "lisa.anderson@company.com", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop&_wi=2", imageAlt: "Lisa Anderson"},
],
},
];
export default function PortfolioPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="medium"
sizing="mediumLargeSizeLargeTitles" sizing="medium"
background="noise" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="primary-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
> >
{/* Navbar */} <NavbarLayoutFloatingOverlay
<div id="nav" data-section="nav"> navItems={navItems}
<NavbarStyleCentered brandName="Portfolio"
navItems={[ button={{ text: "Contact Us", href: "contact" }}
{ name: "Home", id: "/" }, />
{ name: "Services", id: "/services" }, <div id="portfolio" data-section="portfolio">
{ name: "About", id: "/about" }, <div className="py-20">
{ name: "Portfolio", id: "/portfolio" }, <FeatureCardTwentyFive
{ name: "Contact", id: "/contact" }, title="Featured Projects"
]} description="Explore our latest work and successful client engagements"
button={{ features={projects.map((project) => ({
text: "Call Now", ...project,
href: "tel:804-938-0669",
}}
brandName="Earl Boys Services"
/>
</div>
{/* Portfolio Hero Section */}
<div id="portfolio-hero" data-section="portfolio-hero">
<HeroBillboardCarousel
title="Our Portfolio"
description="Explore our collection of completed projects showcasing professional home services excellence across Richmond, VA."
tag="Earl Boys Services"
tagIcon={Wrench}
tagAnimation="slide-up"
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=6",
imageAlt: "Before after home renovation transformation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=5",
imageAlt: "Kitchen renovation before after transformation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=5",
imageAlt: "Room renovation before after completion",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=5",
imageAlt: "Professional plumbing work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=4",
imageAlt: "Professional painting service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=5",
imageAlt: "Professional electrician electrical work",
},
]}
buttons={[
{
text: "View Services",
href: "/services",
},
{
text: "Get a Quote",
href: "tel:804-938-0669",
},
]}
buttonAnimation="slide-up"
ariaLabel="Portfolio section for Earl Boys Services"
/>
</div>
{/* Featured Projects Section */}
<div id="projects" data-section="projects">
<FeatureCardTwentyFive
title="Featured Projects"
description="A selection of our most successful home improvement and repair projects completed with professional excellence and customer satisfaction."
tag="Project Showcase"
tagIcon={Wrench}
features={[
{
title: "Plumbing Installation",
description: "Complete bathroom and kitchen plumbing system installation with modern fixtures and premium finishes.",
icon: Droplet,
mediaItems: [ mediaItems: [
{ project.mediaItems[0],
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=6", project.mediaItems[1] || project.mediaItems[0],
imageAlt: "Professional plumbing work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=7",
imageAlt: "Project completed successfully",
},
], ],
}, }))}
{ animationType="slide-up"
title: "Interior Painting", textboxLayout="default"
description: "Professional interior painting project transforming living spaces with fresh color and premium finish.", useInvertedBackground={false}
icon: Paintbrush, />
mediaItems: [ </div>
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=5",
imageAlt: "Professional painting service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=6",
imageAlt: "Color selection and painting results",
},
],
},
{
title: "Electrical Upgrades",
description: "Licensed electrical work including panel upgrades, outlet installation, and safety inspections for modern homes.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=6",
imageAlt: "Professional electrician electrical work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/light-switches-near-metal-door-handle-stairs-lighting-control_169016-69323.jpg",
imageAlt: "Professional electrical installation",
},
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div> </div>
<div id="team" data-section="team">
{/* Footer */} <div className="py-20">
<div id="footer" data-section="footer"> <TeamCardEleven
<FooterCard title="Our Team"
logoText="Earl Boys Services" description="Meet the talented professionals behind our success"
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured." groups={teamMembers}
socialLinks={[ animationType="slide-up"
{ textboxLayout="default"
icon: Facebook, useInvertedBackground={false}
href: "https://facebook.com", />
ariaLabel: "Facebook", </div>
},
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
{
icon: Phone,
href: "tel:804-938-0669",
ariaLabel: "Call us",
},
]}
/>
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} };
export default Portfolio;