Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bottazzi DePasquale"
|
||||
/>
|
||||
@@ -53,72 +45,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Trusted Plumbing & Heating Experts in Marlborough, MA"
|
||||
description="Providing fast, honest service for repairs, installations, and emergencies for over 40 years. Your go-to team in MetroWest."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=1",
|
||||
imageAlt: "Expert plumbing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=1", imageAlt: "Expert plumbing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=2",
|
||||
imageAlt: "Local plumbing team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=2", imageAlt: "Local plumbing team"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=3",
|
||||
imageAlt: "Heating system installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=3", imageAlt: "Heating system installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=4",
|
||||
imageAlt: "Emergency repairs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=4", imageAlt: "Emergency repairs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=5",
|
||||
imageAlt: "Water heater services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=5", imageAlt: "Water heater services"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=6",
|
||||
imageAlt: "Professional plumbing team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=6", imageAlt: "Professional plumbing team"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=7",
|
||||
imageAlt: "Plumbing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=7", imageAlt: "Plumbing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=8",
|
||||
imageAlt: "Heating service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=8", imageAlt: "Heating service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=9",
|
||||
imageAlt: "Professional service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=9", imageAlt: "Professional service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=10",
|
||||
imageAlt: "Expert repairs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=10", imageAlt: "Expert repairs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=11",
|
||||
imageAlt: "Emergency response",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=11", imageAlt: "Emergency response"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=12",
|
||||
imageAlt: "Local expertise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=12", imageAlt: "Local expertise"},
|
||||
]}
|
||||
tag="40+ Years of Experience"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (508) 626-1303",
|
||||
href: "tel:5086261303",
|
||||
},
|
||||
text: "Call Now: (508) 626-1303", href: "tel:5086261303"},
|
||||
{
|
||||
text: "Request Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Free Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,40 +93,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Marlborough Resident",
|
||||
testimonial: "Nick walked me through how to fix a minor issue myself. That's the honesty you don't find anymore.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Marlborough Resident", testimonial: "Nick walked me through how to fix a minor issue myself. That's the honesty you don't find anymore.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Smith",
|
||||
handle: "Property Manager",
|
||||
testimonial: "Bottazzi DePasquale is my go-to plumber for all my units. Fast, responsive, and fair pricing every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-white-shirt-headphones-with-microphone-looking-camera-smiling-showing-thumbs-up-sitting-table-offise-white-background_141793-53945.jpg",
|
||||
},
|
||||
id: "2", name: "David Smith", handle: "Property Manager", testimonial: "Bottazzi DePasquale is my go-to plumber for all my units. Fast, responsive, and fair pricing every time.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-white-shirt-headphones-with-microphone-looking-camera-smiling-showing-thumbs-up-sitting-table-offise-white-background_141793-53945.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Local Homeowner",
|
||||
testimonial: "They have been our family plumber for years. Extremely professional, clean, and explains everything clearly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-businesswoman-corporate-woman-showing-thumbs-up-smiling-complimenting-recommending-company-standing-white-background_1258-122203.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "Local Homeowner", testimonial: "They have been our family plumber for years. Extremely professional, clean, and explains everything clearly.", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-businesswoman-corporate-woman-showing-thumbs-up-smiling-complimenting-recommending-company-standing-white-background_1258-122203.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Chen",
|
||||
handle: "Southborough Resident",
|
||||
testimonial: "Called for an emergency water heater repair and they were there within the hour. Lifesavers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738006.jpg",
|
||||
},
|
||||
id: "4", name: "Michael Chen", handle: "Southborough Resident", testimonial: "Called for an emergency water heater repair and they were there within the hour. Lifesavers.", imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738006.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
handle: "Marlborough Resident",
|
||||
testimonial: "Honest, reliable, and always on time. They fixed a major pipe leak that three other plumbers couldn't handle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Robert Miller", handle: "Marlborough Resident", testimonial: "Honest, reliable, and always on time. They fixed a major pipe leak that three other plumbers couldn't handle.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg?_wi=2"},
|
||||
]}
|
||||
title="Trusted by MetroWest Homeowners"
|
||||
description="Don't just take our word for it—read what our long-term clients say about our honesty and reliability."
|
||||
@@ -175,61 +113,44 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
featureTitleClassName="text-blue-900"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Plumbing Repairs",
|
||||
description: "Expert solutions for leaks, clogs, and pipe issues.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=13",
|
||||
},
|
||||
id: "f1", title: "Plumbing Repairs", description: "Expert solutions for leaks, clogs, and pipe issues.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=13"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Leak detection",
|
||||
},
|
||||
text: "Leak detection"},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Pipe repair",
|
||||
},
|
||||
text: "Pipe repair"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Water Heaters",
|
||||
description: "Installation and repair for all heater types.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=14",
|
||||
},
|
||||
id: "f2", title: "Water Heaters", description: "Installation and repair for all heater types.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=14"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant repair",
|
||||
},
|
||||
text: "Instant repair"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "New installation",
|
||||
},
|
||||
text: "New installation"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Heating Systems",
|
||||
description: "Reliable heating maintenance and repair services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=15",
|
||||
},
|
||||
id: "f3", title: "Heating Systems", description: "Reliable heating maintenance and repair services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-showing-thumbs-up-standing-isolated-pink-wall_141793-14054.jpg?_wi=15"},
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Boiler repair",
|
||||
},
|
||||
text: "Boiler repair"},
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Tune-ups",
|
||||
},
|
||||
text: "Tune-ups"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -246,17 +167,11 @@ export default function LandingPage() {
|
||||
description="Nick and the team have been serving Marlborough and the MetroWest area for decades. We value building long-term relationships and take pride in servicing older homes with a friendly, honest, no-upsell approach."
|
||||
metrics={[
|
||||
{
|
||||
value: "40+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "40+", title: "Years Experience"},
|
||||
{
|
||||
value: "4.9★",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
value: "4.9★", title: "Customer Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Licensed & Insured",
|
||||
},
|
||||
value: "100%", title: "Licensed & Insured"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -268,20 +183,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready for a Quote?"
|
||||
title="Need a Plumber Today?"
|
||||
description="Call us for same-day emergency service or fill out the form for a no-obligation estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (508) 626-1303",
|
||||
href: "tel:5086261303",
|
||||
},
|
||||
text: "Call Now: (508) 626-1303", href: "tel:5086261303"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Service", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,46 +200,29 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas",
|
||||
items: [
|
||||
title: "Service Areas", items: [
|
||||
{
|
||||
label: "Marlborough",
|
||||
href: "#",
|
||||
},
|
||||
label: "Marlborough", href: "#"},
|
||||
{
|
||||
label: "Southborough",
|
||||
href: "#",
|
||||
},
|
||||
label: "Southborough", href: "#"},
|
||||
{
|
||||
label: "Framingham",
|
||||
href: "#",
|
||||
},
|
||||
label: "Framingham", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(508) 626-1303",
|
||||
href: "tel:5086261303",
|
||||
},
|
||||
label: "(508) 626-1303", href: "tel:5086261303"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -340,4 +233,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user