245 lines
14 KiB
TypeScript
245 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Local Service Pro"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "metrics" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+1234567890"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Local Service Pro"
|
|
description="Fast, reliable, and affordable services in your area. Expert technicians ready to help. Available 24/7 for emergency repairs and regular maintenance."
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+1234567890" },
|
|
{ text: "📝 Get Free Quote", href: "#contact" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/repairmen-talking-phone-writing-notepad_23-2147897949.jpg"
|
|
imageAlt="Professional technician providing quality service"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
tag="Our Services"
|
|
title="Comprehensive Service Solutions"
|
|
description="We provide expert solutions tailored to your needs. From routine maintenance to emergency repairs, our certified technicians handle it all with professionalism and care."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Emergency Repairs", description: "Same-day emergency response available. We handle urgent issues 24/7 to minimize disruption to your life or business.", imageSrc: "http://img.b2bpic.net/free-photo/male-firefighter-station-suit-helmet_23-2149206407.jpg", imageAlt: "Emergency repair service"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Routine Maintenance", description: "Regular maintenance keeps your systems running smoothly. Schedule preventive maintenance to avoid costly repairs down the road.", imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-smartphone_23-2148559902.jpg", imageAlt: "Routine maintenance service"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Professional Installation", description: "Expert installation of new equipment and systems. Our certified technicians ensure quality workmanship and long-lasting results.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-employee-fulfilling-purchases_482257-86041.jpg", imageAlt: "Professional installation service"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Thousands"
|
|
description="Join over 5,000 satisfied customers who have experienced our reliable, professional service. Local businesses and homeowners trust us with their most important needs."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Social Proof"
|
|
names={[
|
|
"Trusted by Local Families", "500+ Happy Customers", "Same-Day Service Guarantee", "Certified & Licensed Professionals", "24/7 Customer Support", "100% Satisfaction Guarantee", "5-Star Rated Service"
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Why Choose Local Service Pro"
|
|
description="Our commitment to excellence is backed by real results and customer satisfaction. Here's what sets us apart from the competition."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", title: "Happy Customers", description: "Serving the local community with pride and professionalism", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1", imageAlt: "happy satisfied customer portrait smiling"
|
|
},
|
|
{
|
|
id: "2", value: "24/7", title: "Emergency Response", description: "Available round-the-clock for urgent issues and repairs", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-student-property-business-background-beautiful-young-business-woman_1391-64.jpg?_wi=1", imageAlt: "satisfied customer portrait professional"
|
|
},
|
|
{
|
|
id: "3", value: "99%", title: "Satisfaction Rate", description: "Our customers rate us 4.9 out of 5 stars consistently", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blouse-cardigan-showing-double-thumbs-up-looking-merry-front-view_176474-109554.jpg?_wi=1", imageAlt: "professional portrait happy person"
|
|
},
|
|
{
|
|
id: "4", value: "15+", title: "Years Experience", description: "Decades of combined expertise serving your area", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg?_wi=1", imageAlt: "customer portrait satisfied professional"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real reviews from real customers. Read why local families and businesses trust Local Service Pro for their service needs."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Residential Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Business Owner", company: "Small Business Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-student-property-business-background-beautiful-young-business-woman_1391-64.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Property Manager", company: "Property Management", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blouse-cardigan-showing-double-thumbs-up-looking-merry-front-view_176474-109554.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Facility Manager", company: "Commercial Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "5", name: "Jennifer Martinez", role: "Office Manager", company: "Corporate Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Williams", role: "Restaurant Owner", company: "Food Service Business", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, pricing, and scheduling. Can't find what you're looking for? Contact us directly."
|
|
tag="FAQ"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you service?", content: "We proudly serve the local area and surrounding neighborhoods. Contact us to confirm service availability for your specific location. We're committed to serving our community efficiently."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer emergency services?", content: "Yes! We provide 24/7 emergency services for urgent repairs. Call our emergency line anytime, day or night. A response team can typically arrive within 1-2 hours depending on location."
|
|
},
|
|
{
|
|
id: "3", title: "How do you price your services?", content: "Pricing depends on the specific service required. We offer free quotes so you know the cost upfront before any work begins. No hidden fees or surprise charges."
|
|
},
|
|
{
|
|
id: "4", title: "Are your technicians certified?", content: "Absolutely. All our technicians are fully licensed, insured, and certified. They undergo regular training to stay current with industry standards and best practices."
|
|
},
|
|
{
|
|
id: "5", title: "Can I schedule online?", content: "You can request an appointment through our website or call us directly. We'll work around your schedule to find a convenient time for your service appointment."
|
|
},
|
|
{
|
|
id: "6", title: "Do you guarantee your work?", content: "We guarantee 100% satisfaction. If you're not happy with our work, we'll make it right. We stand behind our services and want you to be completely satisfied."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Get Your Free Quote Today"
|
|
description="Ready to schedule service or get a free estimate? Contact us now. We'll respond quickly and provide you with all the information you need."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Quote"
|
|
termsText="By submitting, you agree to be contacted about your service request."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Why Us", href: "#metrics" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "📞 Call Now", href: "tel:+1234567890" },
|
|
{ label: "📧 Email", href: "mailto:info@localservicepro.com" },
|
|
{ label: "📍 Address", href: "#" },
|
|
{ label: "⏰ Hours", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Local Service Pro. All rights reserved. Locally owned and operated."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|