9 Commits

Author SHA1 Message Date
62475de078 Merge version_3 into main
Merge version_3 into main
2026-03-04 20:36:38 +00:00
7bf793f6d2 Update src/app/page.tsx 2026-03-04 20:36:28 +00:00
3bfe53e158 Merge version_2 into main
Merge version_2 into main
2026-03-04 20:34:20 +00:00
3655e77b6c Update src/app/page.tsx 2026-03-04 20:34:16 +00:00
ac9e8d658a Update src/app/layout.tsx 2026-03-04 20:34:16 +00:00
d191df2669 Merge version_1 into main
Merge version_1 into main
2026-03-04 20:09:44 +00:00
7fe7f56659 Merge version_1 into main
Merge version_1 into main
2026-03-04 20:08:59 +00:00
42892c5c78 Merge version_1 into main
Merge version_1 into main
2026-03-04 20:07:21 +00:00
f65590ef0c Merge version_1 into main
Merge version_1 into main
2026-03-04 20:05:39 +00:00
2 changed files with 56 additions and 43 deletions

View File

@@ -1,57 +1,59 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Panel Beating & Spray Painting Durban | Vato's Auto Body Shop", description: "Expert panel beating, spray painting & collision repair in Durban. Insurance-approved shop with 15+ years experience. Free quotes, same-day service. Call 078 633 2213.", keywords: "panel beating durban, auto body shop durban, spray painting durban, collision repair, vehicle damage repair bellair", metadataBase: new URL("https://vatospanel.co.za"),
alternates: {
canonical: "https://vatospanel.co.za"},
title: "Vato's Panel & Paint | Auto Body Repair Durban", description: "Expert panel beating, spray painting & collision repairs in Durban. Insurance-approved auto body shop with 15+ years experience. Free quotes available.", keywords: [
"panel beating durban", "spray painting durban", "auto body repair durban", "collision repair", "car dent removal", "vehicle restoration", "insurance approved repairs"],
authors: [{ name: "Vato's Panel & Paint" }],
openGraph: {
title: "Vato's Panel and Paint - Durban's Trusted Auto Body Shop", description: "Expert panel beating and spray painting services. Insurance-approved repairs with 12-month warranty. Free quotes available.", url: "https://vatospanel.co.za", siteName: "Vato's Panel and Paint", images: [
{
url: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580555.jpg", alt: "Professional vehicle repair and restoration"},
],
type: "website"},
twitter: {
card: "summary_large_image", title: "Expert Auto Body Repair in Durban", description: "Panel beating, spray painting & collision repair. 15+ years trusted service.", images: ["http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg"],
},
robots: {
index: true,
follow: true,
},
title: "Vato's Panel & Paint | Auto Body Repair Durban", description: "Professional panel beating and spray painting services in Durban", type: "website", locale: "en_ZA"},
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="geo.placename" content="Durban, South Africa" />
<meta name="geo.position" content="-29.8587;31.0218" />
<meta name="ICBM" content="-29.8587, 31.0218" />
<meta name="business:contact_data:street_address" content="1065 Sarnia Road" />
<meta name="business:contact_data:locality" content="Bellair" />
<meta name="business:contact_data:region" content="KwaZulu-Natal" />
<meta name="business:contact_data:postal_code" content="4600" />
<meta name="business:contact_data:country_name" content="South Africa" />
<meta name="business:contact_data:phone_number" content="+27 78 633 2213" />
<script type="application/ld+json">
{JSON.stringify({
"@context": "https://schema.org", "@type": "LocalBusiness", "name": "Vato's Panel & Paint Pty Ltd", "image": "https://example.com/logo.jpg", "description": "Professional auto body repair and panel beating shop in Durban", "address": {
"@type": "PostalAddress", "streetAddress": "1065 Sarnia Road", "addressLocality": "Bellair", "addressRegion": "KwaZulu-Natal", "postalCode": "4600", "addressCountry": "ZA"
},
"telephone": "+27786332213", "url": "https://vatospanel.co.za", "priceRange": "R$$", "areaServed": [
"Durban", "Umhlanga", "Westville", "Berea", "KwaZulu-Natal"
],
"sameAs": [
"https://www.facebook.com/vatospanelpaint", "https://wa.me/27786332213"
],
"serviceArea": {
"@type": "Place", "name": "Durban and surrounding areas"
},
"aggregateRating": {
"@type": "AggregateRating", "ratingValue": "4.8", "bestRating": "5", "worstRating": "1", "ratingCount": "500"
}
})}
</script>
</head>
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1419,7 +1421,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -25,9 +25,20 @@ import {
Users,
Star,
HelpCircle,
MapPin,
Phone,
MessageCircle,
} from "lucide-react";
export default function LandingPage() {
const handleWhatsAppClick = () => {
window.open("https://wa.me/27786332213?text=Hi%20Vato's%20Panel%20%26%20Paint%2C%20I'd%20like%20to%20get%20a%20quote", "_blank");
};
const handlePhoneClick = () => {
window.location.href = "tel:0786332213";
};
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -48,7 +59,8 @@ export default function LandingPage() {
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
button={{
text: "078 633 2213", href: "tel:0786332213"
@@ -60,7 +72,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Expert Panel Beating & Spray Painting in Durban"
description="Family-owned auto body shop restoring vehicles to factory finish. Insurance-approved repairs with free quotes. Same-day inspection available. Call now for immediate assistance."
description="Family-owned auto body shop restoring vehicles to factory finish. Insurance-approved repairs with free quotes. Same-day inspection available. Professional technicians with 15+ years experience."
tag="Durban's Trusted Auto Body Shop"
tagIcon={Shield}
tagAnimation="slide-up"
@@ -84,7 +96,7 @@ export default function LandingPage() {
]}
mediaAnimation="slide-up"
buttons={[
{ text: "Call Now: 078 633 2213", href: "tel:0786332213" },
{ text: "Get Free Inspection", href: "tel:0786332213" },
{ text: "Get Free Quote", href: "#contact" },
]}
buttonAnimation="slide-up"
@@ -361,7 +373,7 @@ export default function LandingPage() {
animationType="entrance-slide"
buttons={[
{ text: "Call: 078 633 2213", href: "tel:0786332213" },
{ text: "Get Free Quote", href: "#contact" },
{ text: "WhatsApp Us", href: "https://wa.me/27786332213?text=Hi%20Vato's%20Panel%20%26%20Paint%2C%20I'd%20like%20to%20get%20a%20quote" },
]}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}