bender/937985cf-0cde-4df2-a521-89bc0ee35ecd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-22 12:38:39 +00:00
parent fe218cd7f5
commit 18a39b1a2e
1 changed files with 41 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/app/page.tsx
View File

@@ -31,74 +31,35 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Projects",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Projects", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Mews Waterproofing"
button={{
text: "Call Now",
href: "tel:0682174337",
}}
text: "Call Now", href: "tel:0682174337"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Stop Leaks. Protect Property."
description="Professional waterproofing and roofing solutions in Johannesburg. Mews Waterproofing ensures your property stays dry, safe, and protected from the elements."
tag="Expert Roofing Services"
buttons={[
{
text: "Get A Quote",
href: "#contact",
},
{
text: "Call Us",
href: "tel:0682174337",
},
{ text: "Get A Quote", href: "#contact" },
{ text: "Call Us", href: "tel:0682174337" }
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1dm3c0SowGKUKj4d4HBvbJ5Xs/uploaded-1776861468007-fr2qwr1k.jpg?_wi=1",
imageAlt: "Mews Waterproofing Professional Team",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1dm3c0SowGKUKj4d4HBvbJ5Xs/uploaded-1776861468007-fr2qwr1k.jpg", imageAlt: "Mews Waterproofing Professional Team"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
imageAlt: "Roofing construction project",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
imageAlt: "Medium shot man working with protection helmet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
imageAlt: "Man with helmet working on roof full shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg",
imageAlt: "Low view man working on roof with a drill",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "Roofing construction project"
}
]}
mediaAnimation="slide-up"
rating={5}
@@ -111,21 +72,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why Choose Mews Waterproofing?"
metrics={[
{
icon: ShieldCheck,
label: "Years Experience",
value: "10+",
},
{
icon: Droplets,
label: "Waterproofing Projects",
value: "500+",
},
{
icon: MapPin,
label: "Johannesburg Coverage",
value: "Full",
},
{ icon: ShieldCheck, label: "Years Experience", value: "10+" },
{ icon: Droplets, label: "Waterproofing Projects", value: "500+" },
{ icon: MapPin, label: "Johannesburg Coverage", value: "Full" }
]}
metricsAnimation="slide-up"
/>
@@ -137,21 +86,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Droplets,
title: "Roof Waterproofing",
description: "High-quality sealing for all roof types to prevent water ingress.",
},
{
icon: Wrench,
title: "Roof Repairs",
description: "Fixed leaks, damaged tiles, and structural roof repairs efficiently.",
},
{
icon: Building,
title: "Full Roof Restoration",
description: "Complete rejuvenation of your roofing system for long-term durability.",
},
{ icon: Droplets, title: "Roof Waterproofing", description: "High-quality sealing for all roof types to prevent water ingress." },
{ icon: Wrench, title: "Roof Repairs", description: "Fixed leaks, damaged tiles, and structural roof repairs efficiently." },
{ icon: Building, title: "Full Roof Restoration", description: "Complete rejuvenation of your roofing system for long-term durability." }
]}
title="Our Specialized Roofing Services"
description="Comprehensive solutions tailored to your property needs."
@@ -165,42 +102,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Residential Roof Seal",
price: "Expert Job",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
},
{
id: "p2",
name: "Industrial Waterproofing",
price: "Reliable Solution",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
},
{
id: "p3",
name: "Tile Replacement",
price: "High Quality",
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
},
{
id: "p4",
name: "Commercial Leak Repair",
price: "Effective Fix",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15177.jpg",
},
{
id: "p5",
name: "Property Protection",
price: "Complete Service",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-paint_23-2149714286.jpg",
},
{
id: "p6",
name: "Structural Roofing",
price: "Expertise Guaranteed",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-paint-front-view_23-2149714285.jpg",
},
{ id: "p1", name: "Residential Roof Seal", price: "Expert Job", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg" },
{ id: "p2", name: "Industrial Waterproofing", price: "Reliable Solution", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" },
{ id: "p3", name: "Tile Replacement", price: "High Quality", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg" }
]}
title="Recent Projects"
description="Showcasing our craftsmanship across Bramely and wider Johannesburg."
@@ -214,27 +118,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "98%",
title: "Client Satisfaction",
description: "Consistently meeting expectations.",
icon: Smile,
},
{
id: "m2",
value: "12",
title: "Hour Response",
description: "Rapid turnaround on emergencies.",
icon: Clock,
},
{
id: "m3",
value: "5yr",
title: "Warranty",
description: "Guaranteed quality of work.",
icon: Award,
},
{ id: "m1", value: "98%", title: "Client Satisfaction", description: "Consistently meeting expectations.", icon: Smile },
{ id: "m2", value: "12", title: "Hour Response", description: "Rapid turnaround on emergencies.", icon: Clock },
{ id: "m3", value: "5yr", title: "Warranty", description: "Guaranteed quality of work.", icon: Award }
]}
title="Our Commitment To Quality"
description="Setting standards in the Johannesburg roofing industry."
@@ -248,26 +134,8 @@ export default function LandingPage() {
rating={5}
author="Sarah M."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-asian-senior-woman-buying-house-scream-joy-making-fist-pump-while-showing-paper-hous_1258-153668.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Customer",
},
{ src: "http://img.b2bpic.net/free-photo/cheerful-asian-senior-woman-buying-house-scream-joy-making-fist-pump-while-showing-paper-hous_1258-153668.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg", alt: "Customer" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -277,60 +145,33 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Protect Your Property Today"
description="Ready to fix your leaks or upgrade your roof? Reach out to us for a free inspection in Johannesburg."
buttons={[
{
text: "Call 068 217 4337",
href: "tel:0682174337",
},
]}
buttons={[{ text: "Call 068 217 4337", href: "tel:0682174337" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1dm3c0SowGKUKj4d4HBvbJ5Xs/uploaded-1776861468007-fr2qwr1k.jpg?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1dm3c0SowGKUKj4d4HBvbJ5Xs/uploaded-1776861468007-fr2qwr1k.jpg"
logoText="Mews Waterproofing"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Projects",
href: "#products",
},
],
title: "Navigation", items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
{ label: "Projects", href: "#products" }
]
},
{
title: "Contact",
items: [
{
label: "98 Forest Rd, Bramely, Johannesburg",
href: "#",
},
{
label: "068 217 4337",
href: "tel:0682174337",
},
],
},
title: "Contact", items: [
{ label: "98 Forest Rd, Bramely, Johannesburg", href: "#" },
{ label: "068 217 4337", href: "tel:0682174337" }
]
}
]}
copyrightText="© 2025 Mews Waterproofing"
/>
@@ -338,4 +179,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}