Files
9d136d70-b1fc-4133-a3a3-524…/src/app/page.tsx
2026-05-12 15:54:10 +00:00

185 lines
7.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="medium"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "home"},
{
name: "Services", id: "services"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
]}
brandName="USA Plumbing Service"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain"}}
title="24/7 Emergency Plumbing Services You Can Trust"
description="Fast, Reliable & Affordable Plumbing Solutions in Rancho Cucamonga. We provide expert repairs and maintenance around the clock."
buttons={[
{
text: "Call Now: 909-623-0033", href: "tel:9096230033"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746386.jpg", imageAlt: "Emergency plumber in action"},
{
imageSrc: "http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg", imageAlt: "Professional plumbing truck"},
{
imageSrc: "http://img.b2bpic.net/free-photo/animated-screwdriver-screw-still-life_23-2149911044.jpg", imageAlt: "Modern water heater installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg", imageAlt: "Plumber man with his plunger"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg", imageAlt: "Side view man working as plumber"},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Unexpected costs", "Slow response times", "Unclear service timelines"],
}}
positiveCard={{
items: [
"Guaranteed Same-Day Service", "No Overtime Charges Guaranteed", "Fully Licensed & Insured", "Certified Plumbing Experts"],
}}
title="Why Choose USA Plumbing Service"
description="We are committed to fast, honest, and high-quality service, ensuring you never pay more than quoted."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Trusted Local Experts in Rancho Cucamonga"
buttons={[
{
text: "Learn About Our Mission", href: "#about"},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg"},
{
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-businessman-using-cell-phone-coffee-break-cafe_637285-8873.jpg"},
{
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg"},
{
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286491.jpg"},
{
id: "5", name: "Patricia Lee", imageSrc: "http://img.b2bpic.net/free-photo/mom-kissing-son-kitchen_23-2148414945.jpg"},
]}
cardTitle="Hear from our happy customers"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "Are you really open 24/7?", content: "Yes, we provide emergency plumbing services around the clock, every day of the year."},
{
id: "q2", title: "Do you provide estimates?", content: "We offer transparent, honest pricing and clear estimates for all our services."},
{
id: "q3", title: "What areas do you serve?", content: "We are based in Rancho Cucamonga and serve the surrounding communities with fast, reliable plumbing."},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Contact Us"
title="Need Urgent Plumbing Help?"
description="Our team is ready to respond. Fill out the form or call us now for immediate assistance."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services", items: [
{
label: "Leak Repair", href: "#"},
{
label: "Drain Cleaning", href: "#"},
{
label: "Water Heater", href: "#"},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "#"},
{
label: "Careers", href: "#"},
],
},
{
title: "Contact", items: [
{
label: "12729 Jessie Ct", href: "#"},
{
label: "909-623-0033", href: "tel:9096230033"},
],
},
]}
bottomLeftText="© 2024 USA Plumbing Service"
bottomRightText="Rancho Cucamonga, CA"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}