140 lines
7.5 KiB
TypeScript
140 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Facebook, Twitter, Wrench, Flame, Zap, AlertTriangle, Settings, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "About", id: "about" },
|
|
]}
|
|
brandName="TJ Plumbing & Heating"
|
|
button={{
|
|
text: "Call Now", href: "tel:5550123"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Your Home. Our Finest Work."
|
|
description="Excellence in plumbing and heating for homeowners who demand the best. With a flawless 5-star record and years of dedicated service, we bring precision to every pipe."
|
|
tag="Trusted Premium Service"
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "#contact" },
|
|
{ text: "Read Reviews", href: "#reviews" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/professional-high-end-plumbing-and-heati-1774840588264-1a7ce388.png", imageAlt: "Luxury plumbing installation"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/a-sleek-digital-card-ui-element-represen-1774840586441-042ac4c5.png", imageAlt: "Emergency service"}
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="5.0 Stars based on 50+ Clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Plumbing Repairs", description: "Rapid resolution for leaks, pipe bursts, and fixture failures.", buttonIcon: Wrench, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/professional-high-end-plumbing-and-heati-1774840588264-1a7ce388.png" },
|
|
{ title: "Heating Systems", description: "Efficient optimization of residential heating infrastructure.", buttonIcon: Flame, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/a-sleek-digital-card-ui-element-represen-1774840586441-042ac4c5.png" },
|
|
{ title: "Boiler Servicing", description: "Expert annual checks for peak efficiency and safety.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/expert-plumber-working-in-a-refined-resi-1774840586776-fc1ab3f1.png" },
|
|
{ title: "Emergency Callouts", description: "Priority 24/7 support when you need it most.", buttonIcon: AlertTriangle, imageSrc: "https://pixabay.com/get/g862749da26e6a35b9c93e6558d1f46f648ff916a5cb48fa5a6b1496bc7806db01706472598c4c80cd00187e4d3932ed7e019ef3667eff1b6ff4c726b16000f68_1280.jpg" },
|
|
{ title: "New Installations", description: "Seamless installation of modern plumbing and heating systems.", buttonIcon: Settings, imageSrc: "https://pixabay.com/get/gaa6f7433096b9e232198f32b7da9d05018cd6e833484862c1afd66b49f397ba88c42913f5801022fbe8e3127d8b4ce5209f166ce56c1795b0ac6dcb6f60c8e33_1280.png" },
|
|
{ title: "Maintenance Plans", description: "Proactive care to protect your home's infrastructure.", buttonIcon: Shield, imageSrc: "https://pixabay.com/get/g28cfdbeafae842477c2a0eafc7e5e4dd46ccce1f2835e39c9a5debe0cb3d2f727f7319402f72894a67dfe5b24b3c80bfdcd623b2eed3126f51abd18093b0ec29_1280.jpg" },
|
|
]}
|
|
title="Our Specialized Services"
|
|
description="From emergency interventions to routine maintenance, experience the hallmark of TJ craftsmanship."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Experience Excellence"
|
|
description="At TJ Plumbing & Heating, we define quality through every interaction. Our commitment to clean, efficient work is what sets us apart in a crowded market."
|
|
buttons={[{ text: "Call Now", href: "tel:5550123" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/expert-plumber-working-in-a-refined-resi-1774840586776-fc1ab3f1.png"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Reva Zoting", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "https://pixabay.com/get/g862749da26e6a35b9c93e6558d1f46f648ff916a5cb48fa5a6b1496bc7806db01706472598c4c80cd00187e4d3932ed7e019ef3667eff1b6ff4c726b16000f68_1280.jpg" },
|
|
{ id: "2", name: "Takendra Hawkins", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "https://pixabay.com/get/gaa6f7433096b9e232198f32b7da9d05018cd6e833484862c1afd66b49f397ba88c42913f5801022fbe8e3127d8b4ce5209f166ce56c1795b0ac6dcb6f60c8e33_1280.png" },
|
|
{ id: "3", name: "Ashley Yancy", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "https://pixabay.com/get/g28cfdbeafae842477c2a0eafc7e5e4dd46ccce1f2835e39c9a5debe0cb3d2f727f7319402f72894a67dfe5b24b3c80bfdcd623b2eed3126f51abd18093b0ec29_1280.jpg" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "5.0", label: "Average Rating" },
|
|
{ value: "100+", label: "Projects Completed" },
|
|
{ value: "24/7", label: "Emergency Availability" },
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Consistently recognized for speed, cleanliness, and exceptional support."
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardOne
|
|
features={[
|
|
{ title: "Reliability", description: "You can count on us." },
|
|
{ title: "Quality", description: "Top-tier service only." },
|
|
]}
|
|
title="Why Choose Us"
|
|
description="Our core values guide every interaction."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="TJ Plumbing & Heating"
|
|
copyrightText="© 2025 TJ Plumbing & Heating. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|