Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Calendar, ShieldCheck, Star } from "lucide-react";
|
||||
import { Calendar, ShieldCheck, Star, Wrench, Zap, Droplets, AlertTriangle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Haas Plumbing & Electric"
|
||||
/>
|
||||
@@ -47,68 +42,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Expert Plumbing & Electric — Done Right."
|
||||
description="Local, honest, and skilled. We deliver logical, cost-effective solutions for homes and businesses across Pittsburgh since 2007."
|
||||
tag="Pittsburgh's Most Trusted Since 2007"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "(412) 555-0193",
|
||||
href: "tel:+14125550193",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg?_wi=1"
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "(412) 555-0193", href: "tel:+14125550193" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg"
|
||||
imageAlt="Professional plumbing and electrical service"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
|
||||
alt: "Woman inviting man to the house with tools",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6580.jpg",
|
||||
alt: "Man is working with mosquito wire screen installation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721537.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg",
|
||||
alt: "Professional plumber at work",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg", alt: "Woman inviting man to the house with tools" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg", alt: "Male plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6580.jpg", alt: "Man is working with mosquito wire screen installation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721537.jpg", alt: "Plumbing professional doing his job" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg", alt: "Professional plumber at work" }
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned & Operated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Pittsburgh Since 2007",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "Family Owned & Operated" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Serving Pittsburgh Since 2007" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,34 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Plumbing",
|
||||
description: "Kitchen, bath, and basement repairs with minimal home disruption.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
{
|
||||
title: "Electrical Services",
|
||||
description: "Safe, code-compliant upgrades, lighting, and safety inspections.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg?_wi=2",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Installation and repair of traditional tank and tankless systems.",
|
||||
buttonIcon: "Droplets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062949.jpg?_wi=1",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
{
|
||||
title: "Emergency Service",
|
||||
description: "24/7 response for burst pipes, electrical hazards, and flood mitigation.",
|
||||
buttonIcon: "AlertTriangle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg?_wi=1",
|
||||
imageAlt: "Flexible connector and different wrenches",
|
||||
},
|
||||
{ title: "Residential Plumbing", description: "Kitchen, bath, and basement repairs with minimal home disruption.", buttonIcon: Wrench, imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg", imageAlt: "Flexible connector and different wrenches" },
|
||||
{ title: "Electrical Services", description: "Safe, code-compliant upgrades, lighting, and safety inspections.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg", imageAlt: "Flexible connector and different wrenches" },
|
||||
{ title: "Water Heaters", description: "Installation and repair of traditional tank and tankless systems.", buttonIcon: Droplets, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062949.jpg", imageAlt: "Flexible connector and different wrenches" },
|
||||
{ title: "Emergency Service", description: "24/7 response for burst pipes, electrical hazards, and flood mitigation.", buttonIcon: AlertTriangle, imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg", imageAlt: "Flexible connector and different wrenches" }
|
||||
]}
|
||||
title="Comprehensive Trade Services"
|
||||
description="We offer a full range of residential and commercial plumbing and electrical services with precision and care."
|
||||
@@ -159,20 +89,11 @@ export default function LandingPage() {
|
||||
title="Pittsburgh's Trusted Trades Experts"
|
||||
description="We're not a call center or franchise. Haas Plumbing & Electric is a local team that communicates clearly and completes the work correctly the first time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Honest Assessments",
|
||||
description: "We tell you exactly what you need without unnecessary upselling.",
|
||||
},
|
||||
{
|
||||
title: "Fair & Transparent",
|
||||
description: "Competitive rates with clear, upfront quotes. No hidden fees.",
|
||||
},
|
||||
{
|
||||
title: "Prompt & Reliable",
|
||||
description: "We respect your schedule, arrive on time, and finish efficiently.",
|
||||
},
|
||||
{ title: "Honest Assessments", description: "We tell you exactly what you need without unnecessary upselling." },
|
||||
{ title: "Fair & Transparent", description: "Competitive rates with clear, upfront quotes. No hidden fees." },
|
||||
{ title: "Prompt & Reliable", description: "We respect your schedule, arrive on time, and finish efficiently." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062949.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062949.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,24 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Google Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Calendar,
|
||||
title: "Years Serving",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "License Insured",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Google Rating", value: "5.0" },
|
||||
{ id: "m2", icon: Calendar, title: "Years Serving", value: "15+" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "License Insured", value: "100%" }
|
||||
]}
|
||||
title="Why Haas Stands Out"
|
||||
description="Fifteen years of dedicated service to our community."
|
||||
@@ -212,46 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Neal Levy",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Excellent service. They are my go-to for all plumbing issues—honest, logical, and very cost-effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-pvc_23-2149062932.jpg",
|
||||
imageAlt: "Top view of still life arrangement of pvc",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jim Hetrick",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Prompt, polite, and very reasonable pricing. Highly recommended for any trade work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg?_wi=3",
|
||||
imageAlt: "Top view of still life arrangement of pvc",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Gregory Gent",
|
||||
handle: "Local Guide",
|
||||
testimonial: "High-quality work and always punctual. A contractor you can actually trust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062949.jpg?_wi=3",
|
||||
imageAlt: "Top view of still life arrangement of pvc",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Curtis Kaminski",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Came out the evening before and finished the faucet replacement perfectly the next morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg?_wi=2",
|
||||
imageAlt: "Top view of still life arrangement of pvc",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Deborah Cutright",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Fantastic job and great communication. Will be calling Haas for all my future plumbing needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg",
|
||||
imageAlt: "Top view of still life arrangement of pvc",
|
||||
},
|
||||
{ id: "t1", name: "Neal Levy", handle: "Local Guide", testimonial: "Excellent service. They are my go-to for all plumbing issues—honest, logical, and very cost-effective.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-pvc_23-2149062932.jpg", imageAlt: "Top view of still life arrangement of pvc" },
|
||||
{ id: "t2", name: "Jim Hetrick", handle: "Local Guide", testimonial: "Prompt, polite, and very reasonable pricing. Highly recommended for any trade work.", imageSrc: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-standing-reading-instruction-using-tape-measure-worker-tools_482257-24849.jpg", imageAlt: "Top view of still life arrangement of pvc" },
|
||||
{ id: "t3", name: "Gregory Gent", handle: "Local Guide", testimonial: "High-quality work and always punctual. A contractor you can actually trust.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062949.jpg", imageAlt: "Top view of still life arrangement of pvc" },
|
||||
{ id: "t4", name: "Curtis Kaminski", handle: "Local Guide", testimonial: "Came out the evening before and finished the faucet replacement perfectly the next morning.", imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg", imageAlt: "Top view of still life arrangement of pvc" },
|
||||
{ id: "t5", name: "Deborah Cutright", handle: "Local Guide", testimonial: "Fantastic job and great communication. Will be calling Haas for all my future plumbing needs.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg", imageAlt: "Top view of still life arrangement of pvc" }
|
||||
]}
|
||||
title="What Homeowners Are Saying"
|
||||
description="Reliable work earns us five-star reviews."
|
||||
@@ -263,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide emergency service?",
|
||||
content: "Yes, we are available 24/7 for plumbing emergencies.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for all trade work in PA.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "We offer upfront assessments and transparent quotes for every project.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide emergency service?", content: "Yes, we are available 24/7 for plumbing emergencies." },
|
||||
{ id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all trade work in PA." },
|
||||
{ id: "f3", title: "Do you offer free quotes?", content: "We offer upfront assessments and transparent quotes for every project." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers for all things plumbing and electrical."
|
||||
@@ -288,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to get started?"
|
||||
description="Reach out to us for plumbing or electrical assistance. We respond promptly."
|
||||
@@ -300,41 +157,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Electric",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(412) 555-0193",
|
||||
href: "tel:+14125550193",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Plumbing", href: "#services" }, { label: "Electric", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Contact", items: [{ label: "(412) 555-0193", href: "tel:+14125550193" }] }
|
||||
]}
|
||||
logoText="Haas Plumbing & Electric"
|
||||
/>
|
||||
@@ -342,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user