99 lines
8.9 KiB
TypeScript
99 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Clock, History, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
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", 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?_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="split"
|
|
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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |