212 lines
8.8 KiB
TypeScript
212 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{
|
|
name: "Home", href: "/"
|
|
},
|
|
{
|
|
name: "Services", href: "/services"
|
|
}
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Home", href: "/"
|
|
},
|
|
{
|
|
label: "All Services", href: "/services"
|
|
},
|
|
{
|
|
label: "Special Offers", href: "#"
|
|
},
|
|
{
|
|
label: "Emergency Service", href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "Our Team", href: "#"
|
|
},
|
|
{
|
|
label: "Careers", href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Service Areas", href: "#"
|
|
}
|
|
]
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="LocalService Pros"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Get a Free Quote", href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Your Trusted Local Service Experts"
|
|
description="Quick, reliable, and professional solutions for your home and business needs. Serving your local community with excellence."
|
|
buttons={[
|
|
{
|
|
text: "Call Now: (555) 123-4567", href: "tel:+15551234567"
|
|
},
|
|
{
|
|
text: "Get a Free Quote", href: "/contact"
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530687.jpg"
|
|
imageAlt="Local service professional working"
|
|
textPosition="bottom-left"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
mediaAnimation="opacity"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Dedicated to Our Local Community"
|
|
description="With years of experience, we're proud to be the leading service provider in the area. Our commitment to quality and customer satisfaction is unmatched, ensuring every job is done right."
|
|
metrics={[
|
|
{
|
|
value: "15+", title: "Years in Business"
|
|
},
|
|
{
|
|
value: "5000+", title: "Satisfied Customers"
|
|
},
|
|
{
|
|
value: "Top Rated", title: "Local Service"
|
|
}
|
|
]}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-female-deliverers-handshaking-each-other-smiling_23-2149561231.jpg?_wi=1"
|
|
imageAlt="Local service team working"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Experience the Difference"
|
|
description="See why our customers consistently choose us for reliable and high-quality local services. We prioritize your satisfaction with every project."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
negativeCard={{
|
|
items: [
|
|
"Hidden Fees", "Untrained Staff", "Delayed Service", "Poor Communication"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Transparent Pricing", "Certified Technicians", "Prompt Scheduling", "Clear Updates"
|
|
]
|
|
}}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Your Neighbors"
|
|
description="Our certifications and trusted partnerships reflect our unwavering commitment to excellence and reliability in local service."
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149692583.jpg", "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149733581.jpg", "http://img.b2bpic.net/free-vector/labor-day-badges-collecion-flat-style_23-2147865017.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-30.jpg", "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149722729.jpg", "http://img.b2bpic.net/free-vector/gradient-price-drop-label-collection_23-2149489514.jpg", "http://img.b2bpic.net/free-vector/patented-stamp-design-collection_23-2149788653.jpg"
|
|
]}
|
|
names={[
|
|
"Certified Service", "Licensed & Insured", "Award Winning", "Local Business", "Eco-Friendly", "Customer Approved", "Family Owned"
|
|
]}
|
|
useInvertedBackground={true}
|
|
textboxLayout="default"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="LocalService Pros exceeded my expectations! Their team was professional, prompt, and solved my issue efficiently. I highly recommend them for any home service needs."
|
|
rating={5}
|
|
author="Jessica L."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "John Doe"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/set-business-woman-characters_23-2147603345.jpg", alt: "Jane Smith"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/business-avatars-collection_23-2147533877.jpg", alt: "Robert Brown"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/business-people-working_24877-63803.jpg", alt: "Emily White"
|
|
}
|
|
]}
|
|
ratingAnimation="opacity"
|
|
avatarsAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our services, scheduling, and local expertise."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you serve?", content: "We proudly serve the entire local metropolitan area and surrounding communities. Contact us to confirm service availability in your specific neighborhood."
|
|
},
|
|
{
|
|
id: "2", title: "How quickly can I get service?", content: "We offer flexible scheduling and prioritize urgent requests. In many cases, we can provide same-day or next-day service. Call us directly for immediate assistance."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation estimates for all our services. Our team will assess your needs and provide a transparent quote before any work begins."
|
|
}
|
|
]}
|
|
useInvertedBackground={true}
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2024 LocalService Pros. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|