Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 00229c69b9 | |||
| dc49e06181 | |||
| aa56a4b75b | |||
| 41d83e79a3 | |||
| 6917cb435f | |||
| 26b78aad26 |
194
src/app/page.tsx
194
src/app/page.tsx
@@ -16,31 +16,25 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Compton Plumbing"
|
||||
/>
|
||||
@@ -49,51 +43,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Fast, Reliable Plumbing Services in Mesa, AZ – Available 24/7"
|
||||
description="Trusted local plumbers with 4.8 star rating. Call now for immediate service. Family-Owned & Operated. Emergency Service Available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (480-926-3931)",
|
||||
href: "tel:+14809263931",
|
||||
},
|
||||
text: "Call Now (480-926-3931)", href: "tel:+14809263931"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=1",
|
||||
imageAlt: "Plumbing service in Mesa",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=1", imageAlt: "Plumbing service in Mesa"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=2",
|
||||
imageAlt: "Plumbing technician working",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=2", imageAlt: "Plumbing technician working"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=3",
|
||||
imageAlt: "Friendly plumber smiling",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=3", imageAlt: "Friendly plumber smiling"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=4",
|
||||
imageAlt: "Professional plumbing truck",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=4", imageAlt: "Professional plumbing truck"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=5",
|
||||
imageAlt: "Plumbing repair equipment",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=5", imageAlt: "Plumbing repair equipment"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=6",
|
||||
imageAlt: "Residential plumbing setup",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=6", imageAlt: "Residential plumbing setup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,38 +73,26 @@ export default function LandingPage() {
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Emergency Plumbing",
|
||||
description: "Immediate help for urgent leaks and pipe bursts, 24/7.",
|
||||
},
|
||||
title: "Emergency Plumbing", description: "Immediate help for urgent leaks and pipe bursts, 24/7."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Drain Cleaning",
|
||||
description: "Quick, effective clearing of stubborn clogs and backed-up drains.",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Quick, effective clearing of stubborn clogs and backed-up drains."},
|
||||
{
|
||||
icon: Search,
|
||||
title: "Leak Detection",
|
||||
description: "Advanced tech to find hidden leaks before they cause major damage.",
|
||||
},
|
||||
title: "Leak Detection", description: "Advanced tech to find hidden leaks before they cause major damage."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Water Heaters",
|
||||
description: "Full repair, maintenance, and installation for all heater types.",
|
||||
},
|
||||
title: "Water Heaters", description: "Full repair, maintenance, and installation for all heater types."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Bathroom Plumbing",
|
||||
description: "Expert repairs for toilets, sinks, tubs, and fixture installations.",
|
||||
},
|
||||
title: "Bathroom Plumbing", description: "Expert repairs for toilets, sinks, tubs, and fixture installations."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Pipe Repair",
|
||||
description: "Professional pipe replacement and repair for home water systems.",
|
||||
},
|
||||
title: "Pipe Repair", description: "Professional pipe replacement and repair for home water systems."},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="Providing top-tier plumbing solutions for Mesa residents. We specialize in fast, honest service for all your plumbing needs."
|
||||
@@ -143,26 +102,18 @@ export default function LandingPage() {
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SplitAbout
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="Why Mesa Trusts Us"
|
||||
description="We treat your home like our own, delivering honest, family-owned plumbing services with the expertise you deserve."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "24/7 Emergency Service",
|
||||
description: "Plumbing issues don't wait for business hours; neither do we.",
|
||||
},
|
||||
title: "24/7 Emergency Service", description: "Plumbing issues don't wait for business hours; neither do we."},
|
||||
{
|
||||
title: "Fast Response Times",
|
||||
description: "Strategically located in Mesa to reach your doorstep quickly.",
|
||||
},
|
||||
title: "Fast Response Times", description: "Strategically located in Mesa to reach your doorstep quickly."},
|
||||
{
|
||||
title: "Honest Pricing",
|
||||
description: "Transparent estimates with no hidden fees or surprise upcharges.",
|
||||
},
|
||||
title: "Honest Pricing", description: "Transparent estimates with no hidden fees or surprise upcharges."},
|
||||
{
|
||||
title: "Expert Technicians",
|
||||
description: "Experienced, friendly, and background-checked plumbing professionals.",
|
||||
},
|
||||
title: "Expert Technicians", description: "Experienced, friendly, and background-checked plumbing professionals."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=7"
|
||||
imageAlt="Professional local plumber"
|
||||
@@ -173,48 +124,18 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Service",
|
||||
quote: "Super responsive, easy to work with, great communication, fast service.",
|
||||
name: "Sarah Miller",
|
||||
role: "Mesa Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional Service", quote: "Super responsive, easy to work with, great communication, fast service.", name: "Sarah Miller", role: "Mesa Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Professional",
|
||||
quote: "Great customer service in office and out. Handled my leak in minutes.",
|
||||
name: "David Chen",
|
||||
role: "Mesa Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Professional", quote: "Great customer service in office and out. Handled my leak in minutes.", name: "David Chen", role: "Mesa Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Trustworthy Experts",
|
||||
quote: "I know I can trust them for any emergency. My go-to local plumber.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Mesa Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
},
|
||||
id: "3", title: "Trustworthy Experts", quote: "I know I can trust them for any emergency. My go-to local plumber.", name: "Emily Rodriguez", role: "Mesa Resident", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Responsive & Kind",
|
||||
quote: "Excellent communication and very fast service. Very professional technicians.",
|
||||
name: "Robert Smith",
|
||||
role: "Mesa Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
|
||||
},
|
||||
id: "4", title: "Responsive & Kind", quote: "Excellent communication and very fast service. Very professional technicians.", name: "Robert Smith", role: "Mesa Resident", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Fixed It First Time",
|
||||
quote: "They diagnosed the issue quickly and fixed it right the first time. Thanks!",
|
||||
name: "Linda Gomez",
|
||||
role: "Mesa Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg",
|
||||
},
|
||||
id: "5", title: "Fixed It First Time", quote: "They diagnosed the issue quickly and fixed it right the first time. Thanks!", name: "Linda Gomez", role: "Mesa Resident", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg"},
|
||||
]}
|
||||
title="Trusted by Your Neighbors"
|
||||
description="Don't take our word for it—read what your fellow Mesa residents are saying."
|
||||
@@ -223,22 +144,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Need Help?"
|
||||
title="Need a Plumber Now?"
|
||||
description="Ready to help with all your residential plumbing needs in Mesa. Call now or request service online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (480) 926-3931",
|
||||
href: "tel:+14809263931",
|
||||
},
|
||||
text: "Call (480) 926-3931", href: "tel:+14809263931"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Service", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,33 +163,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
title: "Contact Us", items: [
|
||||
{
|
||||
label: "(480) 926-3931",
|
||||
href: "tel:+14809263931",
|
||||
},
|
||||
label: "(480) 926-3931", href: "tel:+14809263931"},
|
||||
{
|
||||
label: "Open 24/7",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open 24/7", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #f1f1f1;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background-accent: #f1f1f1;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user