bender/be3e4eb5-c8f4-4fbb-95bb-4607ea024ef8
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-05-19 19:00:54 +00:00
parent 5c87c19710
commit 07c3302448
1 changed files with 40 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

248
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Gotcha Plumbing"
/>
@@ -56,38 +44,17 @@ export default function LandingPage() {
title="Pretoria's Most Trusted Plumbers"
description="Fast, reliable plumbing across Waterkloof & greater Pretoria"
buttons={[
{
text: "Call Now",
href: "tel:0827764138",
},
{
text: "WhatsApp Us",
href: "https://wa.me/27827764138",
},
{ text: "Call Now", href: "tel:0827764138" },
{ text: "WhatsApp Us", href: "https://wa.me/27827764138" },
]}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg"
imageAlt="professional plumber at work"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
alt: "alone specialist handsome daydreaming collar",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
alt: "Close up portrait of smiling beautiful woman years old wearing corporate clothing looking happy",
},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
alt: "black businessman happy expression",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
alt: "Attractive blond business woman in a white shirt, eyeglasses and crossed arms over grey background.",
},
{
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
alt: "Man on the street using mobile phone",
},
{ src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "alone specialist handsome daydreaming collar" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg", alt: "smiling beautiful woman" },
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg", alt: "black businessman" },
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "attractive blond woman" },
{ src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "man on street" },
]}
avatarText="Trusted by 500+ Pretoria residents"
/>
@@ -99,62 +66,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Leak Detection & Repair",
description: "Accurate detection and permanent repairs for leaks.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg",
imageAlt: "drain cleaning icon",
},
{
title: "Geyser Installation",
description: "Professional installation, repair, and replacement services.",
bentoComponent: "reveal-icon",
icon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg?_wi=2",
imageAlt: "drain cleaning icon",
},
{
title: "Drain & Sewer Cleaning",
description: "Expert solutions for clogged pipes and sewer lines.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-vector/water-filtering-system-abstract-concept-vector-illustration-water-filtering-innovative-solution-home-treatment-system-drinking-water-delivery-service-whole-house-filtration-abstract-metaphor_335657-5756.jpg?_wi=1",
imageAlt: "drain cleaning icon",
},
{
title: "Tap & Toilet Repairs",
description: "Fixing taps, showers, and toilets with ease.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-flat-icons-collection_1284-10976.jpg?_wi=1",
imageAlt: "drain cleaning icon",
},
{
title: "Water Heater & Tanks",
description: "Reliable installation for all heating and storage needs.",
bentoComponent: "reveal-icon",
icon: Gauge,
imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-collection_98292-2236.jpg",
imageAlt: "drain cleaning icon",
},
{
title: "Pool & Outdoor",
description: "Specialized outdoor and pool plumbing maintenance.",
bentoComponent: "reveal-icon",
icon: Waves,
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg",
imageAlt: "drain cleaning icon",
},
{
title: "Commercial Maintenance",
description: "General plumbing maintenance for commercial spaces.",
bentoComponent: "reveal-icon",
icon: Building,
imageSrc: "http://img.b2bpic.net/free-vector/swimming-icons_1057-1574.jpg",
imageAlt: "drain cleaning icon",
},
{ title: "Leak Detection & Repair", description: "Accurate detection and permanent repairs for leaks.", bentoComponent: "reveal-icon", icon: Droplets },
{ title: "Geyser Installation", description: "Professional installation, repair, and replacement services.", bentoComponent: "reveal-icon", icon: Flame },
{ title: "Drain & Sewer Cleaning", description: "Expert solutions for clogged pipes and sewer lines.", bentoComponent: "reveal-icon", icon: Wrench },
{ title: "Tap & Toilet Repairs", description: "Fixing taps, showers, and toilets with ease.", bentoComponent: "reveal-icon", icon: Droplets },
{ title: "Water Heater & Tanks", description: "Reliable installation for all heating and storage needs.", bentoComponent: "reveal-icon", icon: Gauge },
{ title: "Pool & Outdoor", description: "Specialized outdoor and pool plumbing maintenance.", bentoComponent: "reveal-icon", icon: Waves },
{ title: "Commercial Maintenance", description: "General plumbing maintenance for commercial spaces.", bentoComponent: "reveal-icon", icon: Building },
]}
title="Our Services"
description="Comprehensive plumbing solutions for your home and business."
@@ -165,7 +83,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Why Choose Gotcha Plumbing"
description="With over 15 years of experience in the Pretoria plumbing industry, we pride ourselves on punctuality, transparency, and high-quality workmanship. Whether it's a minor leak or a complex installation, our team handles every project with the utmost care and professional precision."
buttons={[]}
/>
</div>
@@ -175,48 +93,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Gabriel Pereira",
role: "Customer",
testimonial: "Professional, friendly and efficient. Arrived on time and explained everything clearly.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
},
{
id: "2",
name: "Angelique Michau",
role: "Customer",
testimonial: "Walter is exceptional! Always available and very knowledgeable. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-showing-thumb-up-doing-money-gesture_141793-58035.jpg",
},
{
id: "3",
name: "Lesley Tripodi",
role: "Customer",
testimonial: "Quick, reliable and always follows up to explain the process. 10/10 STARS.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
},
{
id: "4",
name: "Rachelle Redelinghuys",
role: "Customer",
testimonial: "We felt comfortable leaving him keys to our home. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
},
{
id: "5",
name: "Lizel Oosthuizen",
role: "Customer",
testimonial: "Excellent and so quick. Walter even fitted a gutter downpipe!",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
},
{
id: "6",
name: "Kobus van Schalkwyk",
role: "Customer",
testimonial: "Sorted our burst geyser over the festive season. Professional and reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2727.jpg",
},
{ id: "1", name: "Gabriel Pereira", role: "Customer", testimonial: "Professional, friendly and efficient. Arrived on time and explained everything clearly.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg" },
{ id: "2", name: "Angelique Michau", role: "Customer", testimonial: "Walter is exceptional! Always available and very knowledgeable. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-showing-thumb-up-doing-money-gesture_141793-58035.jpg" },
{ id: "3", name: "Lesley Tripodi", role: "Customer", testimonial: "Quick, reliable and always follows up to explain the process. 10/10 STARS.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" },
{ id: "4", name: "Rachelle Redelinghuys", role: "Customer", testimonial: "We felt comfortable leaving him keys to our home. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
{ id: "5", name: "Lizel Oosthuizen", role: "Customer", testimonial: "Excellent and so quick. Walter even fitted a gutter downpipe!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
{ id: "6", name: "Kobus van Schalkwyk", role: "Customer", testimonial: "Sorted our burst geyser over the festive season. Professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2727.jpg" },
]}
title="Customer Reviews"
description="What our clients in Pretoria are saying about us."
@@ -229,20 +111,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "h1",
value: "Mon–Sat",
title: "Operating Days",
description: "7am – 5pm",
imageSrc: "http://img.b2bpic.net/free-vector/water-filtering-system-abstract-concept-vector-illustration-water-filtering-innovative-solution-home-treatment-system-drinking-water-delivery-service-whole-house-filtration-abstract-metaphor_335657-5756.jpg?_wi=2",
},
{
id: "h2",
value: "Sunday",
title: "Operating Days",
description: "Closed",
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-flat-icons-collection_1284-10976.jpg?_wi=2",
},
{ id: "h1", value: "Mon–Sat", title: "Operating Days", description: "7am – 5pm", imageSrc: "http://img.b2bpic.net/free-vector/water-filtering-system-abstract-concept-vector-illustration-water-filtering-innovative-solution-home-treatment-system-drinking-water-delivery-service-whole-house-filtration-abstract-metaphor_335657-5756.jpg" },
{ id: "h2", value: "Sunday", title: "Operating Days", description: "Closed", imageSrc: "http://img.b2bpic.net/free-vector/plumbing-flat-icons-collection_1284-10976.jpg" },
]}
title="Business Hours"
description="Ready to serve you during these times."
@@ -255,25 +125,10 @@ export default function LandingPage() {
title="Contact Gotcha Plumbing"
description="Reach out for fast and reliable plumbing assistance in Pretoria."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Describe your plumbing issue",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Describe your plumbing issue", rows: 4, required: true }}
buttonText="Submit Inquiry"
imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg"
/>
@@ -283,41 +138,18 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Contact",
items: [
{
label: "Phone: 082 776 4138",
href: "tel:0827764138",
},
{
label: "WhatsApp: wa.me/27827764138",
href: "https://wa.me/27827764138",
},
{
label: "235 Long St, Waterkloof",
href: "#",
},
title: "Contact", items: [
{ label: "Phone: 082 776 4138", href: "tel:0827764138" },
{ label: "WhatsApp: wa.me/27827764138", href: "https://wa.me/27827764138" },
{ label: "235 Long St, Waterkloof" },
],
},
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#services",
},
{
label: "Reviews",
href: "#testimonials",
},
{
label: "Contact",
href: "#contact",
},
title: "Navigation", items: [
{ label: "Home", href: "#hero" },
{ label: "Services", href: "#services" },
{ label: "Reviews", href: "#testimonials" },
{ label: "Contact", href: "#contact" },
],
},
]}