Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Faucet Brothers"
|
||||
/>
|
||||
@@ -62,74 +52,40 @@ export default function LandingPage() {
|
||||
description="Same-Day Service. Expert Repairs. Done Right the First Time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Faucet Brothers fixed my leak when nobody else would show up. Incredible professionalism.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhncv5&_wi=1",
|
||||
},
|
||||
name: "Mark S.", handle: "@marks", testimonial: "Faucet Brothers fixed my leak when nobody else would show up. Incredible professionalism.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhncv5"},
|
||||
{
|
||||
name: "Lisa B.",
|
||||
handle: "@lisab",
|
||||
testimonial: "They rescued us during a burst pipe on Mother's Day. Absolute lifesavers.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wvexe",
|
||||
},
|
||||
name: "Lisa B.", handle: "@lisab", testimonial: "They rescued us during a burst pipe on Mother's Day. Absolute lifesavers.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wvexe"},
|
||||
{
|
||||
name: "James T.",
|
||||
handle: "@jamest",
|
||||
testimonial: "Fast, clean, and done right the first time. They are the only plumbers I trust.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1w10d8",
|
||||
},
|
||||
name: "James T.", handle: "@jamest", testimonial: "Fast, clean, and done right the first time. They are the only plumbers I trust.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1w10d8"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Best service in the county. Fully prepared and incredibly communicative.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j3s8ie",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Best service in the county. Fully prepared and incredibly communicative.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j3s8ie"},
|
||||
{
|
||||
name: "David R.",
|
||||
handle: "@davidr",
|
||||
testimonial: "Saved our historic home from a major disaster. Fast and expert response.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kpsisk",
|
||||
},
|
||||
name: "David R.", handle: "@davidr", testimonial: "Saved our historic home from a major disaster. Fast and expert response.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kpsisk"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550199"},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olbyul&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olbyul"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olbyul",
|
||||
alt: "customer portrait high-end living room",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olbyul", alt: "customer portrait high-end living room"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4",
|
||||
alt: "homeowner portrait professional lighting",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4", alt: "homeowner portrait professional lighting"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cc8hk",
|
||||
alt: "professional customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cc8hk", alt: "professional customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6mh53",
|
||||
alt: "happy family home interior",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6mh53", alt: "happy family home interior"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=maxdr7",
|
||||
alt: "senior homeowner modern kitchen",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=maxdr7", alt: "senior homeowner modern kitchen"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Families"
|
||||
/>
|
||||
@@ -143,19 +99,13 @@ export default function LandingPage() {
|
||||
description="Faucet Brothers Plumbing, LLC is the team families call when things go wrong. Known for showing up when others can't, we bring experience and real solutions to every job."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Rapid Response",
|
||||
description: "Same-day service ensures you aren't waiting around for help.",
|
||||
},
|
||||
title: "Rapid Response", description: "Same-day service ensures you aren't waiting around for help."},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Licensed and insured professionals dedicated to quality workmanship.",
|
||||
},
|
||||
title: "Expert Team", description: "Licensed and insured professionals dedicated to quality workmanship."},
|
||||
{
|
||||
title: "Clear Communication",
|
||||
description: "No hidden costs or surprises from start to finish.",
|
||||
},
|
||||
title: "Clear Communication", description: "No hidden costs or surprises from start to finish."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,49 +116,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Fast response for urgent issues.",
|
||||
icon: Zap,
|
||||
title: "Emergency Repairs", description: "Fast response for urgent issues.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6mh53",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6mh53"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cc8hk",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cc8hk"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olbyul&_wi=2",
|
||||
imageAlt: "plumbing repair professional tools",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Installation and maintenance.",
|
||||
icon: Flame,
|
||||
title: "Water Heaters", description: "Installation and maintenance.", icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=maxdr7",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=maxdr7"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=127k0c",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=127k0c"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4&_wi=2",
|
||||
imageAlt: "plumbing repair professional tools",
|
||||
},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Accurate, non-invasive solutions.",
|
||||
icon: Droplets,
|
||||
title: "Leak Detection", description: "Accurate, non-invasive solutions.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbjc8n",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbjc8n"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y8nq8j",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y8nq8j"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhncv5&_wi=2",
|
||||
imageAlt: "plumbing repair professional tools",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
@@ -224,25 +156,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Same-Day",
|
||||
description: "Emergency service guaranteed.",
|
||||
icon: Clock,
|
||||
id: "m1", value: "100%", title: "Same-Day", description: "Emergency service guaranteed.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5-Star",
|
||||
title: "Rated",
|
||||
description: "Trusted by local families.",
|
||||
icon: Star,
|
||||
id: "m2", value: "5-Star", title: "Rated", description: "Trusted by local families.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Licensed",
|
||||
title: "Insured",
|
||||
description: "Work done right, no shortcuts.",
|
||||
icon: Shield,
|
||||
id: "m3", value: "Licensed", title: "Insured", description: "Work done right, no shortcuts.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -257,40 +177,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark S.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fast, professional, and beautiful results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doxaii",
|
||||
},
|
||||
id: "t1", name: "Mark S.", role: "Homeowner", testimonial: "Fast, professional, and beautiful results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doxaii"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lisa B.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Emergency plumbing was handled smoothly and with empathy.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=144u8d",
|
||||
},
|
||||
id: "t2", name: "Lisa B.", role: "Homeowner", testimonial: "Emergency plumbing was handled smoothly and with empathy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=144u8d"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James T.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Solved a multi-plumber issue same-day.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g7kohs",
|
||||
},
|
||||
id: "t3", name: "James T.", role: "Homeowner", testimonial: "Solved a multi-plumber issue same-day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g7kohs"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah P.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Best service in town, professional and fully prepared.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by73u9",
|
||||
},
|
||||
id: "t4", name: "Sarah P.", role: "Homeowner", testimonial: "Best service in town, professional and fully prepared.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by73u9"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Responded quickly and saved our family home situation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uea0h3",
|
||||
},
|
||||
id: "t5", name: "David R.", role: "Homeowner", testimonial: "Responded quickly and saved our family home situation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uea0h3"},
|
||||
]}
|
||||
title="Voices of Our Clients"
|
||||
description="See why local families trust Faucet Brothers."
|
||||
@@ -302,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we prioritize emergency plumbing issues and aim for same-day resolution.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency service?", content: "Yes, we prioritize emergency plumbing issues and aim for same-day resolution."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your protection.",
|
||||
},
|
||||
id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your protection."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How quickly can you arrive?",
|
||||
content: "We offer same-day service and maintain efficient response times across the area.",
|
||||
},
|
||||
id: "f3", title: "How quickly can you arrive?", content: "We offer same-day service and maintain efficient response times across the area."},
|
||||
]}
|
||||
sideTitle="Questions? We Have Answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -329,24 +215,16 @@ export default function LandingPage() {
|
||||
description="Small plumbing issues turn into expensive damage fast. Get it fixed now."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What issue are you experiencing?",
|
||||
required: true,
|
||||
name: "message", placeholder: "What issue are you experiencing?", required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4&_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqrao4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -354,29 +232,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Repair", href: "#services"},
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leak Detection", 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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user