193 lines
11 KiB
TypeScript
193 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Local Services"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+1-555-0123" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Professional Local Services You Can Trust"
|
|
description="Fast, reliable, and affordable solutions for your local service needs. Get a free quote today."
|
|
background={{ variant: "downward-rays-static" }}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-snowfall-city-new-year-mood_169016-66869.jpg", alt: "Satisfied customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Satisfied customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Satisfied customer 3" }
|
|
]}
|
|
avatarText="Trusted by 500+ Local Customers"
|
|
buttons={[
|
|
{ text: "Call Now: (555) 0123", href: "tel:+1-555-0123" },
|
|
{ text: "Get Free Quote", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section with service intro and CTA buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-signals" data-section="trust-signals">
|
|
<MetricCardTwo
|
|
title="Why Choose Our Local Services"
|
|
description="Proven track record of excellence and customer satisfaction"
|
|
metrics={[
|
|
{ id: "1", value: "500+", description: "Happy Customers" },
|
|
{ id: "2", value: "4.9/5", description: "Average Rating" },
|
|
{ id: "3", value: "15+ Years", description: "Industry Experience" },
|
|
{ id: "4", value: "24/7", description: "Customer Support" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Services"
|
|
description="Complete solutions tailored to meet your local service needs"
|
|
tag="Services"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Service 1", title: "Professional Installation", subtitle: "Expert setup and configuration", description: "Our certified technicians provide professional installation services with attention to detail and quality craftsmanship. We ensure everything is properly set up and working perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-antique-phone_1187-1618.jpg?_wi=1", imageAlt: "Professional installation service"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Service 2", title: "Maintenance & Support", subtitle: "Regular upkeep and ongoing help", description: "Keep your systems running smoothly with our comprehensive maintenance plans. We offer regular check-ups, preventative care, and emergency support when you need it most.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-antique-phone_1187-1618.jpg?_wi=2", imageAlt: "Maintenance and support service"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Service 3", title: "Emergency Response", subtitle: "Fast response when issues arise", description: "Need urgent help? Our rapid response team is available 24/7 to handle emergencies. We prioritize quick resolution to minimize disruption to your daily life.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-antique-phone_1187-1618.jpg?_wi=3", imageAlt: "Emergency response service"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TextAbout
|
|
tag="Our Difference"
|
|
title="Why Local Customers Choose Us: Fast Response, Fair Pricing, Expert Service, Lifetime Warranty on All Work"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Service", href: "#contact" },
|
|
{ text: "Learn More", href: "tel:+1-555-0123" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real feedback from satisfied clients in our community"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Westside", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-snowfall-city-new-year-mood_169016-66869.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Business Owner", company: "Downtown District", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Property Manager", company: "Northgate", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Contractor", company: "Central Valley", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "Facility Director", company: "Riverside Complex", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5085.jpg", imageAlt: "Jessica Lee"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Martinez", role: "Operations Manager", company: "Eastside Plaza", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/student-showing-ok-sign_1149-179.jpg", imageAlt: "Robert Martinez"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Get Started?"
|
|
ctaDescription="Contact us now for a free consultation and quote. Our team is ready to help you with fast, professional service."
|
|
ctaButton={{ text: "Request Free Quote", href: "tel:+1-555-0123" }}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How quickly can you respond to service requests?", content: "We offer same-day and next-day service in most cases. For emergencies, we maintain 24/7 availability with rapid response times to minimize disruption."
|
|
},
|
|
{
|
|
id: "2", title: "What areas do you serve?", content: "We proudly serve the greater metropolitan area and surrounding communities. Call us to confirm service availability for your specific location."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer warranties on your work?", content: "Yes! We stand behind all our work with comprehensive warranties. Our commitment to quality means your satisfaction is guaranteed."
|
|
},
|
|
{
|
|
id: "4", title: "How are your prices?", content: "We offer competitive, transparent pricing with no hidden fees. Free estimates available. We work with various budgets and financing options."
|
|
},
|
|
{
|
|
id: "5", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured. All our technicians are certified professionals with extensive training and experience."
|
|
},
|
|
{
|
|
id: "6", title: "Can I get a free quote?", content: "Yes! We offer free, no-obligation quotes. Contact us today via phone or our contact form, and we'll schedule a convenient time to assess your needs."
|
|
}
|
|
]}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Local Services"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |