161 lines
8.4 KiB
TypeScript
161 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Proline Plumbing"
|
|
button={{ text: "Call Now (800) 273-7247", href: "tel:8002737247" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="24/7 Emergency Plumbing in Norco & Riverside"
|
|
description="Free consultations. No pressure. No upselling. Just reliable plumbing done right."
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:8002737247" },
|
|
{ text: "Request Service", href: "#contact" },
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=1", imageAlt: "Proline Plumbing Service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=2", imageAlt: "Proline Plumbing Service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=3", imageAlt: "Proline Plumbing Service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=4", imageAlt: "Proline Plumbing Service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=5", imageAlt: "Proline Plumbing Service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=6", imageAlt: "Proline Plumbing Service" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Emergency Plumbing", description: "Available 24/7 for urgent leaks, clogs, and sewer emergencies.", media: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=1", imageAlt: "Emergency Service" },
|
|
items: [],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Drain Cleaning", description: "Powerful rooter and drain cleaning for stubborn blockages.", media: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=2", imageAlt: "Drain Cleaning" },
|
|
items: [],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Water Heater Services", description: "Expert repair and installation for all heater brands.", media: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=3", imageAlt: "Water Heater" },
|
|
items: [],
|
|
reverse: false
|
|
},
|
|
]}
|
|
title="Our Professional Services"
|
|
description="We offer full-service plumbing solutions for homeowners and businesses in the Inland Empire."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "John Doe", handle: "@john.doe", testimonial: "Great communication through the entire process and free consultation.", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=7", imageAlt: "professional plumber technician" },
|
|
{ id: "2", name: "Jane Smith", handle: "@jane.smith", testimonial: "No pressure, no upselling. Highly professional technicians.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=4", imageAlt: "plumber repairing pipes" },
|
|
{ id: "3", name: "Bob Williams", handle: "@bob.will", testimonial: "Fast service, fixed my leaky pipe in minutes!", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg?_wi=1", imageAlt: "modern kitchen plumbing" },
|
|
{ id: "4", name: "Sarah Lee", handle: "@sarah.lee", testimonial: "Great service from Proline, very honest pricing.", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=8", imageAlt: "professional plumber technician" },
|
|
{ id: "5", name: "Mike Davis", handle: "@mike.d", testimonial: "Reliable 24/7 service, they saved my weekend.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=5", imageAlt: "plumber repairing pipes" },
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Trusted by hundreds in the Riverside area."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our plumbing services."
|
|
faqs={[
|
|
{ id: "q1", title: "Do you offer 24/7 emergency service?", content: "Yes, we are available 24/7 for all your plumbing emergencies." },
|
|
{ id: "q2", title: "Is my consultation really free?", content: "Absolutely. We provide free consultations for all service requests." },
|
|
{ id: "q3", title: "What areas do you serve?", content: "We proudly serve Norco, Corona, Riverside, and the surrounding Inland Empire areas." },
|
|
{ id: "q4", title: "Are your technicians licensed?", content: "All our technicians are fully licensed, insured, and background-checked for your peace of mind." },
|
|
{ id: "q5", title: "Do you offer any guarantees?", content: "We stand by our work with a satisfaction guarantee on all parts and labor." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=6"
|
|
imageAlt="FAQ Background"
|
|
mediaAnimation="none"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Request Fast Service"
|
|
description="Contact us today for a free consultation. We serve Norco, Corona, and Riverside."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Service Needed", rows: 4 }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Proline Plumbing"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Emergency Plumbing", href: "#services" },
|
|
{ label: "Drain Cleaning", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "(800) 273-7247", href: "tel:8002737247" },
|
|
{ label: "3327 Hamner Ave #1, Norco, CA", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |