Files
d1fa9b14-7c6d-404d-acf8-e44…/src/app/page.tsx
2026-03-12 10:28:55 +00:00

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>
);
}