Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 82ca390853 | |||
| 5036a079eb |
201
src/app/page.tsx
201
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Merriott Plumbing"
|
||||
/>
|
||||
@@ -57,103 +47,58 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Reliable Plumbing You Can Count On"
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Plumbing Services, Fixed Right the First Time"
|
||||
description="Fast, affordable, and professional plumbing services for homes and businesses. Done right, done fast."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@customer",
|
||||
testimonial: "Fast response and great work. Highly recommend Merriott Plumbing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-businessman-showing-thumbs-up-with-funny-faces-drawings-focus-hands-white-modern-office-interior_176420-6491.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@customer", testimonial: "Fast response and great work. Highly recommend Merriott Plumbing!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-businessman-showing-thumbs-up-with-funny-faces-drawings-focus-hands-white-modern-office-interior_176420-6491.jpg"},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@customer",
|
||||
testimonial: "They showed up on time and fixed the leak quickly. Very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
|
||||
},
|
||||
name: "Mike D.", handle: "@customer", testimonial: "They showed up on time and fixed the leak quickly. Very professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg"},
|
||||
{
|
||||
name: "Lisa B.",
|
||||
handle: "@business",
|
||||
testimonial: "Great experience with their team. Trustworthy and fair pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-posing-together-office-showing-thumbs-up-camera_1098-20268.jpg",
|
||||
},
|
||||
name: "Lisa B.", handle: "@business", testimonial: "Great experience with their team. Trustworthy and fair pricing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-posing-together-office-showing-thumbs-up-camera_1098-20268.jpg"},
|
||||
{
|
||||
name: "John R.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Excellent drain cleaning services. Will call them again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124778.jpg",
|
||||
},
|
||||
name: "John R.", handle: "@homeowner", testimonial: "Excellent drain cleaning services. Will call them again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124778.jpg"},
|
||||
{
|
||||
name: "Karen M.",
|
||||
handle: "@customer",
|
||||
testimonial: "Done right the first time. Highly satisfied with Merriott Plumbing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-showing-okay-workplace_176420-5296.jpg",
|
||||
},
|
||||
name: "Karen M.", handle: "@customer", testimonial: "Done right the first time. Highly satisfied with Merriott Plumbing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-showing-okay-workplace_176420-5296.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request Service", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg"
|
||||
imageAlt="Plumber providing professional service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg",
|
||||
alt: "Portrait of an attractive Hispanic handyman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg", alt: "Portrait of an attractive Hispanic handyman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
alt: "Full shot man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg", alt: "Full shot man working as plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg",
|
||||
alt: "Man looking at detail sitting on floor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg", alt: "Man looking at detail sitting on floor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg",
|
||||
alt: "Top view international worker's day with engineer tools",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg", alt: "Top view international worker's day with engineer tools"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
type: "text", text: "Local Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Satisfaction Guaranteed",
|
||||
},
|
||||
type: "text", text: "Satisfaction Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,23 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repair",
|
||||
description: "From dripping faucets to hidden pipe leaks, we fix it fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
|
||||
imageAlt: "Leak repair",
|
||||
},
|
||||
title: "Leak Repair", description: "From dripping faucets to hidden pipe leaks, we fix it fast.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", imageAlt: "Leak repair"},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Clogged drains cleared professionally to keep them flowing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg",
|
||||
imageAlt: "Drain cleaning",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Clogged drains cleared professionally to keep them flowing.", imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg", imageAlt: "Drain cleaning"},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Repair or install tank and tankless water heating systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
|
||||
imageAlt: "Water heaters",
|
||||
},
|
||||
title: "Water Heaters", description: "Repair or install tank and tankless water heating systems.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", imageAlt: "Water heaters"},
|
||||
]}
|
||||
title="Plumbing Services We Offer"
|
||||
description="Professional solutions for your plumbing needs, big or small."
|
||||
@@ -195,17 +128,11 @@ export default function LandingPage() {
|
||||
description="At Merriott Plumbing, we believe in honest work, fair pricing, and getting the job done right the first time. Whether it’s a small leak or a major repair, we bring experience, professionalism, and care to every job."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Exp.",
|
||||
},
|
||||
value: "10+", title: "Years Exp."},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Jobs Done",
|
||||
},
|
||||
value: "500+", title: "Jobs Done"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-people-wearing-helmets_23-2149366642.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -223,20 +150,11 @@ export default function LandingPage() {
|
||||
description="We stand behind our work with a commitment to local quality."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Emergency service availability",
|
||||
},
|
||||
id: "m1", value: "24/7", description: "Emergency service availability"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Licensed and insured team",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Licensed and insured team"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Flat",
|
||||
description: "Transparent, upfront pricing",
|
||||
},
|
||||
id: "m3", value: "Flat", description: "Transparent, upfront pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -245,20 +163,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Need a Plumber Today?"
|
||||
description="Our team is ready to help you with your plumbing needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Book Appointment", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -269,37 +182,23 @@ export default function LandingPage() {
|
||||
logoText="Merriott Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Leak Repair",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Leak Repair", href: "/services"},
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Drain Cleaning", href: "/services"},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Water Heaters", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -309,4 +208,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user