Merge version_1 into main #2
330
src/app/page.tsx
330
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Belle Plumbing"
|
||||
/>
|
||||
@@ -58,46 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Summerville's Most Trusted Plumbers"
|
||||
description="Family-owned. Fairly priced. Always on time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:843-555-0199",
|
||||
},
|
||||
{ text: "Request Service", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:843-555-0199" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-swinging-hammer-looking-camera-smiling_141793-30191.jpg?_wi=1",
|
||||
imageAlt: "Professional local plumber providing excellent service.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-points-camera-pink_141793-74591.jpg",
|
||||
imageAlt: "Belle Plumbing service vehicle in Summerville.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",
|
||||
imageAlt: "Master plumber working on residential pipe system.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg",
|
||||
imageAlt: "Plumbing expert explaining repairs to a homeowner.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
|
||||
imageAlt: "Friendly customer service representative on-site.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-serviceman-choosing-tools-vehicle-maintenance_342744-1302.jpg",
|
||||
imageAlt: "Clean, orderly work area during plumbing repair.",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-swinging-hammer-looking-camera-smiling_141793-30191.jpg", imageAlt: "Professional local plumber providing excellent service." },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-points-camera-pink_141793-74591.jpg", imageAlt: "Belle Plumbing service vehicle in Summerville." },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg", imageAlt: "Master plumber working on residential pipe system." },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg", imageAlt: "Plumbing expert explaining repairs to a homeowner." },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg", imageAlt: "Friendly customer service representative on-site." },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-serviceman-choosing-tools-vehicle-maintenance_342744-1302.jpg", imageAlt: "Clean, orderly work area during plumbing repair." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,19 +65,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Plumbing Company ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-joyful-guy-doing-yes-gesture-excited-girl-keeping-hands-air-both-looking-camera-isolated-white-wall_141793-113809.jpg",
|
||||
alt: "Plumbing service team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "That Actually Cares",
|
||||
},
|
||||
{ type: "text", content: "A Plumbing Company " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-joyful-guy-doing-yes-gesture-excited-girl-keeping-hands-air-both-looking-camera-isolated-white-wall_141793-113809.jpg", alt: "Plumbing service team" },
|
||||
{ type: "text", content: "That Actually Cares" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,48 +78,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "On Time, Every Time",
|
||||
description: "They arrived exactly when they said they would.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-turbo-plumbing-logo-template_742173-19115.jpg",
|
||||
imageAlt: "plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Honest Pricing",
|
||||
description: "No upselling. Fair quotes that match the final invoice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-swinging-hammer-looking-camera-smiling_141793-30191.jpg?_wi=2",
|
||||
imageAlt: "plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Same-Day & Emergency",
|
||||
description: "Available even on holiday weekends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-joyful-guy-doing-yes-gesture-excited-girl-keeping-hands-air-both-looking-camera-isolated-white-wall_141793-113809.jpg",
|
||||
imageAlt: "plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Clean & Respectful",
|
||||
description: "Cleaned up after themselves every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg?_wi=1",
|
||||
imageAlt: "plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Expert Technicians",
|
||||
description: "Knowledgeable plumbers who explain what they're doing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg?_wi=1",
|
||||
imageAlt: "plumbing company logo",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Real Family Business",
|
||||
description: "You can tell they actually care about their customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=1",
|
||||
imageAlt: "plumbing company logo",
|
||||
},
|
||||
{ id: "f1", title: "On Time, Every Time", description: "They arrived exactly when they said they would.", tag: "Punctuality", imageSrc: "http://img.b2bpic.net/free-vector/minimalist-turbo-plumbing-logo-template_742173-19115.jpg", imageAlt: "plumbing company logo" },
|
||||
{ id: "f2", title: "Honest Pricing", description: "No upselling. Fair quotes that match the final invoice.", tag: "Value", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-swinging-hammer-looking-camera-smiling_141793-30191.jpg", imageAlt: "plumbing company logo" },
|
||||
{ id: "f3", title: "Same-Day & Emergency", description: "Available even on holiday weekends.", tag: "Availability", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-joyful-guy-doing-yes-gesture-excited-girl-keeping-hands-air-both-looking-camera-isolated-white-wall_141793-113809.jpg", imageAlt: "plumbing company logo" },
|
||||
{ id: "f4", title: "Clean & Respectful", description: "Cleaned up after themselves every time.", tag: "Professionalism", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg", imageAlt: "plumbing company logo" },
|
||||
{ id: "f5", title: "Expert Technicians", description: "Knowledgeable plumbers who explain what they're doing.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg", imageAlt: "plumbing company logo" },
|
||||
{ id: "f6", title: "Real Family Business", description: "You can tell they actually care about their customers.", tag: "Family", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg", imageAlt: "plumbing company logo" },
|
||||
]}
|
||||
title="Why Choose Belle Plumbing?"
|
||||
description="Family-owned, trusted, and always there when you need us."
|
||||
@@ -184,48 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Water Heater Installation",
|
||||
price: "Starting at $500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg?_wi=2",
|
||||
variant: "Tank & Tankless",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Whole-Home Repiping",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg?_wi=2",
|
||||
variant: "Poly to PEX",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Emergency Plumbing",
|
||||
price: "Available 24/7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg",
|
||||
variant: "Priority",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Drain Cleaning",
|
||||
price: "Starting at $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
|
||||
variant: "Video Inspection",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gas Line Services",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=2",
|
||||
variant: "Repair & Install",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Faucet & Sink Setup",
|
||||
price: "Starting at $100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbells-gym_23-2147671885.jpg",
|
||||
variant: "Installation",
|
||||
},
|
||||
{ id: "p1", name: "Water Heater Installation", price: "Starting at $500", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg", variant: "Tank & Tankless" },
|
||||
{ id: "p2", name: "Whole-Home Repiping", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg", variant: "Poly to PEX" },
|
||||
{ id: "p3", name: "Emergency Plumbing", price: "Available 24/7", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", variant: "Priority" },
|
||||
{ id: "p4", name: "Drain Cleaning", price: "Starting at $150", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg", variant: "Video Inspection" },
|
||||
{ id: "p5", name: "Gas Line Services", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg", variant: "Repair & Install" },
|
||||
{ id: "p6", name: "Faucet & Sink Setup", price: "Starting at $100", imageSrc: "http://img.b2bpic.net/free-photo/barbells-gym_23-2147671885.jpg", variant: "Installation" },
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="From emergency leaks to full-home re-piping."
|
||||
@@ -238,68 +115,17 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Colleen & Rick",
|
||||
role: "Homeowner",
|
||||
company: "Summerville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Donna Pearsall",
|
||||
role: "Homeowner",
|
||||
company: "Summerville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283525.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael McNerny",
|
||||
role: "Homeowner",
|
||||
company: "Charleston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-playing-together-with-their-children_23-2148467012.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Keyla Santos",
|
||||
role: "Homeowner",
|
||||
company: "Goose Creek",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914233.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Johnny Glenn",
|
||||
role: "Homeowner",
|
||||
company: "Hanahan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-home-chatting-about-nails_23-2148655900.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Beth Z",
|
||||
role: "Homeowner",
|
||||
company: "Mt Pleasant",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
|
||||
},
|
||||
{ id: "1", name: "Colleen & Rick", role: "Homeowner", company: "Summerville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg" },
|
||||
{ id: "2", name: "Donna Pearsall", role: "Homeowner", company: "Summerville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283525.jpg" },
|
||||
{ id: "3", name: "Michael McNerny", role: "Homeowner", company: "Charleston", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/parents-playing-together-with-their-children_23-2148467012.jpg" },
|
||||
{ id: "4", name: "Keyla Santos", role: "Homeowner", company: "Goose Creek", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914233.jpg" },
|
||||
{ id: "5", name: "Johnny Glenn", role: "Homeowner", company: "Hanahan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-women-home-chatting-about-nails_23-2148655900.jpg" },
|
||||
{ id: "6", name: "Beth Z", role: "Homeowner", company: "Mt Pleasant", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
{ value: "100+", label: "Google Reviews" },
|
||||
{ value: "10+", label: "Years Served" },
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="Hear from our happy neighbors in the Lowcountry."
|
||||
@@ -313,41 +139,13 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Summerville",
|
||||
description: "Local HQ",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Charleston",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "North Charleston",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Cane Bay",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "Goose Creek",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
value: "Hanahan",
|
||||
description: "Service Area",
|
||||
},
|
||||
{
|
||||
id: "m7",
|
||||
value: "Mt Pleasant",
|
||||
description: "Service Area",
|
||||
},
|
||||
{ id: "m1", value: "Summerville", description: "Local HQ" },
|
||||
{ id: "m2", value: "Charleston", description: "Service Area" },
|
||||
{ id: "m3", value: "North Charleston", description: "Service Area" },
|
||||
{ id: "m4", value: "Cane Bay", description: "Service Area" },
|
||||
{ id: "m5", value: "Goose Creek", description: "Service Area" },
|
||||
{ id: "m6", value: "Hanahan", description: "Service Area" },
|
||||
{ id: "m7", value: "Mt Pleasant", description: "Service Area" },
|
||||
]}
|
||||
title="Serving the Lowcountry"
|
||||
description="Proudly providing honest plumbing service to the greater Charleston region."
|
||||
@@ -359,26 +157,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency plumbing?",
|
||||
content: "Yes, we are available for emergency plumbing needs even on holidays.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Belle Plumbing is fully licensed and insured, with a Master Plumber overseeing operations.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide same-day service?",
|
||||
content: "Yes, same-day appointments are often available for urgent repairs.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How do your prices compare?",
|
||||
content: "We pride ourselves on honest, fair pricing that matches our quotes. No hidden fees.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer emergency plumbing?", content: "Yes, we are available for emergency plumbing needs even on holidays." },
|
||||
{ id: "q2", title: "Are you licensed and insured?", content: "Absolutely. Belle Plumbing is fully licensed and insured, with a Master Plumber overseeing operations." },
|
||||
{ id: "q3", title: "Do you provide same-day service?", content: "Yes, same-day appointments are often available for urgent repairs." },
|
||||
{ id: "q4", title: "How do your prices compare?", content: "We pride ourselves on honest, fair pricing that matches our quotes. No hidden fees." },
|
||||
]}
|
||||
title="Common Plumbing Questions"
|
||||
description="Expert answers for your peace of mind."
|
||||
@@ -389,19 +171,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to Help — Give Us a Call or Request Service Online. A real person answers the phone. No bots, no runaround. Same-day appointments often available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 843-555-0199",
|
||||
href: "tel:843-555-0199",
|
||||
},
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Now: 843-555-0199", href: "tel:843-555-0199" },
|
||||
{ text: "Book Online", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user