Update src/app/page.tsx
This commit is contained in:
341
src/app/page.tsx
341
src/app/page.tsx
@@ -26,238 +26,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="C L Robert Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="C L Robert Plumbing"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Reliable Plumbing & HVAC Solutions in Riverside"
|
||||
description="C L Robert Plumbing Heating & Air Inc provides professional, 5-star rated plumbing and HVAC services to Riverside homes and businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=1",
|
||||
imageAlt: "Plumbing and HVAC professional services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=2",
|
||||
imageAlt: "Expert HVAC maintenance service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=3",
|
||||
imageAlt: "Professional leak detection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=4",
|
||||
imageAlt: "Water heater installation service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=5",
|
||||
imageAlt: "Air conditioning repair service",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Plumbing & HVAC Solutions in Riverside"
|
||||
description="C L Robert Plumbing Heating & Air Inc provides professional, 5-star rated plumbing and HVAC services to Riverside homes and businesses."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Plumbing and HVAC professional services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Expert HVAC maintenance service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Professional leak detection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Water heater installation service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Air conditioning repair service" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Experts"
|
||||
description="At C L Robert Plumbing Heating & Air Inc, we are dedicated to providing high-quality workmanship with fast response times. Serving the Riverside community with professional care, our team handles everything from complex plumbing repairs to full HVAC system installations for residential and commercial clients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg"
|
||||
imageAlt="Professional team at C L Robert"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Experts"
|
||||
description="At C L Robert Plumbing Heating & Air Inc, we are dedicated to providing high-quality workmanship with fast response times. Serving the Riverside community with professional care, our team handles everything from complex plumbing repairs to full HVAC system installations for residential and commercial clients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg"
|
||||
imageAlt="Professional team at C L Robert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Plumbing Repairs & Installs",
|
||||
description: "Full-service plumbing solutions for residential and commercial plumbing systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Leak Detection & Pipe Work",
|
||||
description: "Advanced leak detection techniques and professional pipe repairs to prevent damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Water Heater Services",
|
||||
description: "Expert repair and installation of high-efficiency water heating units.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "AC Repair & Installation",
|
||||
description: "Stay cool with our professional air conditioning repair and maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Heating System Maintenance",
|
||||
description: "Reliable heating repairs to keep your home warm during colder seasons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Full HVAC System Support",
|
||||
description: "Comprehensive climate control services for improved energy efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=11",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of services to keep your property running comfortably."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: 1, title: "Plumbing Repairs & Installs", description: "Full-service plumbing solutions for residential and commercial plumbing systems.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
|
||||
{ id: 2, title: "Leak Detection & Pipe Work", description: "Advanced leak detection techniques and professional pipe repairs to prevent damage.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
|
||||
{ id: 3, title: "Water Heater Services", description: "Expert repair and installation of high-efficiency water heating units.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
|
||||
{ id: 4, title: "AC Repair & Installation", description: "Stay cool with our professional air conditioning repair and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
|
||||
{ id: 5, title: "Heating System Maintenance", description: "Reliable heating repairs to keep your home warm during colder seasons.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
|
||||
{ id: 6, title: "Full HVAC System Support", description: "Comprehensive climate control services for improved energy efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of services to keep your property running comfortably."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Incredible service! They responded so fast and fixed our leaking pipe within hours. Very professional and helpful."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-technician-grey-uniform-holding-opened-toolbox-while-pinching-his-nose-due-bad-smell-looking-annoyed_176474-35310.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-talking-work_23-2149308449.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-agreement-handshake-coffee-shop_53876-16008.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-technician-grey-uniform-holding-opened-toolbox-while-pinching-his-nose-due-bad-smell-looking-annoyed_176474-35310.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Incredible service! They responded so fast and fixed our leaking pipe within hours. Very professional and helpful."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-technician-grey-uniform-holding-opened-toolbox-while-pinching-his-nose-due-bad-smell-looking-annoyed_176474-35310.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-talking-work_23-2149308449.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-agreement-handshake-coffee-shop_53876-16008.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-technician-grey-uniform-holding-opened-toolbox-while-pinching-his-nose-due-bad-smell-looking-annoyed_176474-35310.jpg", alt: "Customer" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve Riverside, CA, and the surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are a fully licensed and insured plumbing and HVAC company.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your business hours?",
|
||||
content: "We are open Monday–Friday, starting at 8:30 AM.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "What areas do you serve?", content: "We proudly serve Riverside, CA, and the surrounding areas." },
|
||||
{ id: "2", title: "Are you licensed and insured?", content: "Yes, we are a fully licensed and insured plumbing and HVAC company." },
|
||||
{ id: "3", title: "What are your business hours?", content: "We are open Monday–Friday, starting at 8:30 AM." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need Professional Service?"
|
||||
description="Reach out to us for any plumbing or HVAC needs. We are ready to assist you today."
|
||||
inputPlaceholder="Enter your email for a callback"
|
||||
buttonText="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Professional Service?"
|
||||
description="Reach out to us for any plumbing or HVAC needs. We are ready to assist you today."
|
||||
inputPlaceholder="Enter your email for a callback"
|
||||
buttonText="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(951) 377-3002",
|
||||
href: "tel:9513773002",
|
||||
},
|
||||
{
|
||||
label: "6864 Indiana Ave, Suite 202 G, Riverside, CA 92506",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "HVAC",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 C L Robert Plumbing Heating & Air Inc"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "(951) 377-3002", href: "tel:9513773002" },
|
||||
{ label: "6864 Indiana Ave, Suite 202 G, Riverside, CA 92506", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Plumbing", href: "#features" },
|
||||
{ label: "HVAC", href: "#features" },
|
||||
{ label: "Water Heaters", href: "#features" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 C L Robert Plumbing Heating & Air Inc"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user