185 lines
7.2 KiB
TypeScript
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>
|
|
);
|
|
} |