bender/ec12d32b-ade9-4587-89c7-3a55c55a6584
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:02 +00:00
Conversation 0 Commits 2 Files Changed 1 +50 -178
1 changed files with 50 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/app/page.tsx
View File

@@ -16,92 +16,49 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<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:+1234567890",
}}
button={{ text: "Call Now", href: "tel:+1234567890" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Home. Our Finest Work."
description="Expert plumbing and heating services with an unblemished 5-star record. Experience trust, precision, and excellence in every project we undertake."
avatars={[
{
src: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg",
alt: "Customer",
},
{
src: "https://pixabay.com/get/g29e5944cd2c96fa9b44250a8dd60919562b5bd91ec78072b014afdf5a9540376d06719a5056b4a43d21f6ce4e0083576b0ef7908a8d4f6b5de8ceb3c8c5110da_1280.jpg",
alt: "Customer",
},
{
src: "https://pixabay.com/get/g87fb214a0bbe4efd2de6bc5dab3951c3331c53d5367e5fb8c86338ba639326fa1bd71eb9ad05b872743a0895dc5002408cbc2c66668a7e64d066a426051dfc55_1280.jpg",
alt: "Customer",
},
{
src: "https://pixabay.com/get/gd1db6b8995b3dd4a5abc4f08b7651326ff892d97b5e7963071e67cd798bc3970f26ffe463c45093d78a8cbed07b4493c_1280.jpg",
alt: "Customer",
},
{
src: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg",
alt: "Customer",
},
{ src: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg", alt: "Customer" },
{ src: "https://pixabay.com/get/g29e5944cd2c96fa9b44250a8dd60919562b5bd91ec78072b014afdf5a9540376d06719a5056b4a43d21f6ce4e0083576b0ef7908a8d4f6b5de8ceb3c8c5110da_1280.jpg", alt: "Customer" },
{ src: "https://pixabay.com/get/g87fb214a0bbe4efd2de6bc5dab3951c3331c53d5367e5fb8c86338ba639326fa1bd71eb9ad05b872743a0895dc5002408cbc2c66668a7e64d066a426051dfc55_1280.jpg", alt: "Customer" },
{ src: "https://pixabay.com/get/gd1db6b8995b3dd4a5abc4f08b7651326ff892d97b5e7963071e67cd798bc3970f26ffe463c45093d78a8cbed07b4493c_1280.jpg", alt: "Customer" },
{ src: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg", alt: "Customer" }
]}
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" }
]}
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Support",
},
{
type: "text",
text: "Fully Licensed & Insured",
},
{
type: "text",
text: "15+ Years Experience",
},
{
type: "text",
text: "100% Satisfaction",
},
{
type: "text",
text: "Premium Home Services",
},
{ type: "text", text: "24/7 Emergency Support" },
{ type: "text", text: "Fully Licensed & Insured" },
{ type: "text", text: "15+ Years Experience" },
{ type: "text", text: "100% Satisfaction" },
{ type: "text", text: "Premium Home Services" }
]}
/>
</div>
@@ -110,52 +67,16 @@ export default function LandingPage() {
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Plumbing Repairs",
description: "Rapid response for all leakages and pipe issues.",
imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg?_wi=1",
imageAlt: "Plumbing",
},
{
id: 2,
title: "Heating Systems",
description: "Full efficiency optimization for your radiator systems.",
imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg?_wi=2",
imageAlt: "Heating",
},
{
id: 3,
title: "Boiler Servicing",
description: "Expert maintenance for reliable boiler operation.",
imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg?_wi=3",
imageAlt: "Boiler",
},
{
id: 4,
title: "Emergency Callouts",
description: "24/7 dedicated support for urgent home emergencies.",
imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg?_wi=4",
imageAlt: "Emergency",
},
{
id: 5,
title: "New Installations",
description: "Seamless professional setup of new systems.",
imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg?_wi=5",
imageAlt: "Installation",
},
{
id: 6,
title: "Maintenance Plans",
description: "Proactive plans to keep your systems running perfectly.",
imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg?_wi=6",
imageAlt: "Maintenance",
},
]}
title="Our Services"
description="Premium plumbing and heating solutions tailored to your home's needs."
features={[
{ id: 1, title: "Plumbing Repairs", description: "Rapid response for all leakages and pipe issues.", imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg", imageAlt: "Plumbing" },
{ id: 2, title: "Heating Systems", description: "Full efficiency optimization for your radiator systems.", imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg", imageAlt: "Heating" },
{ id: 3, title: "Boiler Servicing", description: "Expert maintenance for reliable boiler operation.", imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg", imageAlt: "Boiler" },
{ id: 4, title: "Emergency Callouts", description: "24/7 dedicated support for urgent home emergencies.", imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg", imageAlt: "Emergency" },
{ id: 5, title: "New Installations", description: "Seamless professional setup of new systems.", imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg", imageAlt: "Installation" },
{ id: 6, title: "Maintenance Plans", description: "Proactive plans to keep your systems running perfectly.", imageSrc: "https://pixabay.com/get/gbe3e9b94fcc70c73740c9ea2e49f4dcde081ed2ee6dc3ffe66b46064e2f4fa2b0db1157da23160d5b531e63838b9654e56ab21ee4e96d6d78f3af2173e177c9e_1280.jpg", imageAlt: "Maintenance" }
]}
/>
</div>
@@ -164,45 +85,15 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Reva Zoting",
handle: "@reva",
testimonial: "Staff arrived quickly and on schedule. Extremely clean work, didn't leave any mess behind.",
imageSrc: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg?_wi=1",
},
{
id: "2",
name: "Takendra Hawkins",
handle: "@takendra",
testimonial: "Efficient, qualified, and affable. They resolved the issue immediately.",
imageSrc: "https://pixabay.com/get/g29e5944cd2c96fa9b44250a8dd60919562b5bd91ec78072b014afdf5a9540376d06719a5056b4a43d21f6ce4e0083576b0ef7908a8d4f6b5de8ceb3c8c5110da_1280.jpg",
},
{
id: "3",
name: "Ashley Yancy",
handle: "@ashley",
testimonial: "Top-notch knowledge and speed in addressing the issue. Exceptional customer support.",
imageSrc: "https://pixabay.com/get/g87fb214a0bbe4efd2de6bc5dab3951c3331c53d5367e5fb8c86338ba639326fa1bd71eb9ad05b872743a0895dc5002408cbc2c66668a7e64d066a426051dfc55_1280.jpg",
},
{
id: "4",
name: "Hallie Collette",
handle: "@hallie",
testimonial: "The team's execution was truly remarkable. Flawless work, experience shone through.",
imageSrc: "https://pixabay.com/get/gd1db6b8995b3dd4a5abc4f08b7651326ff892d97b5e7963071e67cd798bc3970f26ffe463c45093d78a8cbed07b4493c_1280.jpg",
},
{
id: "5",
name: "Jordan Smith",
handle: "@jsmith",
testimonial: "Very professional and knowledgeable. Will definitely call them again.",
imageSrc: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg?_wi=2",
},
]}
title="Trusted by Homeowners"
description="5.0 star average rating across hundreds of projects."
testimonials={[
{ id: "1", name: "Reva Zoting", handle: "@reva", testimonial: "Staff arrived quickly and on schedule. Extremely clean work, didn't leave any mess behind.", imageSrc: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg" },
{ id: "2", name: "Takendra Hawkins", handle: "@takendra", testimonial: "Efficient, qualified, and affable. They resolved the issue immediately.", imageSrc: "https://pixabay.com/get/g29e5944cd2c96fa9b44250a8dd60919562b5bd91ec78072b014afdf5a9540376d06719a5056b4a43d21f6ce4e0083576b0ef7908a8d4f6b5de8ceb3c8c5110da_1280.jpg" },
{ id: "3", name: "Ashley Yancy", handle: "@ashley", testimonial: "Top-notch knowledge and speed in addressing the issue. Exceptional customer support.", imageSrc: "https://pixabay.com/get/g87fb214a0bbe4efd2de6bc5dab3951c3331c53d5367e5fb8c86338ba639326fa1bd71eb9ad05b872743a0895dc5002408cbc2c66668a7e64d066a426051dfc55_1280.jpg" },
{ id: "4", name: "Hallie Collette", handle: "@hallie", testimonial: "The team's execution was truly remarkable. Flawless work, experience shone through.", imageSrc: "https://pixabay.com/get/gd1db6b8995b3dd4a5abc4f08b7651326ff892d97b5e7963071e67cd798bc3970f26ffe463c45093d78a8cbed07b4493c_1280.jpg" },
{ id: "5", name: "Jordan Smith", handle: "@jsmith", testimonial: "Very professional and knowledgeable. Will definitely call them again.", imageSrc: "https://pixabay.com/get/gf2648b4e6bda7af60823a104b879bd2aa177fd3450bdccde434812ab5ed45680dade1034f9ac4c2a75a4865ce59bcb241ccb10c306fd5f8388746205e93517a2_1280.jpg" }
]}
/>
</div>
@@ -212,35 +103,22 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
description: "Years of Dedicated Experience",
},
{
id: "m2",
value: "500+",
description: "Happy Clients Served",
},
{
id: "m3",
value: "100%",
description: "Satisfaction Rate",
},
{
id: "m4",
value: "5.0",
description: "Star Average Rating",
},
]}
title="Decades of Excellence"
description="Professional plumbing and heating is not just a service—it's a craft."
metrics={[
{ id: "m1", value: "15+", description: "Years of Dedicated Experience" },
{ id: "m2", value: "500+", description: "Happy Clients Served" },
{ id: "m3", value: "100%", description: "Satisfaction Rate" },
{ id: "m4", value: "5.0", description: "Star Average Rating" }
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
title="What Clients Say"
description="See why homeowners trust our team for their plumbing needs."
names={["Alex", "Jamie", "Sam", "Taylor", "Jordan"]}
textboxLayout="default"
useInvertedBackground={false}
/>
@@ -249,14 +127,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="TJ Plumbing & Heating"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Call Now",
href: "tel:+1234567890",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Call Now", href: "tel:+1234567890" }}
/>
</div>
</ReactLenis>