bender/2e43ee00-2df2-42db-a199-c7b7497213e8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-04 20:07:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +91 -47
1 changed files with 91 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/app/page.tsx
View File

@@ -35,7 +35,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
@@ -51,7 +51,8 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "078 633 2213", href: "tel:0786332213"}}
text: "078 633 2213", href: "tel:0786332213"
}}
animateOnLoad={true}
/>
</div>
@@ -63,18 +64,23 @@ export default function LandingPage() {
tag="Durban's Trusted Auto Body Shop"
tagIcon={Shield}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg", imageAlt: "Professional workshop interior with technicians"},
imageSrc: "http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg", imageAlt: "Professional workshop interior with technicians"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg", imageAlt: "Vehicle panel beating in progress"},
imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg", imageAlt: "Vehicle panel beating in progress"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg", imageAlt: "Clean organized workshop environment"},
imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg", imageAlt: "Clean organized workshop environment"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg?_wi=1", imageAlt: "Professional spray painting booth"},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg", imageAlt: "Professional spray painting booth"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580555.jpg", imageAlt: "Completed vehicle repair with perfect finish"},
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580555.jpg", imageAlt: "Completed vehicle repair with perfect finish"
},
]}
mediaAnimation="slide-up"
buttons={[
@@ -99,54 +105,66 @@ export default function LandingPage() {
title: "Panel Beating & Dent Removal", description: "Expert dent removal and panel straightening using advanced techniques and equipment. Precision work restores your vehicle's original contours.", icon: Hammer,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg", imageAlt: "Panel beating technician at work"},
imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg", imageAlt: "Panel beating technician at work"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cutting-small-piece-wood_23-2148640305.jpg", imageAlt: "Dent removal demonstration"},
imageSrc: "http://img.b2bpic.net/free-photo/cutting-small-piece-wood_23-2148640305.jpg", imageAlt: "Dent removal demonstration"
},
],
},
{
title: "Spray Painting & Color Matching", description: "Factory-quality spray painting with precise color matching. Professional finish that makes your vehicle look brand new.", icon: Palette,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg?_wi=2", imageAlt: "Spray painting in professional booth"},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-worker-protective-gloves-painting-wooden-details_181624-56454.jpg", imageAlt: "Spray painting in professional booth"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cooking-lollipops-shape-flag-ukraine_169016-19999.jpg", imageAlt: "Color matching equipment in action"},
imageSrc: "http://img.b2bpic.net/free-photo/cooking-lollipops-shape-flag-ukraine_169016-19999.jpg", imageAlt: "Color matching equipment in action"
},
],
},
{
title: "Accident Damage Repair", description: "Complete accident damage assessment and repair. From minor fender benders to major collision damage, we handle it all professionally.", icon: AlertTriangle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg?_wi=1", imageAlt: "Accident damage assessment"},
imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg", imageAlt: "Accident damage assessment"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1354.jpg", imageAlt: "Vehicle before and after repair"},
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1354.jpg", imageAlt: "Vehicle before and after repair"
},
],
},
{
title: "Rust Removal & Prevention", description: "Specialized rust treatment and prevention services. Protect your vehicle from corrosion with professional-grade solutions.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846056.jpg", imageAlt: "Rust removal treatment process"},
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846056.jpg", imageAlt: "Rust removal treatment process"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg", imageAlt: "Preventative coating application"},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg", imageAlt: "Preventative coating application"
},
],
},
{
title: "Bumper & Trim Repairs", description: "Expert bumper and plastic trim repair and replacement. Seamless integration with your vehicle's bodywork.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/preparing-car-before-spray-painting_1157-36582.jpg", imageAlt: "Bumper repair and refinishing"},
imageSrc: "http://img.b2bpic.net/free-photo/preparing-car-before-spray-painting_1157-36582.jpg", imageAlt: "Bumper repair and refinishing"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-woman-master-glassmaker-work_268835-7411.jpg", imageAlt: "Plastic trim restoration"},
imageSrc: "http://img.b2bpic.net/free-photo/hand-woman-master-glassmaker-work_268835-7411.jpg", imageAlt: "Plastic trim restoration"
},
],
},
{
title: "Insurance Claims Assistance", description: "Streamlined insurance claim processing with direct insurer communication. We handle the paperwork so you don't have to.", icon: FileText,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-unrecognizable-couple-signing-contract-with-financial-advisor_637285-11092.jpg", imageAlt: "Insurance documentation support"},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-unrecognizable-couple-signing-contract-with-financial-advisor_637285-11092.jpg", imageAlt: "Insurance documentation support"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-signing-business-contract-filling-document-form-meeting-closeup_1163-4629.jpg", imageAlt: "Claims management process"},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-signing-business-contract-filling-document-form-meeting-closeup_1163-4629.jpg", imageAlt: "Claims management process"
},
],
},
]}
@@ -168,17 +186,23 @@ export default function LandingPage() {
tagAnimation="slide-up"
products={[
{
id: "before-after-1", name: "Fender Damage Repair", price: "From R 1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-wheel-mud-guard_107420-94935.jpg", imageAlt: "Before and after fender repair"},
id: "before-after-1", name: "Fender Damage Repair", price: "From R 1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-wheel-mud-guard_107420-94935.jpg", imageAlt: "Before and after fender repair"
},
{
id: "before-after-2", name: "Rear Panel Damage", price: "From R 2,800", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg", imageAlt: "Before and after panel damage repair"},
id: "before-after-2", name: "Rear Panel Damage", price: "From R 2,800", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg", imageAlt: "Before and after panel damage repair"
},
{
id: "before-after-3", name: "Accident Damage", price: "From R 4,500", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg?_wi=2", imageAlt: "Before and after accident repair"},
id: "before-after-3", name: "Accident Damage", price: "From R 4,500", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg", imageAlt: "Before and after accident repair"
},
{
id: "before-after-4", name: "Door Handle & Trim", price: "From R 800", imageSrc: "http://img.b2bpic.net/free-photo/vintage-door-with-antique-door-handle_181624-20156.jpg", imageAlt: "Before and after trim repair"},
id: "before-after-4", name: "Door Handle & Trim", price: "From R 800", imageSrc: "http://img.b2bpic.net/free-photo/vintage-door-with-antique-door-handle_181624-20156.jpg", imageAlt: "Before and after trim repair"
},
{
id: "before-after-5", name: "Roof Damage", price: "From R 3,200", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Before and after roof repair"},
id: "before-after-5", name: "Roof Damage", price: "From R 3,200", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Before and after roof repair"
},
{
id: "before-after-6", name: "Multi-Panel Restoration", price: "From R 5,800", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg", imageAlt: "Before and after complete restoration"},
id: "before-after-6", name: "Multi-Panel Restoration", price: "From R 5,800", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg", imageAlt: "Before and after complete restoration"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -198,7 +222,8 @@ export default function LandingPage() {
tagIcon={CheckCircle}
tagAnimation="slide-up"
names={[
"MIWA Certified", "Insurance Approved", "4.8★ Google Rated", "500+ Vehicles Restored", "15+ Years Experience", "Same-Day Quotes", "12-Month Warranty"]}
"MIWA Certified", "Insurance Approved", "4.8★ Google Rated", "500+ Vehicles Restored", "15+ Years Experience", "Same-Day Quotes", "12-Month Warranty"
]}
textboxLayout="default"
useInvertedBackground={true}
speed={40}
@@ -211,7 +236,8 @@ export default function LandingPage() {
<TextSplitAbout
title="About Vato's Panel & Paint"
description={[
"Vato's Panel and Paint Pty Ltd has been serving the Durban community for over 15 years. Founded on principles of excellence and integrity, we've earned a reputation as Durban's most trusted auto body repair shop.", "Our state-of-the-art facility on Sarnia Road features professional technicians trained in the latest panel beating, spray painting, and collision repair techniques. We work directly with insurance companies to streamline the claims process and reduce your stress.", "Every vehicle that enters our workshop receives the same meticulous attention to detail. We guarantee workmanship on all repairs with a comprehensive 12-month warranty. Your satisfaction is our priority."]}
"Vato's Panel and Paint Pty Ltd has been serving the Durban community for over 15 years. Founded on principles of excellence and integrity, we've earned a reputation as Durban's most trusted auto body repair shop.", "Our state-of-the-art facility on Sarnia Road features professional technicians trained in the latest panel beating, spray painting, and collision repair techniques. We work directly with insurance companies to streamline the claims process and reduce your stress.", "Every vehicle that enters our workshop receives the same meticulous attention to detail. We guarantee workmanship on all repairs with a comprehensive 12-month warranty. Your satisfaction is our priority."
]}
showBorder={true}
useInvertedBackground={false}
buttons={[{ text: "Request Free Inspection", href: "#contact" }]}
@@ -229,13 +255,17 @@ export default function LandingPage() {
tagAnimation="slide-up"
members={[
{
id: "1", name: "Vato Mthembu", role: "Owner & Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-handsome-car-mechanic-holding-wrenches-front-automobile-with-opened-hood_342744-261.jpg", imageAlt: "Portrait of Vato Mthembu"},
id: "1", name: "Vato Mthembu", role: "Owner & Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-handsome-car-mechanic-holding-wrenches-front-automobile-with-opened-hood_342744-261.jpg", imageAlt: "Portrait of Vato Mthembu"
},
{
id: "2", name: "Thabo Dlamini", role: "Senior Panel Beater", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "Portrait of Thabo Dlamini"},
id: "2", name: "Thabo Dlamini", role: "Senior Panel Beater", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "Portrait of Thabo Dlamini"
},
{
id: "3", name: "Simone Pieterse", role: "Spray Painting Specialist", imageSrc: "http://img.b2bpic.net/free-photo/worker-painting-wall-with-spray-gun-white-color_176420-3503.jpg", imageAlt: "Portrait of Simone Pieterse"},
id: "3", name: "Simone Pieterse", role: "Spray Painting Specialist", imageSrc: "http://img.b2bpic.net/free-photo/worker-painting-wall-with-spray-gun-white-color_176420-3503.jpg", imageAlt: "Portrait of Simone Pieterse"
},
{
id: "4", name: "Khalid Hassan", role: "Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "Portrait of Khalid Hassan"},
id: "4", name: "Khalid Hassan", role: "Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "Portrait of Khalid Hassan"
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="scale-rotate"
@@ -255,22 +285,28 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarahj_durban", testimonial: "Had a bad accident on the N3. Vato's fixed my car better than new. Insurance claim was handled perfectly. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg?_wi=1", imageAlt: "Avatar of Sarah Johnson"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Avatar of Sarah Johnson"
},
{
id: "2", name: "Michael Chen", handle: "@mchen_kzn", testimonial: "Excellent work on my panel damage. The team was professional, transparent on pricing, and finished in 3 days. Will definitely return.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg?_wi=2", imageAlt: "Avatar of Michael Chen"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Avatar of Michael Chen"
},
{
id: "3", name: "Emily Rodriguez", handle: "@emily_repairs", testimonial: "The spray painting is flawless. Color match is perfect. They treated my vehicle like their own. Best auto body shop in Durban!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Avatar of Emily Rodriguez"},
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Avatar of Emily Rodriguez"
},
{
id: "4", name: "David Kim", handle: "@david_durban", testimonial: "Called for same-day quote after a fender bender. They came through! Fast service, honest pricing, and the warranty gives me peace of mind.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Avatar of David Kim"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Avatar of David Kim"
},
{
id: "5", name: "Amara Okonkwo", handle: "@amara_kzn", testimonial: "First time using an auto body shop. Vato's made it painless. Staff explained everything clearly. Accident damage completely resolved.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg?_wi=3", imageAlt: "Avatar of Amara Okonkwo"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Avatar of Amara Okonkwo"
},
{
id: "6", name: "James Peterson", handle: "@james_peterz", testimonial: "Insurance referral was perfect. They managed my claim start to finish. Vehicle looks factory-fresh. Exceptional service all around!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg?_wi=4", imageAlt: "Avatar of James Peterson"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Avatar of James Peterson"
},
]}
showRating={true}
animationType="depth-3d"
@@ -291,19 +327,26 @@ export default function LandingPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "How long does a typical repair take?", content: "Most repairs take 3-7 days depending on complexity. Minor dent removal might be done in 1-2 days, while multi-panel accident damage can take up to 2 weeks. We provide accurate time estimates during your free consultation."},
id: "1", title: "How long does a typical repair take?", content: "Most repairs take 3-7 days depending on complexity. Minor dent removal might be done in 1-2 days, while multi-panel accident damage can take up to 2 weeks. We provide accurate time estimates during your free consultation."
},
{
id: "2", title: "Do you work with insurance companies?", content: "Yes! We're insurance-approved and handle direct claims with major insurers. We manage all paperwork and communicate directly with your insurer, so you don't have to. This often speeds up the entire process."},
id: "2", title: "Do you work with insurance companies?", content: "Yes! We're insurance-approved and handle direct claims with major insurers. We manage all paperwork and communicate directly with your insurer, so you don't have to. This often speeds up the entire process."
},
{
id: "3", title: "What's your warranty on repairs?", content: "We provide a comprehensive 12-month workmanship warranty on all repairs. If any issue arises from our work, we'll fix it at no cost. This is our commitment to quality."},
id: "3", title: "What's your warranty on repairs?", content: "We provide a comprehensive 12-month workmanship warranty on all repairs. If any issue arises from our work, we'll fix it at no cost. This is our commitment to quality."
},
{
id: "4", title: "How accurate is your free quote?", content: "Our free in-person inspection provides a detailed, binding quote. We inspect damage thoroughly and provide transparent pricing with no hidden costs. Phone quotes are estimates; final quote confirmed on-site."},
id: "4", title: "How accurate is your free quote?", content: "Our free in-person inspection provides a detailed, binding quote. We inspect damage thoroughly and provide transparent pricing with no hidden costs. Phone quotes are estimates; final quote confirmed on-site."
},
{
id: "5", title: "Can you match my car's original paint color?", content: "Absolutely! We use professional color-matching software and techniques to ensure perfect paint matching. Our spray booth produces factory-quality finishes that are indistinguishable from original paint."},
id: "5", title: "Can you match my car's original paint color?", content: "Absolutely! We use professional color-matching software and techniques to ensure perfect paint matching. Our spray booth produces factory-quality finishes that are indistinguishable from original paint."
},
{
id: "6", title: "Do you offer emergency/after-hours service?", content: "For emergency towing and accident assistance, contact us at 078 633 2213. Limited after-hours support available. We prioritize same-day inspections for urgent cases."},
id: "6", title: "Do you offer emergency/after-hours service?", content: "For emergency towing and accident assistance, contact us at 078 633 2213. Limited after-hours support available. We prioritize same-day inspections for urgent cases."
},
{
id: "7", title: "What areas do you serve?", content: "We're located in Bellair, Durban and serve the greater Durban area including Umhlanga, Westville, Berea, and surrounding suburbs. We can arrange collection/delivery for vehicles outside immediate radius."},
id: "7", title: "What areas do you serve?", content: "We're located in Bellair, Durban and serve the greater Durban area including Umhlanga, Westville, Berea, and surrounding suburbs. We can arrange collection/delivery for vehicles outside immediate radius."
},
]}
faqsAnimation="slide-up"
textboxLayout="default"
@@ -321,7 +364,7 @@ export default function LandingPage() {
{ text: "Call: 078 633 2213", href: "tel:0786332213" },
{ text: "Get Free Quote", href: "#contact" },
]}
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
ariaLabel="Contact call-to-action section"
/>
@@ -350,7 +393,8 @@ export default function LandingPage() {
{
items: [
{
label: "Location", href: "https://maps.google.com/?q=1065+Sarnia+Rd,+Bellair,+Durban,+4600"},
label: "Location", href: "https://maps.google.com/?q=1065+Sarnia+Rd,+Bellair,+Durban,+4600"
},
{ label: "Phone", href: "tel:0786332213" },
{ label: "WhatsApp", href: "https://wa.me/27786332213" },
{ label: "Email", href: "mailto:info@vatospanel.co.za" },