Merge version_1 into main #2
410
src/app/page.tsx
410
src/app/page.tsx
@@ -16,291 +16,147 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#cta",
|
||||
},
|
||||
]}
|
||||
brandName="Main Street Plumbing LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#cta" }
|
||||
]}
|
||||
brandName="Main Street Plumbing LLC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Plumbing Done The Right Way."
|
||||
description="From emergency repairs to full system overhauls — Rocky and the Main Street Plumbing team bring expertise, honesty, and care to every job in your home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Robert Flitsch",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Rocky did a supreme job resolving all the issues. Seamless experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Charles Lehrer",
|
||||
handle: "Customer",
|
||||
testimonial: "Best plumbers, responsive, kind and courteous. High quality work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
|
||||
},
|
||||
{
|
||||
name: "DeAna Wisniewski",
|
||||
handle: "Customer",
|
||||
testimonial: "Professional, on time, responsive. Replaced our boiler quickly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg",
|
||||
},
|
||||
{
|
||||
name: "Matthew Parker",
|
||||
handle: "Customer",
|
||||
testimonial: "Consistent, high-quality projects. Beats competition on pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-smiling-face-talking-phone_1157-1941.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Exceptional service and attention to detail. Will call again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#cta",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19620.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-with-smiling-face-talking-phone_1157-1941.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Satisfaction Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local RI & MA Experts",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Plumbing Done The Right Way."
|
||||
description="From emergency repairs to full system overhauls — Rocky and the Main Street Plumbing team bring expertise, honesty, and care to every job in your home."
|
||||
testimonials={[
|
||||
{ name: "Robert Flitsch", handle: "Homeowner", testimonial: "Rocky did a supreme job resolving all the issues. Seamless experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg" },
|
||||
{ name: "Charles Lehrer", handle: "Customer", testimonial: "Best plumbers, responsive, kind and courteous. High quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg" },
|
||||
{ name: "DeAna Wisniewski", handle: "Customer", testimonial: "Professional, on time, responsive. Replaced our boiler quickly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg" },
|
||||
{ name: "Matthew Parker", handle: "Customer", testimonial: "Consistent, high-quality projects. Beats competition on pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-smiling-face-talking-phone_1157-1941.jpg" },
|
||||
{ name: "Sarah Jenkins", handle: "Homeowner", testimonial: "Exceptional service and attention to detail. Will call again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get a Free Estimate", href: "#cta" },
|
||||
{ text: "Our Services", href: "#services" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19620.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-with-smiling-face-talking-phone_1157-1941.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Emergency Repairs" },
|
||||
{ type: "text", text: "24/7 Availability" },
|
||||
{ type: "text", text: "Satisfaction Guaranteed" },
|
||||
{ type: "text", text: "Local RI & MA Experts" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Remodels",
|
||||
description: "Bathroom and kitchen rough-in and finish work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-handyman-logo_23-2149243751.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Heating Systems",
|
||||
description: "Boiler and furnace installs, repairs, and replacements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-house-horizontal-banners-set_1284-9110.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Leak Detection",
|
||||
description: "Fast diagnosis and repair of hidden pipe failures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-solutions-logo-design_742173-26651.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fuel Conversions",
|
||||
description: "Experienced oil-to-gas system conversion experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/house-with-save-world-icons_24877-50567.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Drain Repair",
|
||||
description: "Sewer line and major drain replacements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-concept_1284-6234.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Generator Hookups",
|
||||
description: "Gas line integration for home generators.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-set_1284-16876.jpg",
|
||||
},
|
||||
]}
|
||||
title="Complete Plumbing & HVAC Solutions"
|
||||
description="Professional residential plumbing, heating, and gas systems in RI & MA."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Remodels", description: "Bathroom and kitchen rough-in and finish work.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-handyman-logo_23-2149243751.jpg" },
|
||||
{ id: "2", title: "Heating Systems", description: "Boiler and furnace installs, repairs, and replacements.", imageSrc: "http://img.b2bpic.net/free-vector/smart-house-horizontal-banners-set_1284-9110.jpg" },
|
||||
{ id: "3", title: "Leak Detection", description: "Fast diagnosis and repair of hidden pipe failures.", imageSrc: "http://img.b2bpic.net/free-vector/plumbing-solutions-logo-design_742173-26651.jpg" },
|
||||
{ id: "4", title: "Fuel Conversions", description: "Experienced oil-to-gas system conversion experts.", imageSrc: "http://img.b2bpic.net/free-vector/house-with-save-world-icons_24877-50567.jpg" },
|
||||
{ id: "5", title: "Drain Repair", description: "Sewer line and major drain replacements.", imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-concept_1284-6234.jpg" },
|
||||
{ id: "6", title: "Generator Hookups", description: "Gas line integration for home generators.", imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-set_1284-16876.jpg" }
|
||||
]}
|
||||
title="Complete Plumbing & HVAC Solutions"
|
||||
description="Professional residential plumbing, heating, and gas systems in RI & MA."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Rocky & Main Street Plumbing"
|
||||
description="Owner-operated plumbing built on trust, punctuality, and clean workmanship."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19620.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Rocky & Main Street Plumbing"
|
||||
description="Owner-operated plumbing built on trust, punctuality, and clean workmanship."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "100%", title: "Satisfaction" },
|
||||
{ value: "24h", title: "Response Time" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19620.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Rocky and his team were professional, on time, responsive, and kind. Replaced our boiler quickly. Highly recommend for all plumbing needs."
|
||||
rating={5}
|
||||
author="DeAna Wisniewski-Pickering"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
|
||||
alt: "DeAna W",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-with-smiling-face-talking-phone_1157-1941.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Rocky and his team were professional, on time, responsive, and kind. Replaced our boiler quickly. Highly recommend for all plumbing needs."
|
||||
rating={5}
|
||||
author="DeAna Wisniewski-Pickering"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg", alt: "DeAna W" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-with-smiling-face-talking-phone_1157-1941.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Get the Job Done Right?"
|
||||
description="Call or message Rocky today for fast response and upfront pricing."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19620.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Get the Job Done Right?"
|
||||
description="Call or message Rocky today for fast response and upfront pricing."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19620.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Rocky",
|
||||
href: "tel:+1",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@mainstreetplumbing.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Main Street Plumbing LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Call Rocky", href: "tel:+1" },
|
||||
{ label: "Email", href: "mailto:info@mainstreetplumbing.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Main Street Plumbing LLC"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user