332 lines
12 KiB
TypeScript
332 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { Building, Droplets, Flame, Gauge, Waves, Wrench } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Gotcha Plumbing"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
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",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg?_wi=1"
|
||
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",
|
||
},
|
||
]}
|
||
avatarText="Trusted by 500+ Pretoria residents"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
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="Our Services"
|
||
description="Comprehensive plumbing solutions for your home and business."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<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."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
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",
|
||
},
|
||
]}
|
||
title="Customer Reviews"
|
||
description="What our clients in Pretoria are saying about us."
|
||
/>
|
||
</div>
|
||
|
||
<div id="hours" data-section="hours">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
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",
|
||
},
|
||
]}
|
||
title="Business Hours"
|
||
description="Ready to serve you during these times."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
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,
|
||
},
|
||
]}
|
||
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"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<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: "Navigation",
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Reviews",
|
||
href: "#testimonials",
|
||
},
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© Gotcha Plumbing"
|
||
bottomRightText="Serving Waterkloof, Pretoria & surrounding areas"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|