308 lines
17 KiB
TypeScript
308 lines
17 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 FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
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, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/plumbing-logo-collection_1346-56.jpg"
|
|
logoAlt="Royal Plumber Cambridge Logo"
|
|
brandName="Royal Plumber Cambridge"
|
|
bottomLeftText="Serving Cambridge, MA"
|
|
bottomRightText="(339) 329-8721"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
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: "500+", label: "Projects Completed"},
|
|
{
|
|
value: "5-Star", label: "Customer Rating"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Royal Plumber Cambridge"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Schedule Service", href: "#contact"},
|
|
{
|
|
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/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/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"},
|
|
]}
|
|
avatarText="Trusted by over 1000 homes & businesses"
|
|
imageSrc="http://img.b2bpic.net/free-photo/gardener-talking-by-mobile-phone_329181-20611.jpg"
|
|
imageAlt="Smiling plumber with tools"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Certified Plumbers", icon: Award,
|
|
},
|
|
{
|
|
type: "text", text: "Reliable Service"},
|
|
{
|
|
type: "text-icon", text: "24/7 Availability", icon: Timer,
|
|
},
|
|
{
|
|
type: "text", text: "Local Experts"},
|
|
{
|
|
type: "text-icon", text: "Innovative Solutions", icon: Lightbulb,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Reliable Plumbing Solutions You Can Trust"
|
|
description="Royal Plumber Cambridge has been serving the community for over 18 years, building a reputation for excellence, honesty, and prompt service. We are committed to delivering top-quality workmanship and customer satisfaction on every job."
|
|
subdescription="From emergency repairs to routine maintenance and new installations, our certified plumbers are equipped with the latest tools and expertise to handle any plumbing challenge, big or small. We prioritize clear communication, transparent pricing, and efficient service to minimize disruption to your home or business."
|
|
icon={Wrench}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615001.jpg"
|
|
imageAlt="Plumber inspecting pipes under a sink"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
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={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: "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: "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."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-18271.jpg"
|
|
imageAlt="Plumbing tools and schematic diagram"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "18+", description: "Years of Dedicated Service"},
|
|
{
|
|
id: "metric-2", value: "98%", description: "Customer Satisfaction Rate"},
|
|
{
|
|
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."
|
|
tag="Our Impact"
|
|
tagIcon={Award}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
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: "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: "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: "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."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
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"]}
|
|
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"
|
|
tagIcon={Building}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
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: "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: "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."},
|
|
]}
|
|
sideTitle="Have Questions?"
|
|
sideDescription="Find answers to the most common questions about our plumbing services."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us Directly", href: "#contact"},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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."
|
|
tagIcon={Phone}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="By contacting us, you agree to our terms and conditions and privacy policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Emergency Plumbing", href: "#services"},
|
|
{
|
|
label: "Faucet Repair", href: "#services"},
|
|
{
|
|
label: "Leak Detection", href: "#services"},
|
|
{
|
|
label: "Water Heaters", href: "#services"},
|
|
{
|
|
label: "Drain Cleaning", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Twitter", href: "#"},
|
|
{
|
|
label: "LinkedIn", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/plumbing-logo-collection_1346-56.jpg"
|
|
logoText="Royal Plumber Cambridge"
|
|
copyrightText="© 2024 Royal Plumber Cambridge. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|