Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ff0d8092c4 |
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone, Quote } from "lucide-react";
|
||||
import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
@@ -19,8 +19,7 @@ export default function ContactPage() {
|
||||
];
|
||||
|
||||
const contactButton = {
|
||||
text: "Call Now", href: "tel:804-938-0669"
|
||||
};
|
||||
text: "Call Now", href: "tel:804-938-0669"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -53,31 +52,23 @@ export default function ContactPage() {
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
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", 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", 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", 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", 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", 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", imageAlt: "Professional flooring installation"},
|
||||
]}
|
||||
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"
|
||||
ariaLabel="Contact page hero section for Earl Boys Services"
|
||||
@@ -95,44 +86,36 @@ export default function ContactPage() {
|
||||
title: "Phone Support", description: "Call us directly for immediate assistance and emergency service requests.", icon: Phone,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -141,42 +124,36 @@ export default function ContactPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service", href: "tel:804-938-0669"
|
||||
},
|
||||
text: "Request Service", href: "tel:804-938-0669"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<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={[
|
||||
<div id="metrics" data-section="metrics">
|
||||
<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", 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: "1", value: "804", title: "938", description: "Call us directly - Call Now", icon: Phone,
|
||||
},
|
||||
{
|
||||
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: "2", value: "15", title: "Years", description: "Experience serving Richmond VA", icon: Clock,
|
||||
},
|
||||
{
|
||||
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: "3", value: "2000", title: "Customers", description: "Trust us for their home services", icon: Users,
|
||||
},
|
||||
{
|
||||
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
|
||||
id: "4", value: "10", title: "Services", description: "Available in your area", icon: Wrench,
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,23 +163,17 @@ export default function ContactPage() {
|
||||
sideDescription="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
|
||||
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"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -218,16 +189,13 @@ export default function ContactPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:804-938-0669", ariaLabel: "Call us"
|
||||
},
|
||||
href: "tel:804-938-0669", ariaLabel: "Call us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
531
src/app/page.tsx
531
src/app/page.tsx
@@ -1,369 +1,196 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Hammer,
|
||||
Wrench,
|
||||
Droplet,
|
||||
Paintbrush,
|
||||
Zap,
|
||||
MonitorPlay,
|
||||
Armchair,
|
||||
Layers,
|
||||
Clock,
|
||||
Users,
|
||||
CheckCircle,
|
||||
TrendingUp,
|
||||
Star,
|
||||
Facebook,
|
||||
Instagram,
|
||||
Phone,
|
||||
} from "lucide-react";
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { CheckCircle, Mail } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Services', id: '#services' },
|
||||
{ name: 'About', id: '#about' },
|
||||
{ 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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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" },
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Earl Boys Services"
|
||||
bottomLeftText="Richmond, VA"
|
||||
bottomRightText="804-938-0669"
|
||||
/>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: 'radial-gradient' }}
|
||||
title="Professional Home Services in Richmond, VA"
|
||||
description="Expert plumbing, painting, electrical, and flooring services you can trust. 15 years of excellence."
|
||||
tag="Trusted Local Service"
|
||||
mediaItems={[
|
||||
{ imageSrc: 'https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80', imageAlt: 'Professional home services' },
|
||||
{ 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' },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:804-938-0669",
|
||||
mediaAnimation="none"
|
||||
buttons={[
|
||||
{ text: 'Get Free Estimate', href: '#contact' },
|
||||
{ text: 'Call Now', href: 'tel:804-938-0669' },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
features={features}
|
||||
title="Our Services"
|
||||
description="Comprehensive home services tailored to your needs. Quality workmanship and professional service."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
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."
|
||||
textboxLayout="default"
|
||||
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 id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Schedule Your Free Estimate"
|
||||
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' }}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="none"
|
||||
imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80"
|
||||
imageAlt="Professional team"
|
||||
mediaPosition="right"
|
||||
buttonText="Request Quote"
|
||||
inputPlaceholder="Enter your email"
|
||||
onSubmit={(email) => {
|
||||
console.log('Email submitted:', email);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Professional Home Services in Richmond, VA"
|
||||
description="Expert solutions for all your home improvement, repair, and maintenance needs. 10+ services to transform your home. Call 804-938-0669"
|
||||
tag="Earl Boys Services"
|
||||
tagIcon={Hammer}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=1",
|
||||
imageAlt: "Professional flooring installation",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 804-938-0669",
|
||||
href: "tel:804-938-0669",
|
||||
},
|
||||
{
|
||||
text: "Book a Service",
|
||||
href: "contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Hero section for Earl Boys Services"
|
||||
<footer data-section="footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2025 Earl Boys Services LLC. All rights reserved."
|
||||
bottomRightText="Serving Richmond, VA with Professional Home Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-home" data-section="services-home">
|
||||
<FeatureCardTwentyFive
|
||||
features={[
|
||||
{
|
||||
title: "Plumbing Services",
|
||||
description: "Expert plumbing repairs, installations, and maintenance for all your home water systems.",
|
||||
icon: Droplet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2",
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Painting Services",
|
||||
description: "Interior and exterior painting with premium finishes for residential and commercial spaces.",
|
||||
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/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=1",
|
||||
imageAlt: "Painting transformation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Electrical Work",
|
||||
description: "Licensed electrical services including installations, repairs, and safety inspections.",
|
||||
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: "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",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Services",
|
||||
href: "/services",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
|
||||
imageAlt: "Sarah Johnson testimonial",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",
|
||||
imageAlt: "Michael Chen testimonial",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-euphoric-successful-businesswoman_273609-13789.jpg",
|
||||
imageAlt: "Emily Rodriguez testimonial",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
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"
|
||||
cardTag="Customer Reviews"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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 id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
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",
|
||||
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",
|
||||
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"
|
||||
sideDescription="Find answers to common questions about our home services, pricing, and availability."
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Earl Boys Services"
|
||||
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:804-938-0669",
|
||||
ariaLabel: "Call us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</footer>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,187 +1,136 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import {
|
||||
Wrench,
|
||||
Paintbrush,
|
||||
Droplet,
|
||||
Zap,
|
||||
MonitorPlay,
|
||||
Facebook,
|
||||
Instagram,
|
||||
Phone,
|
||||
} from "lucide-react";
|
||||
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
||||
import { Briefcase, Code, Palette, Users } from "lucide-react";
|
||||
|
||||
const Portfolio = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ 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",
|
||||
}}
|
||||
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,
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Portfolio"
|
||||
button={{ text: "Contact Us", href: "contact" }}
|
||||
/>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<div className="py-20">
|
||||
<FeatureCardTwentyFive
|
||||
title="Featured Projects"
|
||||
description="Explore our latest work and successful client engagements"
|
||||
features={projects.map((project) => ({
|
||||
...project,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=6",
|
||||
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",
|
||||
},
|
||||
project.mediaItems[0],
|
||||
project.mediaItems[1] || project.mediaItems[0],
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Interior Painting",
|
||||
description: "Professional interior painting project transforming living spaces with fresh color and premium finish.",
|
||||
icon: Paintbrush,
|
||||
mediaItems: [
|
||||
{
|
||||
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}
|
||||
/>
|
||||
}))}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Earl Boys Services"
|
||||
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:804-938-0669",
|
||||
ariaLabel: "Call us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<div id="team" data-section="team">
|
||||
<div className="py-20">
|
||||
<TeamCardEleven
|
||||
title="Our Team"
|
||||
description="Meet the talented professionals behind our success"
|
||||
groups={teamMembers}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default Portfolio;
|
||||
|
||||
Reference in New Issue
Block a user