195 lines
8.9 KiB
TypeScript
195 lines
8.9 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import { CheckCircle, Wrench, Zap, Droplets, ShieldCheck, Thermometer } from 'lucide-react';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Al The Plumber"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
logoText="Al The Plumber & Heating"
|
||
description="Your trusted family-owned plumbing and heating experts. Fast, efficient, and professional service you can count on—treated like family, every time."
|
||
buttons={[
|
||
{
|
||
text: "Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "Contact Us", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19745.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
title="Family-Owned, Service-Driven"
|
||
description="With years of experience, Al and his team provide reliable, top-tier plumbing and heating services. We believe in high-quality workmanship, transparent pricing, and treating our clients like family. Whether it's a boiler repair, water tank replacement, or a leaky sink, we respond fast to resolve your issues effectively."
|
||
bulletPoints={[
|
||
{
|
||
title: "Expert Team", description: "Highly trained and professional plumbing technicians."},
|
||
{
|
||
title: "Fast Response", description: "We understand emergencies and prioritize timely service."},
|
||
{
|
||
title: "Family Values", description: "Exceptional service with a personable, family-business touch."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Boiler & Heating", description: "Expert diagnostics and repairs for multi-zone heating systems.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg"},
|
||
items: [
|
||
{ icon: Wrench, text: "Zone control repairs" },
|
||
{ icon: Thermometer, text: "Boiler maintenance" },
|
||
{ icon: Zap, text: "Heating efficiency checks" },
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Plumbing Repairs", description: "Fast and effective resolution for leaks, clogs, and faucet issues.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg"},
|
||
items: [
|
||
{ icon: Droplets, text: "Kitchen drain cleaning" },
|
||
{ icon: Wrench, text: "Faucet replacements" },
|
||
{ icon: Zap, text: "Leaky pipe repair" },
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Tank Installations", description: "Professional installation and replacement for water tanks.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg"},
|
||
items: [
|
||
{ icon: CheckCircle, text: "Hot water tank install" },
|
||
{ icon: ShieldCheck, text: "Water heater maintenance" },
|
||
{ icon: Zap, text: "Modern tank upgrades" },
|
||
],
|
||
reverse: false
|
||
},
|
||
]}
|
||
title="Comprehensive Services"
|
||
description="We solve plumbing and heating issues with precision and care."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Laurey Rasmussen", role: "Client", testimonial: "Al the Plumber was recommended by 2 other ladies in my condo. Al called back minutes later. Very efficient!", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg"},
|
||
{
|
||
id: "2", name: "Trev Simmonds", role: "Local Guide", testimonial: "Broken pipe under the kitchen sink. We called and they responded quickly. They knew we needed it fixed in a hurry.", imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg"},
|
||
{
|
||
id: "3", name: "Mickey Santano", role: "Client", testimonial: "Al and his crew solved all the problems with our boiler. Multiple heating companies before him failed to fix it.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg"},
|
||
{
|
||
id: "4", name: "Bryan Middlemass", role: "Client", testimonial: "Fantastic experience. Moving into a new place can be stressful, but Al and Dallas provided a fantastic, quick service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-away_23-2148384430.jpg"},
|
||
{
|
||
id: "5", name: "Lisa A", role: "Client", testimonial: "They fix my toilet and installed a kitchen sink before. I love that it’s a family business; they treat you like family.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||
]}
|
||
title="What Our Clients Say"
|
||
description="Trusted by our community for prompt and professional service."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Ready to get help?"
|
||
title="Need a Reliable Plumber?"
|
||
description="Don't stress over plumbing issues. Whether it's an emergency or an installation, Al and his team are here to help. Reach out today for quick, expert service."
|
||
buttons={[
|
||
{
|
||
text: "Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "Email Us", href: "mailto:info@altheplumber.com"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122044.jpg"
|
||
logoText="Al The Plumber & Heating Ltd."
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Boiler Repair", href: "#services"},
|
||
{
|
||
label: "Plumbing", href: "#services"},
|
||
{
|
||
label: "Installations", href: "#services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Al The Plumber Plumbing & Heating Ltd."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|