Merge version_1 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -29,72 +29,45 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Proline Plumbing"
|
||||
button={{
|
||||
text: "Call Now (800) 273-7247",
|
||||
href: "tel:8002737247",
|
||||
}}
|
||||
text: "Call Now (800) 273-7247", href: "tel:8002737247"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "Call Now", href: "tel:8002737247"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
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", 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", 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", 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", 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", 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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg", imageAlt: "Proline Plumbing Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,40 +79,22 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
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", imageAlt: "Emergency Service"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg?_wi=7",
|
||||
imageAlt: "professional plumber technician",
|
||||
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",
|
||||
},
|
||||
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", imageAlt: "Drain Cleaning"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=3",
|
||||
imageAlt: "plumber repairing pipes",
|
||||
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=4",
|
||||
imageAlt: "Water Heater",
|
||||
},
|
||||
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", imageAlt: "Water Heater"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg?_wi=1",
|
||||
imageAlt: "modern kitchen plumbing",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -149,49 +104,20 @@ export default function LandingPage() {
|
||||
|
||||
<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=8",
|
||||
imageAlt: "professional plumber technician",
|
||||
},
|
||||
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", 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=5",
|
||||
imageAlt: "plumber repairing pipes",
|
||||
},
|
||||
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", 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=2",
|
||||
imageAlt: "modern kitchen plumbing",
|
||||
},
|
||||
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", 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=9",
|
||||
imageAlt: "professional plumber technician",
|
||||
},
|
||||
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", 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=6",
|
||||
imageAlt: "plumber repairing pipes",
|
||||
},
|
||||
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", imageAlt: "plumber repairing pipes"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds in the Riverside area."
|
||||
@@ -206,32 +132,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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.",
|
||||
},
|
||||
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=7"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg"
|
||||
imageAlt="FAQ Background"
|
||||
mediaAnimation="fade-in"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -245,24 +156,16 @@ export default function LandingPage() {
|
||||
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: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Service Needed",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Service Needed", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -271,29 +174,19 @@ export default function LandingPage() {
|
||||
logoText="Proline Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Plumbing", href: "#services"},
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Drain Cleaning", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(800) 273-7247",
|
||||
href: "tel:8002737247",
|
||||
},
|
||||
label: "(800) 273-7247", href: "tel:8002737247"},
|
||||
{
|
||||
label: "3327 Hamner Ave #1, Norco, CA",
|
||||
href: "#",
|
||||
},
|
||||
label: "3327 Hamner Ave #1, Norco, CA", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user