231 lines
11 KiB
TypeScript
231 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Briefcase, Building2, Box, Droplets, Hammer, Home, MapPin, PaintBucket, Square, Store, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "WhatsApp", id: "https://wa.me/27xxxxxxxxx" }
|
|
]}
|
|
brandName="Wealth Construction"
|
|
bottomLeftText="Based in KZN, Durban"
|
|
bottomRightText="info@wealthconstruction.co.za"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Wealth Construction"
|
|
description="Premium construction services in Durban - Painting, Roofing, Paving, Electrical, Plumbing, and more. Your trusted partner for quality craftsmanship."
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "contact" },
|
|
{ text: "Our Services", href: "services" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg"
|
|
imageAlt="Professional construction site in Durban"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Our Comprehensive Services"
|
|
description="We provide a full range of construction and renovation services to meet all your property needs in KZN Durban."
|
|
tag="Professional Solutions"
|
|
tagIcon={Hammer}
|
|
features={[
|
|
{
|
|
title: "Painting & Coating", description: "Professional interior and exterior painting services with premium finishes and attention to detail.", icon: PaintBucket,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg?_wi=1", imageAlt: "Professional painting services"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg?_wi=2", imageAlt: "Quality paint finish"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Roofing Solutions", description: "Expert roofing installation and repair services ensuring durability and weather protection for your property.", icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=1", imageAlt: "Professional roofing work"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=2", imageAlt: "Quality roof installation"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Electrical Work", description: "Licensed electrical installations, rewiring, and maintenance services meeting all safety standards.", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg?_wi=1", imageAlt: "Electrical installation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg?_wi=2", imageAlt: "Professional wiring"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Plumbing Services", description: "Complete plumbing solutions from installation to maintenance, ensuring efficient water systems.", icon: Droplets,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg?_wi=1", imageAlt: "Plumbing installation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg?_wi=2", imageAlt: "Professional plumbing work"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Wealth Construction - Your Trusted Partner in Quality Craftsmanship Since Establishment in Durban"
|
|
metrics={[
|
|
{ icon: Briefcase, label: "Services Offered", value: "11+" },
|
|
{ icon: Users, label: "Happy Clients", value: "500+" },
|
|
{ icon: Award, label: "Quality Guarantee", value: "100%" },
|
|
{ icon: MapPin, label: "Based in", value: "KZN Durban" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-full" data-section="features-full">
|
|
<FeatureCardTwentyFive
|
|
title="Complete Range of Services"
|
|
description="From paving and tarring to aluminum work, shopfitting, structures, turnkey building solutions, and custom cupboards - we handle every aspect of your construction project."
|
|
features={[
|
|
{
|
|
title: "Paving & Tarring", description: "Professional paving and tarring services for driveways, parking areas, and outdoor spaces with superior durability.", icon: Square,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg?_wi=3", imageAlt: "Paving services"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg?_wi=4", imageAlt: "Tarring work"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Aluminum & Metalwork", description: "Custom aluminum installations, railings, and metalwork featuring modern design and durability.", icon: Box,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=3", imageAlt: "Aluminum work"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=4", imageAlt: "Custom metalwork"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Shopfitting & Interiors", description: "Professional shopfitting services creating functional and attractive retail and office spaces.", icon: Store,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg?_wi=3", imageAlt: "Shopfitting work"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg?_wi=4", imageAlt: "Interior setup"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Turnkey Solutions", description: "Complete building projects from foundation to completion - we handle everything for your peace of mind.", icon: Building2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg?_wi=3", imageAlt: "Building construction"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg?_wi=4", imageAlt: "Completed project"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your property? Contact us today via WhatsApp or email. Our team in Durban is ready to provide expert guidance and professional solutions for your construction needs."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "WhatsApp Us", href: "https://wa.me/27xxxxxxxxx" },
|
|
{ text: "Send Email", href: "mailto:info@wealthconstruction.co.za" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Painting", href: "#services" },
|
|
{ label: "Roofing", href: "#services" },
|
|
{ label: "Electrical", href: "#services" },
|
|
{ label: "Plumbing", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Services", href: "#services" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/27xxxxxxxxx" },
|
|
{ label: "Email", href: "mailto:info@wealthconstruction.co.za" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "KZN, Durban", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Wealth Construction. All rights reserved. Based in KZN, Durban."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|