bender/d6d32bb0-e260-4b08-b9fa-13361f1447ac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-05 22:14:09 +00:00
parent 639673ef54
commit d8ea30c2bb
1 changed files with 63 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Building, CheckCircle, Lightbulb, Phone, Star, Timer, Tool, Wrench } from "lucide-react";
import { Award, Building, CheckCircle, Lightbulb, Phone, Star, Timer, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/plumbing-logo-collection_1346-56.jpg"
logoAlt="Royal Plumber Cambridge Logo"
@@ -63,33 +51,24 @@ export default function LandingPage() {
bottomLeftText="Serving Cambridge, MA"
bottomRightText="(339) 329-8721"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Expert Plumbing Services in Cambridge, MA"
description="Your trusted local plumbers, providing reliable and efficient solutions for all your residential and commercial needs. Fast, friendly, and affordable service."
kpis={[
{
value: "18+",
label: "Years of Experience",
},
value: "18+", label: "Years of Experience"},
{
value: "500+",
label: "Projects Completed",
},
value: "500+", label: "Projects Completed"},
{
value: "5-Star",
label: "Customer Rating",
},
value: "5-Star", label: "Customer Rating"},
]}
enableKpiAnimation={true}
tag="Royal Plumber Cambridge"
@@ -97,36 +76,22 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Schedule Service",
href: "#contact",
},
text: "Schedule Service", href: "#contact"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
buttonAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469438.jpg",
alt: "John Doe",
},
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469438.jpg", alt: "John Doe"},
{
src: "http://img.b2bpic.net/free-photo/front-view-worker-with-headphones-protective-glasses_23-2148773436.jpg",
alt: "Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/front-view-worker-with-headphones-protective-glasses_23-2148773436.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/man-with-helmet-warehouse_23-2148886832.jpg",
alt: "Mike Johnson",
},
src: "http://img.b2bpic.net/free-photo/man-with-helmet-warehouse_23-2148886832.jpg", alt: "Mike Johnson"},
{
src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-gloves-holding-safety-helmet-putting-hands-hip-isolated-purple_141793-74031.jpg",
alt: "Emily White",
},
src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-gloves-holding-safety-helmet-putting-hands-hip-isolated-purple_141793-74031.jpg", alt: "Emily White"},
{
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
alt: "Satisfied Customer",
},
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", alt: "Satisfied Customer"},
]}
avatarText="Trusted by over 1000 homes & businesses"
imageSrc="http://img.b2bpic.net/free-photo/gardener-talking-by-mobile-phone_329181-20611.jpg"
@@ -134,27 +99,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Certified Plumbers",
icon: Award,
type: "text-icon", text: "Certified Plumbers", icon: Award,
},
{
type: "text",
text: "Reliable Service",
type: "text", text: "Reliable Service"},
{
type: "text-icon", text: "24/7 Availability", icon: Timer,
},
{
type: "text-icon",
text: "24/7 Availability",
icon: Timer,
},
type: "text", text: "Local Experts"},
{
type: "text",
text: "Local Experts",
},
{
type: "text-icon",
text: "Innovative Solutions",
icon: Lightbulb,
type: "text-icon", text: "Innovative Solutions", icon: Lightbulb,
},
]}
/>
@@ -180,34 +135,19 @@ export default function LandingPage() {
title="Comprehensive Plumbing Services"
description="We offer a full range of plumbing services, ensuring your home or business runs smoothly and efficiently."
tag="Our Expertise"
tagIcon={Tool}
tagIcon={Wrench}
tagAnimation="slide-up"
accordionItems={[
{
id: "faucet-repair",
title: "Faucet Repair & Installation",
content: "From leaky faucets to full replacements, our experts handle all types of faucet services with precision and care, ensuring optimal water flow and efficiency.",
},
id: "faucet-repair", title: "Faucet Repair & Installation", content: "From leaky faucets to full replacements, our experts handle all types of faucet services with precision and care, ensuring optimal water flow and efficiency."},
{
id: "leak-detection",
title: "Leak Detection & Repair",
content: "Utilizing advanced technology, we quickly locate and repair leaks, preventing costly water damage and preserving your property's integrity.",
},
id: "leak-detection", title: "Leak Detection & Repair", content: "Utilizing advanced technology, we quickly locate and repair leaks, preventing costly water damage and preserving your property's integrity."},
{
id: "water-heater",
title: "Water Heater Services",
content: "Whether it's repair, maintenance, or new installation of traditional or tankless water heaters, we ensure you have consistent hot water.",
},
id: "water-heater", title: "Water Heater Services", content: "Whether it's repair, maintenance, or new installation of traditional or tankless water heaters, we ensure you have consistent hot water."},
{
id: "drain-cleaning",
title: "Drain Cleaning & Unclogging",
content: "Our professional drain cleaning services tackle stubborn clogs and blockages, restoring proper drainage and preventing future issues.",
},
id: "drain-cleaning", title: "Drain Cleaning & Unclogging", content: "Our professional drain cleaning services tackle stubborn clogs and blockages, restoring proper drainage and preventing future issues."},
{
id: "pipe-repair",
title: "Pipe Repair & Replacement",
content: "We handle all aspects of pipe repair and replacement, addressing burst pipes, corrosion, and damaged lines with durable solutions.",
},
id: "pipe-repair", title: "Pipe Repair & Replacement", content: "We handle all aspects of pipe repair and replacement, addressing burst pipes, corrosion, and damaged lines with durable solutions."},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-18271.jpg"
imageAlt="Plumbing tools and schematic diagram"
@@ -224,20 +164,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "18+",
description: "Years of Dedicated Service",
},
id: "metric-1", value: "18+", description: "Years of Dedicated Service"},
{
id: "metric-2",
value: "98%",
description: "Customer Satisfaction Rate",
},
id: "metric-2", value: "98%", description: "Customer Satisfaction Rate"},
{
id: "metric-3",
value: "24/7",
description: "Emergency Availability",
},
id: "metric-3", value: "24/7", description: "Emergency Availability"},
]}
title="Our Commitment to Excellence"
description="Numbers that reflect our dedication to quality, reliability, and customer satisfaction."
@@ -252,77 +183,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Kelton Hailey",
date: "3 months ago",
title: "Seamless Faucet Installation",
quote: "Transforming my outdated kitchen faucet was a breeze with this plumber's expertise. Arriving promptly, they completed the installation with precision in just under an hour. Their attention to detail and tidiness truly impressed me. Not only did they ensure everything was functioning perfectly, but they also shared helpful maintenance tips. A seamless experience from start to finish!",
tag: "Kitchen Faucet",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
avatarAlt: "Kelton Hailey",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-faucet-white-countertop-elegant-modern-kitchen-design_169016-72742.jpg",
imageAlt: "Kitchen faucet installation",
},
id: "1", name: "Kelton Hailey", date: "3 months ago", title: "Seamless Faucet Installation", quote: "Transforming my outdated kitchen faucet was a breeze with this plumber's expertise. Arriving promptly, they completed the installation with precision in just under an hour. Their attention to detail and tidiness truly impressed me. Not only did they ensure everything was functioning perfectly, but they also shared helpful maintenance tips. A seamless experience from start to finish!", tag: "Kitchen Faucet", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", avatarAlt: "Kelton Hailey", imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-faucet-white-countertop-elegant-modern-kitchen-design_169016-72742.jpg", imageAlt: "Kitchen faucet installation"},
{
id: "2",
name: "Terrance Felipe",
date: "3 months ago",
title: "Swift Leak Repair",
quote: "Last week, a sudden leak turned my kitchen into a small lake. The plumber arrived within 45 minutes and swiftly got to work. With precision and expertise, he fixed the issue, leaving everything spotless. Truly impressed with his professionalism!",
tag: "Emergency Leak",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-leaning-wooden-wall_23-2148137893.jpg",
avatarAlt: "Terrance Felipe",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
imageAlt: "Kitchen leak repair",
},
id: "2", name: "Terrance Felipe", date: "3 months ago", title: "Swift Leak Repair", quote: "Last week, a sudden leak turned my kitchen into a small lake. The plumber arrived within 45 minutes and swiftly got to work. With precision and expertise, he fixed the issue, leaving everything spotless. Truly impressed with his professionalism!", tag: "Emergency Leak", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-leaning-wooden-wall_23-2148137893.jpg", avatarAlt: "Terrance Felipe", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", imageAlt: "Kitchen leak repair"},
{
id: "3",
name: "Malik Shamar",
date: "2 months ago",
title: "Professional Faucet Replacement",
quote: "After a quick assessment, the plumber expertly installed the new faucet with precision. They arrived promptly and finished the task in about an hour. Impressed with the professionalism and attention to detail!",
tag: "Faucet Replacement",
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg",
avatarAlt: "Malik Shamar",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scrubbing-treatment-products_23-2148295912.jpg",
imageAlt: "New faucet installation",
},
id: "3", name: "Malik Shamar", date: "2 months ago", title: "Professional Faucet Replacement", quote: "After a quick assessment, the plumber expertly installed the new faucet with precision. They arrived promptly and finished the task in about an hour. Impressed with the professionalism and attention to detail!", tag: "Faucet Replacement", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg", avatarAlt: "Malik Shamar", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scrubbing-treatment-products_23-2148295912.jpg", imageAlt: "New faucet installation"},
{
id: "4",
name: "Sarah Williams",
date: "1 month ago",
title: "Efficient Water Heater Replacement",
quote: "Our old water heater gave up, and Royal Plumber Cambridge was quick to respond. They replaced it with a new, efficient model the very next day. Professional, clean, and everything works perfectly now. Highly recommend!",
tag: "Water Heater",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-blue-shirt-showing-ok-gesture_171337-8036.jpg",
avatarAlt: "Sarah Williams",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg",
imageAlt: "Water heater replacement",
},
id: "4", name: "Sarah Williams", date: "1 month ago", title: "Efficient Water Heater Replacement", quote: "Our old water heater gave up, and Royal Plumber Cambridge was quick to respond. They replaced it with a new, efficient model the very next day. Professional, clean, and everything works perfectly now. Highly recommend!", tag: "Water Heater", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-blue-shirt-showing-ok-gesture_171337-8036.jpg", avatarAlt: "Sarah Williams", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg", imageAlt: "Water heater replacement"},
{
id: "5",
name: "John Doe",
date: "2 weeks ago",
title: "Effective Drain Cleaning",
quote: "Had a persistent clog in my main drain. Royal Plumber's team came out, diagnosed the issue quickly, and cleared it efficiently. Their service was top-notch, and the price was fair. My drains have never worked better!",
tag: "Drain Cleaning",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
avatarAlt: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",
imageAlt: "Drain cleaning",
},
id: "5", name: "John Doe", date: "2 weeks ago", title: "Effective Drain Cleaning", quote: "Had a persistent clog in my main drain. Royal Plumber's team came out, diagnosed the issue quickly, and cleared it efficiently. Their service was top-notch, and the price was fair. My drains have never worked better!", tag: "Drain Cleaning", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", avatarAlt: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg", imageAlt: "Drain cleaning"},
{
id: "6",
name: "Emily White",
date: "1 week ago",
title: "Bathroom Remodel Support",
quote: "We hired Royal Plumber Cambridge for our bathroom remodel, and they handled all the plumbing work beautifully. From new pipes to fixture installations, their craftsmanship was excellent. Very satisfied with the outcome!",
tag: "Bathroom Remodel",
avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
avatarAlt: "Emily White",
imageSrc: "http://img.b2bpic.net/free-photo/oval-bathtub-bowl-close-up-green-bathroom-minimal-aesthetic_169016-69646.jpg",
imageAlt: "Bathroom remodel plumbing",
},
id: "6", name: "Emily White", date: "1 week ago", title: "Bathroom Remodel Support", quote: "We hired Royal Plumber Cambridge for our bathroom remodel, and they handled all the plumbing work beautifully. From new pipes to fixture installations, their craftsmanship was excellent. Very satisfied with the outcome!", tag: "Bathroom Remodel", avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", avatarAlt: "Emily White", imageSrc: "http://img.b2bpic.net/free-photo/oval-bathtub-bowl-close-up-green-bathroom-minimal-aesthetic_169016-69646.jpg", imageAlt: "Bathroom remodel plumbing"},
]}
title="What Our Customers Say"
description="Hear directly from our satisfied clients about their experiences with Royal Plumber Cambridge. Your trust is our priority."
@@ -336,14 +207,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Cambridge Residences",
"Local Businesses United",
"Community Builders Inc.",
"Innovation Hub Co.",
"Green Living Apartments",
"Healthy Homes Initiative",
"Urban Development Group",
]}
"Cambridge Residences", "Local Businesses United", "Community Builders Inc.", "Innovation Hub Co.", "Green Living Apartments", "Healthy Homes Initiative", "Urban Development Group"]}
title="Trusted by Homeowners and Businesses Across Cambridge"
description="We are proud to be the preferred plumbing partner for a diverse range of clients in our community."
tag="Our Partners"
@@ -356,38 +220,21 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What areas do you serve?",
content: "We proudly serve Cambridge, MA, and the surrounding towns. Contact us to confirm service availability in your specific location.",
},
id: "q1", title: "What areas do you serve?", content: "We proudly serve Cambridge, MA, and the surrounding towns. Contact us to confirm service availability in your specific location."},
{
id: "q2",
title: "Do you offer emergency services?",
content: "Yes, we provide 24/7 emergency plumbing services. Don't hesitate to call us anytime for urgent plumbing issues.",
},
id: "q2", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency plumbing services. Don't hesitate to call us anytime for urgent plumbing issues."},
{
id: "q3",
title: "Are your plumbers licensed and insured?",
content: "Absolutely. All our plumbers are fully licensed, certified, and insured, guaranteeing professional and reliable service.",
},
id: "q3", title: "Are your plumbers licensed and insured?", content: "Absolutely. All our plumbers are fully licensed, certified, and insured, guaranteeing professional and reliable service."},
{
id: "q4",
title: "How quickly can you respond to a service call?",
content: "For emergencies, we aim to respond within 60 minutes. For non-urgent services, we schedule appointments at your earliest convenience.",
},
id: "q4", title: "How quickly can you respond to a service call?", content: "For emergencies, we aim to respond within 60 minutes. For non-urgent services, we schedule appointments at your earliest convenience."},
{
id: "q5",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, and bank transfers. Payment plans can be discussed for larger projects.",
},
id: "q5", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and bank transfers. Payment plans can be discussed for larger projects."},
]}
sideTitle="Have Questions?"
sideDescription="Find answers to the most common questions about our plumbing services."
buttons={[
{
text: "Contact Us Directly",
href: "#contact",
},
text: "Contact Us Directly", href: "#contact"},
]}
faqsAnimation="slide-up"
textPosition="left"
@@ -398,8 +245,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Get in Touch Today"
description="Schedule a service or request an emergency plumber. We're here to help 24/7 with expert plumbing solutions."
@@ -414,66 +260,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Emergency Plumbing",
href: "#services",
},
label: "Emergency Plumbing", href: "#services"},
{
label: "Faucet Repair",
href: "#services",
},
label: "Faucet Repair", href: "#services"},
{
label: "Leak Detection",
href: "#services",
},
label: "Leak Detection", href: "#services"},
{
label: "Water Heaters",
href: "#services",
},
label: "Water Heaters", href: "#services"},
{
label: "Drain Cleaning",
href: "#services",
},
label: "Drain Cleaning", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
]}