Merge version_1 into main #2
@@ -14,125 +14,48 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="95 Years of Excellence in St. John's"
|
||||
description="Established in 1929, Hubley's Plumbing & Heating is proud to be a staple of the St. John's community. With 6 licensed plumbers, we serve both residential and commercial needs with integrity and high-quality workmanship."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409819.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="The evolution of Hubley's."
|
||||
metrics={[
|
||||
{
|
||||
id: "stats-1",
|
||||
value: "1929",
|
||||
title: "Founded",
|
||||
description: "A tradition begins",
|
||||
icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency Line",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
label: "Email: hubleysplumbing@nl.rogers.com",
|
||||
href: "mailto:hubleysplumbing@nl.rogers.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "BBB Affiliated",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "NLCSA Member",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="95 Years of Excellence in St. John's"
|
||||
description="Established in 1929, Hubley's Plumbing & Heating is proud to be a staple of the St. John's community. With 6 licensed plumbers, we serve both residential and commercial needs with integrity and high-quality workmanship."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409819.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="The evolution of Hubley's."
|
||||
metrics={[{ id: "stats-1", value: "1929", title: "Founded", description: "A tradition begins", icon: Calendar }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Projects", href: "/projects" }, { label: "Contact", href: "/contact" }] }, { title: "Emergency Line", items: [{ label: "Call: 709-726-2552", href: "tel:709-726-2552" }, { label: "Email: hubleysplumbing@nl.rogers.com", href: "mailto:hubleysplumbing@nl.rogers.com" }] }, { title: "Legal", items: [{ label: "BBB Affiliated", href: "#" }, { label: "NLCSA Member", href: "#" }, { label: "Privacy Policy", href: "#" }] }]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -13,145 +13,50 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us Today"
|
||||
description="Have a plumbing emergency or need an estimate? Reach out to us 24/7. Hubley's Plumbing & Heating at 36 Kings Road."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your plumbing needs or emergency",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Quick info before contacting."
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Emergency hours?",
|
||||
content: "24/7.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency Line",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
label: "Email: hubleysplumbing@nl.rogers.com",
|
||||
href: "mailto:hubleysplumbing@nl.rogers.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "BBB Affiliated",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "NLCSA Member",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us Today"
|
||||
description="Have a plumbing emergency or need an estimate? Reach out to us 24/7. Hubley's Plumbing & Heating at 36 Kings Road."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email Address" }, { name: "phone", type: "tel", placeholder: "Phone Number" }]}
|
||||
textarea={{ name: "message", placeholder: "Describe your plumbing needs or emergency", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Quick info before contacting."
|
||||
faqs={[{ id: "faq-1", title: "Emergency hours?", content: "24/7." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Projects", href: "/projects" }, { label: "Contact", href: "/contact" }] }, { title: "Emergency Line", items: [{ label: "Call: 709-726-2552", href: "tel:709-726-2552" }, { label: "Email: hubleysplumbing@nl.rogers.com", href: "mailto:hubleysplumbing@nl.rogers.com" }] }, { title: "Legal", items: [{ label: "BBB Affiliated", href: "#" }, { label: "NLCSA Member", href: "#" }, { label: "Privacy Policy", href: "#" }] }]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
391
src/app/page.tsx
391
src/app/page.tsx
@@ -17,324 +17,83 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Dependable 24/7 Emergency Plumbing & Heating"
|
||||
description="Serving St. John's and the Northeast Avalon Peninsula for 95 years. Our licensed experts are ready to assist you any time, day or night."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "Resident",
|
||||
testimonial: "Hubley's saved my basement when a pipe burst at 2 AM. Reliable and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg?_wi=1",
|
||||
imageAlt: "plumbing emergency service professional",
|
||||
},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "Commercial Client",
|
||||
testimonial: "They have maintained our office HVAC systems for years. Always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409819.jpg?_wi=1",
|
||||
imageAlt: "plumbing emergency service professional",
|
||||
},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "Long-term Customer",
|
||||
testimonial: "Trusted family business. Would recommend to anyone in St. John's.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/home-tools-logo-design-vector_474888-1949.jpg",
|
||||
imageAlt: "plumbing emergency service professional",
|
||||
},
|
||||
{
|
||||
name: "Laura P.",
|
||||
handle: "Renovation Client",
|
||||
testimonial: "Excellent work on our commercial kitchen plumbing installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-glass-with-pull-out-sprayer-quick-kitchen-cleanup_169016-69562.jpg",
|
||||
imageAlt: "plumbing emergency service professional",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "Resident",
|
||||
testimonial: "Quick and efficient drain cleaning. Great customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg",
|
||||
imageAlt: "plumbing emergency service professional",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg?_wi=2"
|
||||
imageAlt="Hubley's plumbing professional technician"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg",
|
||||
alt: "Long-term partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721540.jpg",
|
||||
alt: "Community member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg",
|
||||
alt: "Local resident",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 residents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "95 Years of Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed Professionals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free On-Site Estimates",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Guaranteed Work",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Hubley's?"
|
||||
description="Experience counts. When you choose us, you get a dedicated team backed by nearly a century of localized expertise."
|
||||
features={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Master Plumbers",
|
||||
subtitle: "Top talent",
|
||||
description: "Every technician is highly trained.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Speed",
|
||||
title: "Fast Deployment",
|
||||
subtitle: "Rapid action",
|
||||
description: "We reach your location in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741241.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Numbers that demonstrate our commitment to quality service in St. John's."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95+",
|
||||
title: "Years",
|
||||
description: "Established tradition",
|
||||
icon: History,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "6",
|
||||
title: "Plumbers",
|
||||
description: "Licensed and ready",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
description: "Always available",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Leaders"
|
||||
description="The friendly faces behind our long-standing service."
|
||||
members={[
|
||||
{
|
||||
id: "team-1",
|
||||
name: "Arthur Hubley",
|
||||
role: "Senior Lead",
|
||||
description: "Carrying on the family legacy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg",
|
||||
},
|
||||
{
|
||||
id: "team-2",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Head Technician",
|
||||
description: "Leading field operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Stories"
|
||||
description="Hear what our neighbors have to say."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane R.",
|
||||
date: "Oct 2023",
|
||||
title: "Great Service",
|
||||
quote: "They fixed my leak in record time.",
|
||||
tag: "Emergency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg?_wi=3",
|
||||
imageAlt: "Plumber assembling pipe",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Tom K.",
|
||||
date: "Sept 2023",
|
||||
title: "Trusted",
|
||||
quote: "Always my first call for heating.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990736.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409819.jpg?_wi=2",
|
||||
imageAlt: "Plumber assembling pipe",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency Line",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
label: "Email: hubleysplumbing@nl.rogers.com",
|
||||
href: "mailto:hubleysplumbing@nl.rogers.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "BBB Affiliated",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "NLCSA Member",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Dependable 24/7 Emergency Plumbing & Heating"
|
||||
description="Serving St. John's and the Northeast Avalon Peninsula for 95 years. Our licensed experts are ready to assist you any time, day or night."
|
||||
testimonials={[{ name: "John D.", handle: "Resident", testimonial: "Hubley's saved my basement when a pipe burst at 2 AM. Reliable and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "plumbing emergency service professional" }, { name: "Sarah M.", handle: "Commercial Client", testimonial: "They have maintained our office HVAC systems for years. Always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409819.jpg", imageAlt: "plumbing emergency service professional" }, { name: "Mike B.", handle: "Long-term Customer", testimonial: "Trusted family business. Would recommend to anyone in St. John's.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/home-tools-logo-design-vector_474888-1949.jpg", imageAlt: "plumbing emergency service professional" }, { name: "Laura P.", handle: "Renovation Client", testimonial: "Excellent work on our commercial kitchen plumbing installation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-glass-with-pull-out-sprayer-quick-kitchen-cleanup_169016-69562.jpg", imageAlt: "plumbing emergency service professional" }, { name: "David W.", handle: "Resident", testimonial: "Quick and efficient drain cleaning. Great customer service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "plumbing emergency service professional" }]}
|
||||
buttons={[{ text: "Call 709-726-2552", href: "tel:709-726-2552" }, { text: "Get Free Estimate", href: "/contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg"
|
||||
imageAlt="Hubley's plumbing professional technician"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg", alt: "Satisfied customer" }, { src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", alt: "Happy client" }, { src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg", alt: "Long-term partner" }, { src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721540.jpg", alt: "Community member" }, { src: "http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg", alt: "Local resident" }]}
|
||||
avatarText="Trusted by over 10,000 residents"
|
||||
marqueeItems={[{ type: "text", text: "24/7 Emergency Response" }, { type: "text", text: "95 Years of Service" }, { type: "text", text: "Licensed Professionals" }, { type: "text", text: "Free On-Site Estimates" }, { type: "text", text: "Fully Guaranteed Work" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Hubley's?"
|
||||
description="Experience counts. When you choose us, you get a dedicated team backed by nearly a century of localized expertise."
|
||||
features={[{ tag: "Expertise", title: "Master Plumbers", subtitle: "Top talent", description: "Every technician is highly trained.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg" }, { tag: "Speed", title: "Fast Deployment", subtitle: "Rapid action", description: "We reach your location in record time.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741241.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Numbers that demonstrate our commitment to quality service in St. John's."
|
||||
metrics={[{ id: "m1", value: "95+", title: "Years", description: "Established tradition", icon: History }, { id: "m2", value: "6", title: "Plumbers", description: "Licensed and ready", icon: Users }, { id: "m3", value: "24/7", title: "Service", description: "Always available", icon: Clock }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Leaders"
|
||||
description="The friendly faces behind our long-standing service."
|
||||
members={[{ id: "team-1", name: "Arthur Hubley", role: "Senior Lead", description: "Carrying on the family legacy.", imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg" }, { id: "team-2", name: "Sarah Jenkins", role: "Head Technician", description: "Leading field operations.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Stories"
|
||||
description="Hear what our neighbors have to say."
|
||||
testimonials={[{ id: "t1", name: "Jane R.", date: "Oct 2023", title: "Great Service", quote: "They fixed my leak in record time.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Plumber assembling pipe" }, { id: "t2", name: "Tom K.", date: "Sept 2023", title: "Trusted", quote: "Always my first call for heating.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990736.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409819.jpg", imageAlt: "Plumber assembling pipe" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Projects", href: "/projects" }, { label: "Contact", href: "/contact" }] }, { title: "Emergency Line", items: [{ label: "Call: 709-726-2552", href: "tel:709-726-2552" }, { label: "Email: hubleysplumbing@nl.rogers.com", href: "mailto:hubleysplumbing@nl.rogers.com" }] }, { title: "Legal", items: [{ label: "BBB Affiliated", href: "#" }, { label: "NLCSA Member", href: "#" }, { label: "Privacy Policy", href: "#" }] }]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -14,192 +14,61 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Residential Renovations",
|
||||
price: "Installed",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Systems",
|
||||
price: "Maintained",
|
||||
variant: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Heater Upgrades",
|
||||
price: "Installed",
|
||||
variant: "Heating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Backflow Systems",
|
||||
price: "Tested",
|
||||
variant: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-apron-holding-mobile-phone-hand-looking-away_23-2148096491.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Drain Inspections",
|
||||
price: "Cleaned",
|
||||
variant: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fixture Modernization",
|
||||
price: "Installed",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
||||
},
|
||||
]}
|
||||
title="Project Gallery"
|
||||
description="A showcase of our recent residential and commercial installations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Installations"
|
||||
description="Modern setups in local homes."
|
||||
products={[
|
||||
{
|
||||
id: "proj-1",
|
||||
name: "Luxury Bath Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technical-service-employee-search-tool-with-toolbox-holding-tool-looking-busy_176474-11402.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Project Logs"
|
||||
description="Insights from the field."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Success",
|
||||
title: "Kitchen Reno",
|
||||
excerpt: "Full pipe replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-handyman-arriving-house-call_1098-17816.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176741.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency Line",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
label: "Email: hubleysplumbing@nl.rogers.com",
|
||||
href: "mailto:hubleysplumbing@nl.rogers.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "BBB Affiliated",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "NLCSA Member",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[{ id: "p1", name: "Residential Renovations", price: "Installed", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg" }, { id: "p2", name: "Commercial Systems", price: "Maintained", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg" }, { id: "p3", name: "Heater Upgrades", price: "Installed", variant: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg" }, { id: "p4", name: "Backflow Systems", price: "Tested", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-apron-holding-mobile-phone-hand-looking-away_23-2148096491.jpg" }, { id: "p5", name: "Drain Inspections", price: "Cleaned", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg" }, { id: "p6", name: "Fixture Modernization", price: "Installed", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg" }]}
|
||||
title="Project Gallery"
|
||||
description="A showcase of our recent residential and commercial installations."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Installations"
|
||||
description="Modern setups in local homes."
|
||||
products={[{ id: "proj-1", name: "Luxury Bath Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/technical-service-employee-search-tool-with-toolbox-holding-tool-looking-busy_176474-11402.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Project Logs"
|
||||
description="Insights from the field."
|
||||
blogs={[{ id: "b1", category: "Success", title: "Kitchen Reno", excerpt: "Full pipe replacement.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-handyman-arriving-house-call_1098-17816.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176741.jpg", date: "Jan 2024" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Projects", href: "/projects" }, { label: "Contact", href: "/contact" }] }, { title: "Emergency Line", items: [{ label: "Call: 709-726-2552", href: "tel:709-726-2552" }, { label: "Email: hubleysplumbing@nl.rogers.com", href: "mailto:hubleysplumbing@nl.rogers.com" }] }, { title: "Legal", items: [{ label: "BBB Affiliated", href: "#" }, { label: "NLCSA Member", href: "#" }, { label: "Privacy Policy", href: "#" }] }]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -15,174 +15,59 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Maintenance & Repairs",
|
||||
description: "Preventive maintenance and small emergency repairs for all systems.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Commercial & Renovation",
|
||||
description: "Expert plumbing solutions for commercial projects and large renovations.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Drain Cleaning",
|
||||
description: "Thorough cleaning to prevent blockages and maintain water flow.",
|
||||
},
|
||||
{
|
||||
icon: Snowflake,
|
||||
title: "Electronic Pipe Thawing",
|
||||
description: "Safe, efficient thawing for frozen pipe emergencies.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Backflow Prevention",
|
||||
description: "Certified testing and installation of backflow prevention systems.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Fixture Installation",
|
||||
description: "Professional installation for kitchens, bathrooms, and utility areas.",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing & Heating Services"
|
||||
description="We offer a wide range of services to keep your systems running smoothly, backed by free on-site estimates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Focus Areas"
|
||||
description="Specialized services tailored to your property."
|
||||
features={[
|
||||
{
|
||||
tag: "Heating",
|
||||
title: "Boiler Systems",
|
||||
subtitle: "Efficient heating",
|
||||
description: "Keeping you warm through winters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721517.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="FAQs"
|
||||
description="Common service inquiries."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are estimates free?",
|
||||
content: "Yes, we offer free on-site estimates.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-holds-screwdriver-holds-thumb_1150-24066.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency Line",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
label: "Email: hubleysplumbing@nl.rogers.com",
|
||||
href: "mailto:hubleysplumbing@nl.rogers.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "BBB Affiliated",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "NLCSA Member",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[{ icon: Wrench, title: "Maintenance & Repairs", description: "Preventive maintenance and small emergency repairs for all systems." }, { icon: Building, title: "Commercial & Renovation", description: "Expert plumbing solutions for commercial projects and large renovations." }, { icon: Droplets, title: "Drain Cleaning", description: "Thorough cleaning to prevent blockages and maintain water flow." }, { icon: Snowflake, title: "Electronic Pipe Thawing", description: "Safe, efficient thawing for frozen pipe emergencies." }, { icon: ShieldCheck, title: "Backflow Prevention", description: "Certified testing and installation of backflow prevention systems." }, { icon: Droplets, title: "Fixture Installation", description: "Professional installation for kitchens, bathrooms, and utility areas." }]}
|
||||
title="Comprehensive Plumbing & Heating Services"
|
||||
description="We offer a wide range of services to keep your systems running smoothly, backed by free on-site estimates."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Focus Areas"
|
||||
description="Specialized services tailored to your property."
|
||||
features={[{ tag: "Heating", title: "Boiler Systems", subtitle: "Efficient heating", description: "Keeping you warm through winters.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721517.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="FAQs"
|
||||
description="Common service inquiries."
|
||||
faqs={[{ id: "q1", title: "Are estimates free?", content: "Yes, we offer free on-site estimates." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-holds-screwdriver-holds-thumb_1150-24066.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Projects", href: "/projects" }, { label: "Contact", href: "/contact" }] }, { title: "Emergency Line", items: [{ label: "Call: 709-726-2552", href: "tel:709-726-2552" }, { label: "Email: hubleysplumbing@nl.rogers.com", href: "mailto:hubleysplumbing@nl.rogers.com" }] }, { title: "Legal", items: [{ label: "BBB Affiliated", href: "#" }, { label: "NLCSA Member", href: "#" }, { label: "Privacy Policy", href: "#" }] }]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user