bender/9ef53718-b4e0-41fb-8494-da58b11119bc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-30 03:19:51 +00:00
Conversation 0 Commits 2 Files Changed 1 +32 -162
1 changed files with 32 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ 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 } from "lucide-react";
import { Facebook, Twitter, Wrench, Flame, Zap, AlertTriangle, Settings, Shield } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,64 +29,31 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "About",
id: "about",
},
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "About", id: "about" },
]}
brandName="TJ Plumbing & Heating"
button={{
text: "Call Now",
href: "tel:5550123",
}}
text: "Call Now", href: "tel:5550123"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background="gradient-bars"
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",
},
{ 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?_wi=1",
imageAlt: "Luxury plumbing installation",
},
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?_wi=1",
imageAlt: "Emergency service",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/expert-plumber-working-in-a-refined-resi-1774840586776-fc1ab3f1.png?_wi=1",
imageAlt: "Professional plumbing expert",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/professional-high-end-plumbing-and-heati-1774840588264-1a7ce388.png?_wi=2",
imageAlt: "High-end boiler installation",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUyKLdwpUXbE0iOplPhEBolF5g/a-sleek-digital-card-ui-element-represen-1774840586441-042ac4c5.png?_wi=2",
imageAlt: "24/7 technical support",
},
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}
@@ -99,48 +66,12 @@ export default function LandingPage() {
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?_wi=3",
imageAlt: "Professional high-end plumbing and heating service hero image. A clean, premium environment showing ",
},
{
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?_wi=3",
imageAlt: "A sleek digital card UI element representing 24/7 emergency plumbing response. Dark background, glow",
},
{
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?_wi=2",
imageAlt: "Expert plumber working in a refined residential space. Professional equipment, sharp focus, trust-in",
},
{
title: "Emergency Callouts",
description: "Priority 24/7 support when you need it most.",
buttonIcon: "AlertTriangle",
imageSrc: "https://pixabay.com/get/g862749da26e6a35b9c93e6558d1f46f648ff916a5cb48fa5a6b1496bc7806db01706472598c4c80cd00187e4d3932ed7e019ef3667eff1b6ff4c726b16000f68_1280.jpg?_wi=1",
imageAlt: "portrait happy customer professional",
},
{
title: "New Installations",
description: "Seamless installation of modern plumbing and heating systems.",
buttonIcon: "Settings",
imageSrc: "https://pixabay.com/get/gaa6f7433096b9e232198f32b7da9d05018cd6e833484862c1afd66b49f397ba88c42913f5801022fbe8e3127d8b4ce5209f166ce56c1795b0ac6dcb6f60c8e33_1280.png?_wi=1",
imageAlt: "portrait happy customer professional",
},
{
title: "Maintenance Plans",
description: "Proactive care to protect your home's infrastructure.",
buttonIcon: "Shield",
imageSrc: "https://pixabay.com/get/g28cfdbeafae842477c2a0eafc7e5e4dd46ccce1f2835e39c9a5debe0cb3d2f727f7319402f72894a67dfe5b24b3c80bfdcd623b2eed3126f51abd18093b0ec29_1280.jpg?_wi=1",
imageAlt: "portrait happy customer professional",
},
{ 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."
@@ -152,13 +83,8 @@ export default function LandingPage() {
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?_wi=3"
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>
@@ -168,68 +94,14 @@ export default function LandingPage() {
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?_wi=2",
},
{
id: "2",
name: "Takendra Hawkins",
role: "Homeowner",
company: "Local Client",
rating: 5,
imageSrc: "https://pixabay.com/get/gaa6f7433096b9e232198f32b7da9d05018cd6e833484862c1afd66b49f397ba88c42913f5801022fbe8e3127d8b4ce5209f166ce56c1795b0ac6dcb6f60c8e33_1280.png?_wi=2",
},
{
id: "3",
name: "Ashley Yancy",
role: "Homeowner",
company: "Local Client",
rating: 5,
imageSrc: "https://pixabay.com/get/g28cfdbeafae842477c2a0eafc7e5e4dd46ccce1f2835e39c9a5debe0cb3d2f727f7319402f72894a67dfe5b24b3c80bfdcd623b2eed3126f51abd18093b0ec29_1280.jpg?_wi=2",
},
{
id: "4",
name: "Hallie Collette",
role: "Homeowner",
company: "Local Client",
rating: 5,
imageSrc: "https://pixabay.com/get/g51682c6f0e24a0a2b9165756a54ed6800ee35e851a6c1efedcacc2d6a28d5a50ca8cd820a62cacefecc78ce3de29ccb024e168f99891049c685cb8758e09e3e3_1280.jpg",
},
{
id: "5",
name: "Kristen Vanhooser",
role: "Homeowner",
company: "Local Client",
rating: 5,
imageSrc: "https://pixabay.com/get/g7138761e0a73eaf294b57a6594329e3195a2380e3c45af3f5c6dc24693868fd4430eeb50168a1b2c1efc3295e66b739ed5ca6340b74aaa7caa72cc146b5222dd_1280.jpg",
},
{
id: "6",
name: "Isabelle Izzy",
role: "Homeowner",
company: "Local Client",
rating: 5,
imageSrc: "https://pixabay.com/get/g6836f7bcf8517261c5671d02cb4e76715b64bc38fc0f034eed273272155b1acee440a09b181b45ba4c539f5b3d7d74eecbfc5871c55cdb790ce15a2c79494181_1280.jpg",
},
{ 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",
},
{ 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."
@@ -238,6 +110,12 @@ export default function LandingPage() {
<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"
@@ -250,16 +128,8 @@ export default function LandingPage() {
logoText="TJ Plumbing & Heating"
copyrightText="© 2025 TJ Plumbing & Heating. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>