Merge version_2 into main #2
138
src/app/page.tsx
138
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mr. Rooter of McAllen"
|
||||
/>
|
||||
@@ -53,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Mr. Rooter of McAllen"
|
||||
description="Trusted 24/7 Plumbing Services in the Rio Grande Valley. Family-owned, licensed, and ready to serve you within 15 minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:9563384758",
|
||||
},
|
||||
text: "Call Now", href: "tel:9563384758"},
|
||||
{
|
||||
text: "Message Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Message Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Years in Business",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years in Business", value: "5+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time",
|
||||
value: "15m",
|
||||
},
|
||||
label: "Response Time", value: "15m"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Ratings",
|
||||
value: "4.9",
|
||||
},
|
||||
label: "Ratings", value: "4.9"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,25 +89,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Professional detection and repair of pipe leaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg",
|
||||
imageAlt: "Leak Repair",
|
||||
},
|
||||
title: "Leak Detection & Repair", description: "Professional detection and repair of pipe leaks.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg", imageAlt: "Leak Repair"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Water Heater Install",
|
||||
description: "Expert installation and service for your water heater.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg",
|
||||
imageAlt: "Water Heater",
|
||||
},
|
||||
title: "Water Heater Install", description: "Expert installation and service for your water heater.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg", imageAlt: "Water Heater"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Drain & Sewer Services",
|
||||
description: "Fast unclogging and thorough sewer line repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
|
||||
imageAlt: "Drain Cleaning",
|
||||
},
|
||||
title: "Drain & Sewer Services", description: "Fast unclogging and thorough sewer line repairs.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg", imageAlt: "Drain Cleaning"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="We offer a full range of solutions for homes and businesses."
|
||||
@@ -140,40 +109,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Technician explained everything well.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", testimonial: "Technician explained everything well.", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Business Owner",
|
||||
testimonial: "They communicated very well and were time efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
},
|
||||
id: "2", name: "Michael D.", role: "Business Owner", testimonial: "They communicated very well and were time efficient.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "He finished the project quickly after getting the parts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Homeowner", testimonial: "He finished the project quickly after getting the parts.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Customer",
|
||||
testimonial: "Excellent service and very professional team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Customer", testimonial: "Excellent service and very professional team.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert M.",
|
||||
role: "Local Resident",
|
||||
testimonial: "Fast response, fair pricing, and great results. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Robert M.", role: "Local Resident", testimonial: "Fast response, fair pricing, and great results. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=2"},
|
||||
]}
|
||||
title="Trusted by the Rio Grande Valley"
|
||||
description="Our customers value our efficiency and professionalism."
|
||||
@@ -184,16 +128,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="24/7 Service"
|
||||
title="Need a Plumber Right Now?"
|
||||
description="Call us at (956) 338-4758 for fast service in McAllen and surrounding areas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (956) 338-4758",
|
||||
href: "tel:9563384758",
|
||||
},
|
||||
text: "Call (956) 338-4758", href: "tel:9563384758"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -204,46 +145,29 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/plumber-logo-template-design_742173-26976.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Areas Served",
|
||||
items: [
|
||||
title: "Areas Served", items: [
|
||||
{
|
||||
label: "McAllen",
|
||||
href: "#",
|
||||
},
|
||||
label: "McAllen", href: "#"},
|
||||
{
|
||||
label: "Edinburg",
|
||||
href: "#",
|
||||
},
|
||||
label: "Edinburg", href: "#"},
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mission", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "24/7 Emergency",
|
||||
href: "tel:9563384758",
|
||||
},
|
||||
label: "24/7 Emergency", href: "tel:9563384758"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -254,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #fdf8f8;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a0f0f;
|
||||
--primary-cta: #c1121f;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #003049;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #003049;
|
||||
--background-accent: #f3e8e8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user