bender/0ac42296-b932-400e-bdd2-2bb8418ccc28
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Switch to version 2: modified src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 10:21:41 +00:00
parent c87839b859
commit db2b748ff4
1 changed files with 56 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
src/app/contact/page.tsx
View File

@@ -1,26 +1,22 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
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 } from "lucide-react";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Hammer, Wrench, Phone, Mail, MessageCircle, CheckCircle } from "lucide-react";
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Home", id: "/" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
];
const contactButton = {
text: "Call Now", href: "tel:804-938-0669"};
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -35,15 +31,16 @@ export default function ContactPage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
<NavbarStyleFullscreen
navItems={navItems}
button={contactButton}
brandName="Earl Boys Services"
bottomLeftText="Richmond, VA"
bottomRightText="804-938-0669"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
<HeroBillboardGallery
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."
tag="Earl Boys Services"
@@ -52,25 +49,24 @@ 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?_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/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg", imageAlt: "Professional flooring installation"},
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=3", imageAlt: "General maintenance services"},
]}
buttons={[
{
text: "Call Now: 804-938-0669", href: "tel:804-938-0669"},
{
text: "Quick Contact Form", href: "#contact-form"},
text: "Get Free Estimate", href: "#contact-form"},
]}
buttonAnimation="slide-up"
mediaAnimation="slide-up"
ariaLabel="Contact page hero section for Earl Boys Services"
/>
</div>
@@ -88,14 +84,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-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?_wi=2", imageAlt: "Professional communication"},
],
},
{
title: "Service Area Coverage", description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg", 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?_wi=2", imageAlt: "Richmond virginia map location marker"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-cleaning-office-together_23-2149345517.jpg", imageAlt: "Professional home services team working"},
],
@@ -104,7 +100,7 @@ export default function ContactPage() {
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?_wi=2", imageAlt: "Home improvement project"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg", imageAlt: "Professional consultation"},
],
@@ -130,37 +126,8 @@ export default function ContactPage() {
/>
</div>
<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", 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."
<div id="contact-form" data-section="contact-form">
<ContactFaq
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."},
@@ -175,30 +142,49 @@ 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."},
]}
textPosition="left"
faqsAnimation="slide-up"
ctaTitle="Ready to Get Started?"
ctaDescription="Contact Earl Boys Services today for a free estimate and professional home service solutions."
ctaButton={{ text: "Call Now", href: "tel:804-938-0669" }}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="smooth"
animationType="slide-up"
accordionAnimationType="smooth"
showCard={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Earl Boys Services"
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
socialLinks={[
<FooterSimple
columns={[
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"},
title: "Services", items: [
{ label: "Plumbing", href: "/" },
{ label: "Electrical", href: "/" },
{ label: "Painting", href: "/" },
{ label: "Maintenance", href: "/" },
],
},
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"},
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Testimonials", href: "/" },
{ label: "Get Estimate", href: "tel:804-938-0669" },
],
},
{
icon: Phone,
href: "tel:804-938-0669", ariaLabel: "Call us"},
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>
</ThemeProvider>
);
}
}