Compare commits
78 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b892f19bcc | |||
| 9c023173e0 | |||
| a7b9767357 | |||
| 2d4ad91db2 | |||
| 31ca7d2976 | |||
| d5f0d15cd4 | |||
| d352a281e0 | |||
| d7e4a7a749 | |||
| 265ed2c09a | |||
| 0962f56e8f | |||
| 4256155ab7 | |||
| c45ae6be82 | |||
| 244717c96d | |||
| d1381d3c86 | |||
| d4b782117f | |||
| 06ff13970e | |||
| 5dd4abbb83 | |||
| 618f7b32d5 | |||
| de1a452fff | |||
| 6015a7e5b9 | |||
| 81df609fac | |||
| 33676a0026 | |||
| cedc31c39b | |||
| 30f5479ea1 | |||
| 05306f8214 | |||
| ee3c297494 | |||
| d95fc7132b | |||
| 5debf0cb92 | |||
| f0c8f40c23 | |||
| baac49bcc9 | |||
| f58bfc04ad | |||
| 9dbdcdbfa9 | |||
| 70febe0685 | |||
| 8fef0f19c5 | |||
| b5eb8ca538 | |||
| d7e05cd8e7 | |||
| 9230eaa033 | |||
| 7f9a64d57c | |||
| 5c64dd037a | |||
| baaea4d5cc | |||
| 3b0ad38bbd | |||
| f60872eb70 | |||
| 5e4bc0366e | |||
| e23b93052f | |||
| 9d95c167c8 | |||
| 0ef8b5150c | |||
| 1058e6481f | |||
| 8458dc3f58 | |||
| abd5c5937e | |||
| fad64c57ed | |||
| 937fcba3d5 | |||
| 4cd541a7ff | |||
| 5a4fcdf6e8 | |||
| 2bb1d25a3c | |||
| b02036b194 | |||
| 48d161ee8e | |||
| a20193062f | |||
| 47869cb108 | |||
| e55e5789eb | |||
| 46e10a109d | |||
| c712cacb23 | |||
| db2b748ff4 | |||
| c87839b859 | |||
| ba8ecbc105 | |||
| 757658e49c | |||
| 1f9be120b5 | |||
| b8f6654e83 | |||
| 1a3bdaffa7 | |||
| bfb84ddeaa | |||
| f9d3ad9bba | |||
| f9920cfb76 | |||
| 4876ede67d | |||
| b9bd2c579d | |||
| e47dc82ee2 | |||
| 3fdf9e1870 | |||
| c6e06d47e1 | |||
| c56321d5fd | |||
| 49e9fae9dd |
@@ -1,27 +1,22 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Hammer, Phone, Mail, MapPin, Clock, Users, TrendingUp, Zap, Facebook, Instagram, Linkedin } from "lucide-react";
|
||||
import { Hammer, Wrench, Mail, Star, Quote, Facebook, Instagram, Phone } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const contactButton = {
|
||||
text: "Get Started", href: "#contact"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -36,146 +31,107 @@ export default function ContactPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
button={contactButton}
|
||||
brandName="Earl Boys Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
<HeroBillboardCarousel
|
||||
title="Contact Earl Boys Services"
|
||||
description="Get in touch with our team for all your home service needs. We are 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"
|
||||
tagIcon={Hammer}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
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/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3", imageAlt: "Expert plumbing services"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3", imageAlt: "Professional painting services"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3", imageAlt: "Licensed electrical work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2", imageAlt: "General maintenance services"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=2", imageAlt: "Professional flooring installation"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 804-938-0669", href: "tel:804-938-0669"
|
||||
},
|
||||
{
|
||||
text: "Quick Contact Form", href: "#contact-form"
|
||||
text: "Send Message", href: "#contact-form"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
dashboard={{
|
||||
title: "Contact Information", logoIcon: Phone,
|
||||
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=100&h=100&fit=crop&crop=face", buttons: [
|
||||
{ text: "Call Us", href: "tel:804-938-0669" },
|
||||
{ text: "Email", href: "mailto:contact@earlboys.com" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Phone, active: true },
|
||||
{ icon: Mail },
|
||||
{ icon: MapPin },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Response Time", values: [1, 0.5, 0],
|
||||
description: "We respond fast"
|
||||
},
|
||||
{
|
||||
title: "Service Area", values: [100, 50, 25],
|
||||
description: "Coverage zone"
|
||||
},
|
||||
{
|
||||
title: "Experience", values: [15, 10, 5],
|
||||
description: "In business"
|
||||
},
|
||||
],
|
||||
chartTitle: "Contact Volume", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 65 },
|
||||
{ value: 75 },
|
||||
{ value: 85 },
|
||||
{ value: 90 },
|
||||
],
|
||||
listTitle: "Ways to Reach Us", listItems: [
|
||||
{ icon: Phone, title: "804-938-0669", status: "Available" },
|
||||
{ icon: Mail, title: "Email Support", status: "24/7" },
|
||||
{ icon: MapPin, title: "Richmond, VA", status: "Local" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "804-938-0669", title: "Direct Phone Line", description: "Available during business hours", imageSrc: "https://images.unsplash.com/photo-1634017303134-b69a4aacbfbb?w=500&h=500&fit=crop", imageAlt: "Phone support"
|
||||
},
|
||||
{
|
||||
id: "2", value: "Richmond", title: "Service Area", description: "Plus surrounding Virginia areas", imageSrc: "https://images.unsplash.com/photo-1524661135-423995f22d0b?w=500&h=500&fit=crop", imageAlt: "Richmond Virginia map"
|
||||
},
|
||||
{
|
||||
id: "3", value: "24/7", title: "Emergency Support", description: "On-call for urgent issues", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=1", imageAlt: "Emergency services team"
|
||||
},
|
||||
]}
|
||||
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}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
names={["Licensed", "Insured", "Bonded", "Certified", "Trusted"]}
|
||||
title="Why Homeowners Trust Us"
|
||||
description="Proven reliability with years of excellent service in Richmond and surrounding areas"
|
||||
tag="Credentials"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
ariaLabel="Contact page hero section for Earl Boys Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Get Your Free Estimate"
|
||||
description="Tell us about your project and we will get back to you within 24 hours with a detailed estimate. No obligation, no pressure."
|
||||
inputs={[
|
||||
<ContactForm
|
||||
title="Send us a Message"
|
||||
description="Fill out the form below and we'll get back to you within 24 hours with a response."
|
||||
tag="Quick Contact"
|
||||
tagIcon={Mail}
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Send Message"
|
||||
termsText="We'll never share your information and respect your privacy."
|
||||
onSubmit={(email) => console.log('Form submitted with email:', email)}
|
||||
centered={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
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
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
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
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
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
|
||||
},
|
||||
{
|
||||
name: "service", type: "text", placeholder: "Service Needed", required: false,
|
||||
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
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your project in detail...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
carouselMode="buttons"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Request Estimate"
|
||||
onSubmit={(data) => {
|
||||
console.log("Form submitted:", data);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitText
|
||||
sideTitle="Questions About Our Services?"
|
||||
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 are 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."
|
||||
@@ -193,12 +149,9 @@ 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."
|
||||
},
|
||||
]}
|
||||
title="Questions About Our Services?"
|
||||
description="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
|
||||
tag="Support"
|
||||
tagIcon={Mail}
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="smooth"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,4 +178,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
1443
src/app/layout.tsx
1443
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
319
src/app/page.tsx
319
src/app/page.tsx
@@ -1,239 +1,137 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Sparkles, CheckCircle, Star, MapPin, Shield, Users, TrendingUp, Zap, Facebook, Instagram, Linkedin } from "lucide-react";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, CheckCircle, TrendingUp, Users } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const contactButton = {
|
||||
text: "Get Started", href: "#contact"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
button={contactButton}
|
||||
brandName="Demo Site"
|
||||
/>
|
||||
<NavbarStyleApple navItems={navItems} brandName="Earl Boys Services" />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Real-Time Analytics Platform"
|
||||
description="Monitor your business metrics with our comprehensive dashboard. Real-time data, actionable insights, and beautiful visualizations."
|
||||
tag="Live Analytics"
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Transform Your Home with Professional Services"
|
||||
description="Expert home services in Richmond, VA. From plumbing and electrical work to painting and flooring, we deliver quality craftsmanship every time."
|
||||
tag="Earl Boys Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1", imageAlt: "Professional home services team"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1", imageAlt: "Expert plumbing services"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1", imageAlt: "Professional painting services"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=1", imageAlt: "Licensed electrical work"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1", imageAlt: "General maintenance services"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=1", imageAlt: "Professional flooring installation"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
{ text: "View Demo", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
dashboard={{
|
||||
title: "Analytics Dashboard", logoIcon: TrendingUp,
|
||||
imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face", buttons: [
|
||||
{ text: "Dashboard", href: "#" },
|
||||
{ text: "Export", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: TrendingUp, active: true },
|
||||
{ icon: Users },
|
||||
{ icon: Zap },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Revenue", values: [245890, 312750, 428500],
|
||||
valuePrefix: "$", description: "Monthly recurring."
|
||||
},
|
||||
{
|
||||
title: "Users", values: [1240, 2150, 3890],
|
||||
description: "Active users online."
|
||||
},
|
||||
{
|
||||
title: "Growth", values: [12.5, 18.3, 25.6],
|
||||
valueSuffix: "%", description: "Month-over-month."
|
||||
},
|
||||
],
|
||||
chartTitle: "Performance Trend", chartData: [
|
||||
{ value: 50 },
|
||||
{ value: 30 },
|
||||
{ value: 70 },
|
||||
{ value: 40 },
|
||||
{ value: 90 },
|
||||
],
|
||||
listTitle: "Recent Transactions", listItems: [
|
||||
{ icon: CheckCircle, title: "Order #12345", status: "Completed" },
|
||||
{ icon: TrendingUp, title: "Revenue Report", status: "Generated" },
|
||||
{ icon: Users, title: "Team Metrics", status: "Updated" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Real-Time Tracking", description: "Monitor your metrics as they happen with live updates and instant notifications.", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Real-time dashboard tracking"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Advanced Analytics", description: "Deep dive into data with customizable reports and predictive insights.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Advanced analytics interface"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Team Collaboration", description: "Work together seamlessly with shared dashboards and real-time updates.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Team collaboration tools"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Custom Reports", description: "Generate detailed reports tailored to your business needs and export easily.", imageSrc: "https://images.unsplash.com/photo-1611532736592-5a66f6aef2a2?w=500&h=500&fit=crop", imageAlt: "Custom report generation"
|
||||
},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to manage your business effectively"
|
||||
tag="Features"
|
||||
tagIcon={Zap}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore All Features", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "$29/mo", subtitle: "Perfect for getting started", buttons: [
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 1,000 tracked events", "Basic analytics dashboard", "Email support", "1 team member"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Professional", badgeIcon: Star,
|
||||
price: "$99/mo", subtitle: "For growing businesses", buttons: [
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 100,000 tracked events", "Advanced analytics & AI insights", "Priority email & chat support", "Up to 10 team members", "Custom reports"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Enterprise", badgeIcon: CheckCircle,
|
||||
price: "Custom", subtitle: "For large-scale operations", buttons: [
|
||||
{ text: "Contact Sales", href: "#" },
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited tracked events", "Full API access", "Dedicated account manager", "Custom integrations", "On-premise deployment", "SLA guarantee"
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your needs"
|
||||
tag="Pricing"
|
||||
tagIcon={TrendingUp}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "View All Plans", href: "#" },
|
||||
{
|
||||
text: "Get Free Estimate", href: "/contact"},
|
||||
{
|
||||
text: "Call: 804-938-0669", href: "tel:804-938-0669"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Hero section showcasing home services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<MetricCardEleven
|
||||
metrics={[
|
||||
<FeatureCardTen
|
||||
title="Our Services"
|
||||
description="Comprehensive home services designed to meet all your residential needs with professional expertise and quality craftsmanship."
|
||||
tag="What We Offer"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: "1", value: "99.9%", title: "Uptime Guarantee", description: "Enterprise-grade reliability", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Server uptime monitoring"
|
||||
id: "1", title: "Plumbing Services", description: "From routine maintenance to complex repairs, our licensed plumbers handle all your plumbing needs with precision and care.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2", imageAlt: "Professional plumbing work"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Leak detection & repair" },
|
||||
{ icon: CheckCircle, text: "Pipe installation" },
|
||||
{ icon: CheckCircle, text: "Drain cleaning" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2", value: "24/7", title: "Support Available", description: "Always here to help", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Customer support team"
|
||||
id: "2", title: "Electrical Services", description: "Safe, reliable electrical work for all your home needs. Licensed electricians providing installations, repairs, and upgrades.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=2", imageAlt: "Professional electrical work"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Circuit installation" },
|
||||
{ icon: CheckCircle, text: "Outlet & switch repairs" },
|
||||
{ icon: CheckCircle, text: "Safety inspections" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3", value: "150K+", title: "Active Users", description: "Trusted by businesses worldwide", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Global user base"
|
||||
id: "3", title: "Painting & Finishing", description: "Transform your space with professional painting services. Interior and exterior work with attention to detail and quality finishes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2", imageAlt: "Professional painting services"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Interior painting" },
|
||||
{ icon: CheckCircle, text: "Exterior painting" },
|
||||
{ icon: CheckCircle, text: "Surface preparation" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Industry-leading performance and support"
|
||||
tag="Services"
|
||||
tagIcon={Shield}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
names={["TechCorp", "DataFlow", "CloudSync", "InnovateLabs", "FutureScale"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of companies that rely on our platform for their analytics needs"
|
||||
tag="Trusted Partners"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson, CEO of TechCorp", date: "Date: 15 November 2024", title: "Transformed our analytics workflow", quote: "This platform has completely transformed how we analyze business data. The real-time insights have helped us make better decisions faster than ever before.", tag: "Enterprise Plan", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Sarah Johnson speaking at conference"
|
||||
},
|
||||
id: "1", name: "John Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=1", imageAlt: "John Mitchell"},
|
||||
{
|
||||
id: "2", name: "Michael Chen, CTO of DataFlow", date: "Date: 10 November 2024", title: "Best analytics solution on the market", quote: "The API is clean, documentation is excellent, and the team is incredibly responsive. We integrated this in just a few days and immediately saw value.", tag: "Professional Plan", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Michael Chen coding on laptop"
|
||||
},
|
||||
id: "2", name: "Sarah Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=2", imageAlt: "Sarah Thompson"},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez, Founder of CloudSync", date: "Date: 5 November 2024", title: "Outstanding customer support", quote: "What impressed me most was the customer support team. They went above and beyond to help us optimize our setup. Highly recommended!", tag: "Starter Plan", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Emma Rodriguez at her desk"
|
||||
},
|
||||
id: "3", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=3", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "4", name: "Jennifer Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=4", imageAlt: "Jennifer Rodriguez"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Real stories from companies using our platform daily"
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
cardTitle="Over 1,000 satisfied customers trust Earl Boys Services"
|
||||
cardTag="See what they say"
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -241,54 +139,43 @@ export default function HomePage() {
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How does the pricing work?", content: "Our pricing is simple and transparent. We offer three tiers: Starter ($29/mo), Professional ($99/mo), and Enterprise (custom pricing). Each tier includes different features and support levels. You can switch plans anytime."
|
||||
},
|
||||
id: "1", title: "What areas do you serve?", content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."},
|
||||
{
|
||||
id: "2", title: "Is there a free trial?", content: "Yes! All plans come with a 14-day free trial. No credit card required. You get full access to all features during the trial period."
|
||||
},
|
||||
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 kind of support do you offer?", content: "We provide email support for all plans, priority chat support for Professional plans, and dedicated account managers for Enterprise customers. Our support team is available 24/7."
|
||||
},
|
||||
id: "3", title: "Do you charge for consultations?", content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."},
|
||||
{
|
||||
id: "4", title: "Can I cancel anytime?", content: "Absolutely! You can cancel your subscription anytime without penalties. If you cancel mid-month, you'll have access until the end of your billing period."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do you offer API access?", content: "Yes, API access is included in Professional and Enterprise plans. We provide comprehensive documentation and SDKs for popular programming languages."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Is my data secure?", content: "Security is our top priority. We use enterprise-grade encryption, regular security audits, and comply with GDPR, CCPA, and SOC 2. Your data is backed up daily."
|
||||
},
|
||||
id: "4", title: "Are you licensed and insured?", content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our service"
|
||||
tag="Support"
|
||||
tagIcon={CheckCircle}
|
||||
faqsAnimation="slide-up"
|
||||
description="Find answers to common questions about our services and how we can help your home."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Demo Site"
|
||||
copyrightText="© 2025 Demo Site. All rights reserved."
|
||||
socialLinks={[
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
title: "Services", items: [
|
||||
{ label: "Plumbing", href: "services" },
|
||||
{ label: "Electrical", href: "services" },
|
||||
{ label: "Painting", href: "services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Home", href: "/" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,213 +1,283 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
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 { Zap, CheckCircle, Users, Shield, Sparkles, TrendingUp, MapPin, Phone, Mail, Facebook, Instagram, Linkedin } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Wrench,
|
||||
Droplet,
|
||||
Paintbrush,
|
||||
Zap,
|
||||
MonitorPlay,
|
||||
Armchair,
|
||||
Layers,
|
||||
DoorOpen,
|
||||
BookOpen,
|
||||
Hammer,
|
||||
Clock,
|
||||
Users,
|
||||
CheckCircle,
|
||||
TrendingUp,
|
||||
Facebook,
|
||||
Instagram,
|
||||
Phone,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Services", id: "/services" },
|
||||
];
|
||||
|
||||
const contactButton = {
|
||||
text: "Get Started", href: "#contact"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
button={contactButton}
|
||||
brandName="Demo Site"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Our Comprehensive Services"
|
||||
description="Explore our full range of solutions designed to help your business succeed. From analytics to support, we have everything you need."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "View Pricing", href: "/#pricing" },
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
<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" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
dashboard={{
|
||||
title: "Service Capabilities", logoIcon: TrendingUp,
|
||||
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=100&h=100&fit=crop&crop=face", buttons: [
|
||||
{ text: "Learn More", href: "#" },
|
||||
{ text: "Contact Us", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: CheckCircle, active: true },
|
||||
{ icon: Users },
|
||||
{ icon: Shield },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Services", values: [5, 8, 12],
|
||||
description: "Available today"
|
||||
},
|
||||
{
|
||||
title: "Coverage", values: [150, 250, 500],
|
||||
valueSuffix: "k mi²", description: "Service area"
|
||||
},
|
||||
{
|
||||
title: "Satisfaction", values: [95, 97, 99],
|
||||
valueSuffix: "%", description: "Customer rating"
|
||||
},
|
||||
],
|
||||
chartTitle: "Service Growth", chartData: [
|
||||
{ value: 40 },
|
||||
{ value: 60 },
|
||||
{ value: 80 },
|
||||
{ value: 70 },
|
||||
{ value: 95 },
|
||||
],
|
||||
listTitle: "Recent Implementations", listItems: [
|
||||
{ icon: CheckCircle, title: "Analytics Suite Deployed", status: "Completed" },
|
||||
{ icon: Users, title: "Team Training Completed", status: "Completed" },
|
||||
{ icon: Zap, title: "API Integration Ready", status: "Active" },
|
||||
],
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:804-938-0669",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
<FeatureCardTwentyFive
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Data Analytics", description: "Comprehensive data analysis tools with real-time processing and advanced algorithms.", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Data analytics dashboard"
|
||||
title: "Plumbing Services",
|
||||
description: "Expert plumbing repairs, installations, and maintenance for all your home water systems. From leak detection to full system replacement.",
|
||||
icon: Droplet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",
|
||||
imageAlt: "Professional plumbing work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=3",
|
||||
imageAlt: "Plumbing project completed",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "02", title: "Cloud Integration", description: "Seamless integration with leading cloud platforms. Deploy, scale, and manage with ease.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Cloud integration services"
|
||||
title: "Painting Services",
|
||||
description: "Interior and exterior painting with premium finishes for residential and commercial spaces. Full surface preparation and cleanup included.",
|
||||
icon: Paintbrush,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3",
|
||||
imageAlt: "Professional painting service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=3",
|
||||
imageAlt: "Painting transformation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "03", title: "Custom Development", description: "Tailored solutions built specifically for your business requirements and goals.", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=500&h=500&fit=crop", imageAlt: "Custom software development"
|
||||
title: "Electrical Work",
|
||||
description: "Licensed electrical services including installations, repairs, and safety inspections. All work meets current electrical codes and standards.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",
|
||||
imageAlt: "Professional electrical work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=3",
|
||||
imageAlt: "Electrical project completed",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "04", title: "Security & Compliance", description: "Enterprise-grade security with compliance certifications and regular audits.", imageSrc: "https://images.unsplash.com/photo-1555949519-f2a6f01c00f5?w=500&h=500&fit=crop", imageAlt: "Security infrastructure"
|
||||
title: "Wall Mounting & Installation",
|
||||
description: "Professional TV mounting, shelving installation, and wall customization services. Secure mounting with cable management included.",
|
||||
icon: MonitorPlay,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg?_wi=2",
|
||||
imageAlt: "Professional wall mounting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=4",
|
||||
imageAlt: "Wall mounting installation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "05", title: "Training & Support", description: "Comprehensive training programs and 24/7 technical support for your team.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Team training session"
|
||||
title: "Furniture Assembly",
|
||||
description: "Quick and efficient furniture assembly for residential and commercial installations. Expert handling of all furniture types and styles.",
|
||||
icon: Armchair,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hitting-nail-by-hammer_329181-3740.jpg?_wi=2",
|
||||
imageAlt: "Professional furniture assembly",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=4",
|
||||
imageAlt: "Furniture installation completed",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "06", title: "Consulting Services", description: "Expert guidance from industry veterans to optimize your operations.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Business consulting meeting"
|
||||
title: "Flooring Installation",
|
||||
description: "Expert flooring installation for hardwood, tile, laminate, and other materials. Subfloor preparation to final finish included.",
|
||||
icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=3",
|
||||
imageAlt: "Professional flooring installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=4",
|
||||
imageAlt: "Flooring project transformation",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Detailed Service Offerings"
|
||||
description="Everything you need for complete digital transformation"
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
title="Complete Service Catalog"
|
||||
description="Explore our full range of professional home services. Each service includes consultation, professional execution, and satisfaction guarantee."
|
||||
tag="All 10 Services"
|
||||
tagIcon={Wrench}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore All Services", href: "#" },
|
||||
{
|
||||
text: "Back to Home",
|
||||
href: "/",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
<div id="service-benefits" data-section="service-benefits">
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50+", title: "Enterprise Clients", description: "Trusted by leading companies", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Enterprise clients working together"
|
||||
id: "1",
|
||||
value: "24",
|
||||
title: "Hour",
|
||||
description: "Response time for service requests",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "2", value: "10M+", title: "Data Points Processed", description: "Daily analytics processing", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Data processing visualization"
|
||||
id: "2",
|
||||
value: "15",
|
||||
title: "Years",
|
||||
description: "Of industry expertise and experience",
|
||||
icon: Hammer,
|
||||
},
|
||||
{
|
||||
id: "3", value: "15", title: "Years Experience", description: "Industry leadership", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Years of service"
|
||||
id: "3",
|
||||
value: "100",
|
||||
title: "Percent",
|
||||
description: "Licensed, insured, and bonded",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "2000",
|
||||
title: "Plus",
|
||||
description: "Happy customers in Richmond VA",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Service Excellence"
|
||||
description="Proven track record of delivering results"
|
||||
tag="Performance"
|
||||
tagIcon={TrendingUp}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
title="Why Choose Our Services"
|
||||
description="We deliver professional excellence backed by years of experience, proper credentials, and unwavering commitment to customer satisfaction."
|
||||
tag="Service Excellence"
|
||||
tagIcon={TrendingUp}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<div id="service-faq" data-section="service-faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What services do you offer?", content: "We offer a comprehensive suite of services including data analytics, cloud integration, custom development, security consulting, training, and 24/7 support. Each service can be tailored to your specific needs."
|
||||
id: "1",
|
||||
title: "Do you provide free estimates for all services?",
|
||||
content: "Yes! We offer free, no-obligation estimates for all services. Our team will assess your project and provide a detailed quote with no hidden fees.",
|
||||
},
|
||||
{
|
||||
id: "2", title: "How long does implementation take?", content: "Implementation timelines vary based on service complexity. Basic analytics integration typically takes 2-4 weeks. Custom development projects are assessed individually. We always provide detailed timelines upfront."
|
||||
id: "2",
|
||||
title: "What is your service warranty policy?",
|
||||
content: "We stand behind all our work with comprehensive warranties. Most services include a 1-year warranty on labor, with extended warranties available for specific services.",
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you work with startups?", content: "Absolutely! We work with businesses of all sizes, from startups to enterprises. We have flexible engagement models and can scale our services as your business grows."
|
||||
id: "3",
|
||||
title: "Can you handle emergency service requests?",
|
||||
content: "Absolutely! We offer emergency services for urgent issues. Call 804-938-0669 to speak with our team about immediate needs.",
|
||||
},
|
||||
{
|
||||
id: "4", title: "What about ongoing support?", content: "All our services include ongoing support. Professional and Enterprise plans include priority support, dedicated account managers, and regular optimization reviews."
|
||||
id: "4",
|
||||
title: "How do you ensure quality and safety?",
|
||||
content: "All our technicians are certified and trained to industry standards. We follow strict safety protocols and use only quality materials and equipment.",
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can you migrate data from our existing system?", content: "Yes, we specialize in data migration. Our team will work with you to ensure a smooth transition with zero downtime. We handle data validation and testing throughout the process."
|
||||
id: "5",
|
||||
title: "Do you offer service packages or discounts?",
|
||||
content: "Yes! We offer discounted packages for multiple services. Contact us for details on our bundled service options and seasonal promotions.",
|
||||
},
|
||||
{
|
||||
id: "6", title: "How do you ensure data security?", content: "We implement enterprise-grade security protocols including end-to-end encryption, regular security audits, and compliance with GDPR, HIPAA, and SOC 2 standards. Your data is our priority."
|
||||
id: "6",
|
||||
title: "What areas of Richmond do you service?",
|
||||
content: "We serve all of Richmond, VA and surrounding areas. Whether you're downtown or in the suburbs, we can help with your home service needs.",
|
||||
},
|
||||
]}
|
||||
title="Service Questions"
|
||||
description="Common questions about our service offerings"
|
||||
tag="Support"
|
||||
tagIcon={CheckCircle}
|
||||
sideTitle="Service Questions Answered"
|
||||
sideDescription="Learn more about our services, warranties, and availability. Have a specific question? Call us today."
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Demo Site"
|
||||
copyrightText="© 2025 Demo Site. All rights reserved."
|
||||
logoText="Earl Boys Services"
|
||||
copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
|
||||
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: Linkedin,
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"
|
||||
icon: Phone,
|
||||
href: "tel:804-938-0669",
|
||||
ariaLabel: "Call us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user