bender/d9976d55-be9b-4f30-8b3c-b3b7d4e9158a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
d62c3e1190 Update src/app/page.tsx 2026-03-09 06:50:37 +00:00
bender
c22c94bb54 Update src/app/layout.tsx 2026-03-09 06:50:36 +00:00
bender
2b1db9d409 Merge version_1 into main 
Merge version_1 into main
 2026-03-09 06:49:40 +00:00
bender
3fdc4421b9 Merge version_1 into main 
Merge version_1 into main
 2026-03-09 06:48:55 +00:00
bender
a249536ba1 Merge version_1 into main 
Merge version_1 into main
 2026-03-09 06:47:39 +00:00
2 changed files with 94 additions and 1460 deletions
Expand all files Collapse all files

1430
src/app/layout.tsx
View File

File diff suppressed because it is too large Load Diff

124
src/app/page.tsx
View File

@@ -41,7 +41,8 @@ export default function HomePage() {
brandName="North Shore Panel & Paint" brandName="North Shore Panel & Paint"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Get Free Quote", href: "#contact"}} text: "Get Free Quote", href: "#contact"
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -50,31 +51,39 @@ export default function HomePage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
title="Your Car Deserves a Perfect Repair" title="Your Car Deserves a Perfect Repair"
description="Trusted panel beating and paint specialists delivering fast, honest, high-quality repairs across the Sunshine Coast. We restore vehicles to showroom condition with transparent pricing and exceptional care." description="Certified | Insured | Award-Winning — Trusted panel beating and paint specialists delivering fast, honest, high-quality repairs across the Sunshine Coast. We restore vehicles to showroom condition with transparent pricing and exceptional care."
tag="Premium Auto Body Repair" tag="Premium Auto Body Repair"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Get Free Quote", href: "#contact"}, text: "Get Free Quote", href: "#contact"
},
{ {
text: "Call Now", href: "tel:0499906973"}, text: "Call Now", href: "tel:0499906973"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-spraying-powder-paint-car-door-side-view_23-2149714305.jpg", imageAlt: "Luxury car being polished to perfection"}, imageSrc: "http://img.b2bpic.net/free-photo/man-spraying-powder-paint-car-door-side-view_23-2149714305.jpg", imageAlt: "Luxury car being polished to perfection"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/repairman-preparing-car-painting-workshop_342744-790.jpg?_wi=1", imageAlt: "Professional paint booth application"}, imageSrc: "http://img.b2bpic.net/free-photo/repairman-preparing-car-painting-workshop_342744-790.jpg?_wi=1", imageAlt: "Professional paint booth application"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/car-garage-guy-work-clothes-black-beard_1157-46157.jpg", imageAlt: "Expert panel beating technician at work"}, imageSrc: "http://img.b2bpic.net/free-photo/car-garage-guy-work-clothes-black-beard_1157-46157.jpg", imageAlt: "Expert panel beating technician at work"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1414.jpg?_wi=1", imageAlt: "Hail damage restoration showcase"}, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1414.jpg?_wi=1", imageAlt: "Hail damage restoration showcase"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-is-calling-insurrance-company-claiming-his-car-crash-damaged-road-accident_1150-6412.jpg?_wi=1", imageAlt: "Collision repair transformation"}, imageSrc: "http://img.b2bpic.net/free-photo/man-is-calling-insurrance-company-claiming-his-car-crash-damaged-road-accident_1150-6412.jpg?_wi=1", imageAlt: "Collision repair transformation"
},
]} ]}
background={{ background={{
variant: "plain"}} variant: "plain"
}}
className="w-full" className="w-full"
containerClassName="px-4 md:px-8" containerClassName="px-4 md:px-8"
textBoxClassName="text-center" textBoxClassName="text-center"
@@ -92,11 +101,14 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
metrics={[ metrics={[
{ {
id: "1", value: "24-48hrs", description: "Average Turnaround"}, id: "1", value: "24-48hrs", description: "Average Turnaround"
},
{ {
id: "2", value: "100%", description: "Transparent Pricing"}, id: "2", value: "100%", description: "Transparent Pricing"
},
{ {
id: "3", value: "5★", description: "Customer Rated"}, id: "3", value: "5★", description: "Customer Rated"
},
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
@@ -119,24 +131,31 @@ export default function HomePage() {
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson", role: "Vehicle Owner", company: "Kunda Park", rating: 5, id: "1", name: "Sarah Johnson", role: "Vehicle Owner", company: "Kunda Park", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg", imageAlt: "Sarah Johnson"}, imageSrc: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg", imageAlt: "Sarah Johnson"
},
{ {
id: "2", name: "Michael Chen", role: "Fleet Manager", company: "Local Business", rating: 5, id: "2", name: "Michael Chen", role: "Fleet Manager", company: "Local Business", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg", imageAlt: "Michael Chen"}, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg", imageAlt: "Michael Chen"
},
{ {
id: "3", name: "Emily Rodriguez", role: "Insurance Agent", company: "Sunshine Coast", rating: 5, id: "3", name: "Emily Rodriguez", role: "Insurance Agent", company: "Sunshine Coast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg", imageAlt: "Emily Rodriguez"}, imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg", imageAlt: "Emily Rodriguez"
},
{ {
id: "4", name: "David Kim", role: "Car Enthusiast", company: "Local Community", rating: 5, id: "4", name: "David Kim", role: "Car Enthusiast", company: "Local Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "David Kim"}, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "David Kim"
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "500+", label: "Vehicles Repaired"}, value: "500+", label: "Vehicles Repaired"
},
{ {
value: "4.9★", label: "Average Rating"}, value: "4.9★", label: "Average Rating"
},
{ {
value: "10yrs", label: "Local Excellence"}, value: "10yrs", label: "Local Excellence"
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -155,15 +174,20 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
accordionItems={[ accordionItems={[
{ {
id: "1", title: "Smash Repairs", content: "Accidents happen. Our skilled technicians restore vehicles to factory-quality condition with meticulous attention to detail and structural integrity. We handle everything from minor impacts to major collisions."}, id: "1", title: "Smash Repairs", content: "Accidents happen. Our skilled technicians restore vehicles to factory-quality condition with meticulous attention to detail and structural integrity. We handle everything from minor impacts to major collisions."
},
{ {
id: "2", title: "Panel Beating & Alignment", content: "Professional panel alignment and structural restoration ensures your vehicle is perfectly straight and safe. We use advanced measuring technology to restore factory specifications."}, id: "2", title: "Panel Beating & Alignment", content: "Professional panel alignment and structural restoration ensures your vehicle is perfectly straight and safe. We use advanced measuring technology to restore factory specifications."
},
{ {
id: "3", title: "Automotive Paint & Resprays", content: "Advanced colour matching technology ensures seamless factory finishes. Our multi-stage paint process delivers showroom-quality results that last."}, id: "3", title: "Automotive Paint & Resprays", content: "Advanced colour matching technology ensures seamless factory finishes. Our multi-stage paint process delivers showroom-quality results that last."
},
{ {
id: "4", title: "Hail Damage Specialists", content: "We specialize in comprehensive hail damage repair using the latest paintless dent removal and traditional restoration techniques for severe damage."}, id: "4", title: "Hail Damage Specialists", content: "We specialize in comprehensive hail damage repair using the latest paintless dent removal and traditional restoration techniques for severe damage."
},
{ {
id: "5", title: "Dent & Scratch Removal", content: "Quick and affordable cosmetic repairs keep your vehicle looking immaculate. From minor door dings to deeper scratches, we restore that showroom shine."}, id: "5", title: "Dent & Scratch Removal", content: "Quick and affordable cosmetic repairs keep your vehicle looking immaculate. From minor door dings to deeper scratches, we restore that showroom shine."
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/repairman-preparing-car-painting-workshop_342744-790.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/repairman-preparing-car-painting-workshop_342744-790.jpg?_wi=2"
imageAlt="Professional automotive paint application" imageAlt="Professional automotive paint application"
@@ -180,11 +204,14 @@ export default function HomePage() {
<ProductCardFour <ProductCardFour
products={[ products={[
{ {
id: "1", name: "Hail Damage Restoration", price: "Complete", variant: "Severe Weather Recovery", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1414.jpg?_wi=2", imageAlt: "Vehicle restored from extensive hail damage"}, id: "1", name: "Hail Damage Restoration", price: "Complete", variant: "Severe Weather Recovery", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1414.jpg?_wi=2", imageAlt: "Vehicle restored from extensive hail damage"
},
{ {
id: "2", name: "Collision Repair", price: "Complete", variant: "Structural Restoration", imageSrc: "http://img.b2bpic.net/free-photo/man-is-calling-insurrance-company-claiming-his-car-crash-damaged-road-accident_1150-6412.jpg?_wi=2", imageAlt: "Major collision damage expertly repaired"}, id: "2", name: "Collision Repair", price: "Complete", variant: "Structural Restoration", imageSrc: "http://img.b2bpic.net/free-photo/man-is-calling-insurrance-company-claiming-his-car-crash-damaged-road-accident_1150-6412.jpg?_wi=2", imageAlt: "Major collision damage expertly repaired"
},
{ {
id: "3", name: "Paint Correction", price: "Complete", variant: "Factory Finish", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg", imageAlt: "Professional paint correction and restoration"}, id: "3", name: "Paint Correction", price: "Complete", variant: "Factory Finish", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg", imageAlt: "Professional paint correction and restoration"
},
]} ]}
title="Before & After Transformations" title="Before & After Transformations"
description="See the dramatic difference our expert craftsmanship makes. Every repair is a testament to precision, quality, and attention to detail." description="See the dramatic difference our expert craftsmanship makes. Every repair is a testament to precision, quality, and attention to detail."
@@ -206,12 +233,14 @@ export default function HomePage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
heading={[ heading={[
{ {
type: "text", content: "Repair Experts Who Actually Care"}, type: "text", content: "Repair Experts Who Actually Care"
},
]} ]}
useInvertedBackground={true} useInvertedBackground={true}
buttons={[ buttons={[
{ {
text: "Learn More", href: "#about"}, text: "Learn More", href: "#about"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
containerClassName="px-4 md:px-8" containerClassName="px-4 md:px-8"
@@ -224,13 +253,17 @@ export default function HomePage() {
<FaqBase <FaqBase
faqs={[ faqs={[
{ {
id: "1", title: "Step 1: Request a Quote", content: "Send photos of your vehicle damage or bring it in for a free, no-obligation assessment. We'll provide a transparent quote with timeline within 2 hours."}, id: "1", title: "Step 1: Request a Quote", content: "Send photos of your vehicle damage or bring it in for a free, no-obligation assessment. We'll provide a transparent quote with timeline within 2 hours."
},
{ {
id: "2", title: "Step 2: We Repair Your Vehicle", content: "Our technicians restore your car with precision and attention to detail. You'll receive regular updates on progress, and we source quality parts that match your vehicle specifications."}, id: "2", title: "Step 2: We Repair Your Vehicle", content: "Our technicians restore your car with precision and attention to detail. You'll receive regular updates on progress, and we source quality parts that match your vehicle specifications."
},
{ {
id: "3", title: "Step 3: Quality Inspection", content: "Every repair undergoes rigorous inspection before handover. We ensure paint quality, alignment, functionality, and aesthetic perfection."}, id: "3", title: "Step 3: Quality Inspection", content: "Every repair undergoes rigorous inspection before handover. We ensure paint quality, alignment, functionality, and aesthetic perfection."
},
{ {
id: "4", title: "Step 4: Pick Up Your Car Like New", content: "Your vehicle is professionally cleaned, polished, and ready for the road. We provide detailed documentation of all work completed and warranty information."}, id: "4", title: "Step 4: Pick Up Your Car Like New", content: "Your vehicle is professionally cleaned, polished, and ready for the road. We provide detailed documentation of all work completed and warranty information."
},
]} ]}
title="Simple Repair Process" title="Simple Repair Process"
description="From assessment to completion, we keep you informed every step of the way" description="From assessment to completion, we keep you informed every step of the way"
@@ -250,12 +283,14 @@ export default function HomePage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
heading={[ heading={[
{ {
type: "text", content: "Local Experts in Panel & Paint"}, type: "text", content: "Local Experts in Panel & Paint"
},
]} ]}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ {
text: "Get in Touch", href: "#contact"}, text: "Get in Touch", href: "#contact"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
containerClassName="px-4 md:px-8" containerClassName="px-4 md:px-8"
@@ -273,13 +308,16 @@ export default function HomePage() {
description="Upload photos of your vehicle damage and receive a fast, transparent estimate. No obligation. No surprises." description="Upload photos of your vehicle damage and receive a fast, transparent estimate. No obligation. No surprises."
buttons={[ buttons={[
{ {
text: "Request Quote", href: "#"}, text: "Request Quote", href: "#"
},
{ {
text: "Call 0499 906 973", href: "tel:0499906973"}, text: "Call 0499 906 973", href: "tel:0499906973"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ background={{
variant: "plain"}} variant: "plain"
}}
useInvertedBackground={true} useInvertedBackground={true}
containerClassName="px-4 md:px-8" containerClassName="px-4 md:px-8"
contentClassName="max-w-2xl mx-auto text-center" contentClassName="max-w-2xl mx-auto text-center"
@@ -292,11 +330,13 @@ export default function HomePage() {
<FooterLogoReveal <FooterLogoReveal
logoText="North Shore Panel & Paint" logoText="North Shore Panel & Paint"
leftLink={{ leftLink={{
text: "Privacy Policy", href: "#"}} text: "Privacy Policy", href: "#"
}}
rightLink={{ rightLink={{
text: "Terms of Service", href: "#"}} text: "Terms of Service", href: "#"
}}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }