Merge version_1 into main #2
@@ -11,8 +11,8 @@ import { Nunito } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'PlumbGuarantee Stellenbosch | Professional Plumbing Services',
|
||||
description: 'Looking for a reliable plumber in Stellenbosch? PlumbGuarantee offers fast, guaranteed plumbing repairs for homes and offices. Call us today!',
|
||||
title: 'PlumbGuarantee Stellenbosch',
|
||||
description: 'Your trusted plumbing professionals in Stellenbosch. Fast, reliable, and guaranteed repairs for all your residential and commercial plumbing needs.',
|
||||
keywords: ["plumber Stellenbosch, emergency plumbing Stellenbosch, geyser repairs, drain clearing"],
|
||||
};
|
||||
|
||||
|
||||
223
src/app/page.tsx
223
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PlumbGuarantee Stellenbosch"
|
||||
/>
|
||||
@@ -59,22 +44,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="PlumbGuarantee Stellenbosch"
|
||||
description="Your trusted plumbing professionals in Stellenbosch. Fast, reliable, and guaranteed repairs for all your residential and commercial plumbing needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "View Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/furniture-assembly-worker-uses-laptop-consult-instructions-handyman-doing-good-job_482257-24842.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/furniture-assembly-worker-uses-laptop-consult-instructions-handyman-doing-good-job_482257-24842.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -94,46 +71,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Quickly identify and resolve hidden leaks to save water and prevent damage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-scared-girl-holding-pipe-wrench-with-closed-eyes-angry-guy-holding-hoe-rake-hand-saw-looking-girl-shouting_141793-111984.jpg",
|
||||
imageAlt: "professional plumbing team portrait",
|
||||
},
|
||||
{
|
||||
title: "Drain Clearing",
|
||||
description: "Professional equipment to clear blocked drains and ensure flow.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furniture-assembly-worker-uses-laptop-consult-instructions-handyman-doing-good-job_482257-24842.jpg?_wi=2",
|
||||
imageAlt: "professional plumbing team portrait",
|
||||
},
|
||||
{
|
||||
title: "Geyser Installation",
|
||||
description: "Reliable geyser repairs and installations for your home.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg",
|
||||
imageAlt: "professional plumbing team portrait",
|
||||
},
|
||||
{
|
||||
title: "Pipe Maintenance",
|
||||
description: "Preventative care to extend the lifespan of your plumbing infrastructure.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-service-shower-bathtub-sink-drain-installation-tools-icons-set-abstract-solid-isolated-vector-illustration_98292-5458.jpg",
|
||||
imageAlt: "professional plumbing team portrait",
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response teams available 24/7 for critical plumbing incidents.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: AlertTriangle,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-service-4-flat-icons-square_1284-6041.jpg",
|
||||
imageAlt: "professional plumbing team portrait",
|
||||
},
|
||||
{ title: "Leak Detection", description: "Quickly identify and resolve hidden leaks to save water and prevent damage.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
{ title: "Drain Clearing", description: "Professional equipment to clear blocked drains and ensure flow.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Geyser Installation", description: "Reliable geyser repairs and installations for your home.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Pipe Maintenance", description: "Preventative care to extend the lifespan of your plumbing infrastructure.", bentoComponent: "reveal-icon", icon: Settings },
|
||||
{ title: "Emergency Repairs", description: "Rapid response teams available 24/7 for critical plumbing incidents.", bentoComponent: "reveal-icon", icon: AlertTriangle },
|
||||
]}
|
||||
title="Our Expert Plumbing Services"
|
||||
description="Comprehensive plumbing solutions tailored to your needs."
|
||||
@@ -142,39 +84,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: CheckCircle,
|
||||
title: "Jobs Completed",
|
||||
value: "2500+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "Response Time",
|
||||
value: "1 hr",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Happy Customers",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
icon: ThumbsUp,
|
||||
title: "Local Referrals",
|
||||
value: "90%",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
icon: Users,
|
||||
title: "Expert Staff",
|
||||
value: "15+",
|
||||
},
|
||||
{ id: "1", icon: CheckCircle, title: "Jobs Completed", value: "2500+" },
|
||||
{ id: "2", icon: Clock, title: "Response Time", value: "1 hr" },
|
||||
{ id: "3", icon: Award, title: "Happy Customers", value: "100%" },
|
||||
{ id: "4", icon: ThumbsUp, title: "Local Referrals", value: "90%" },
|
||||
{ id: "5", icon: Users, title: "Expert Staff", value: "15+" },
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Numbers that reflect our dedication to Stellenbosch residents."
|
||||
@@ -188,26 +106,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-making-frame-with-fingers_1149-1146.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Jane" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-making-frame-with-fingers_1149-1146.jpg", alt: "Anna" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -219,14 +122,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Stellenbosch Business Guild",
|
||||
"Cape Property Group",
|
||||
"Home Maintenance Partners",
|
||||
"Plumbing Association SA",
|
||||
"Local Certified Repairers",
|
||||
"Property Management Stellenbosch",
|
||||
"Stellenbosch Homeowners",
|
||||
]}
|
||||
"Stellenbosch Business Guild", "Cape Property Group", "Home Maintenance Partners", "Plumbing Association SA", "Local Certified Repairers", "Property Management Stellenbosch", "Stellenbosch Homeowners"]}
|
||||
title="Trusted Partners"
|
||||
description="We are proud to work with leading local businesses and associations."
|
||||
/>
|
||||
@@ -236,31 +132,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we offer emergency plumbing services in Stellenbosch 24/7.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, our team is fully insured and certified to work on residential properties.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long until you arrive?",
|
||||
content: "We aim to respond within 1 hour for urgent calls in Stellenbosch.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you provide written quotes?",
|
||||
content: "Yes, all our services start with a transparent, written quotation for your approval.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept EFT, major credit cards, and instant cash payments.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency services?", content: "Yes, we offer emergency plumbing services in Stellenbosch 24/7." },
|
||||
{ id: "f2", title: "Are you fully insured?", content: "Yes, our team is fully insured and certified to work on residential properties." },
|
||||
{ id: "f3", title: "How long until you arrive?", content: "We aim to respond within 1 hour for urgent calls in Stellenbosch." },
|
||||
{ id: "f4", title: "Do you provide written quotes?", content: "Yes, all our services start with a transparent, written quotation for your approval." },
|
||||
{ id: "f5", title: "What payment methods do you accept?", content: "We accept EFT, major credit cards, and instant cash payments." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -270,9 +146,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to get fixed?"
|
||||
description="Contact us today for a professional consultation and prompt repair."
|
||||
@@ -285,33 +159,16 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "021 555 1234",
|
||||
href: "tel:+27215551234",
|
||||
},
|
||||
{
|
||||
label: "support@plumbguarantee.co.za",
|
||||
href: "mailto:support@plumbguarantee.co.za",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "021 555 1234", href: "tel:+27215551234" },
|
||||
{ label: "support@plumbguarantee.co.za", href: "mailto:support@plumbguarantee.co.za" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user