Merge version_2 into main #4
1430
src/app/layout.tsx
1430
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
124
src/app/page.tsx
124
src/app/page.tsx
@@ -41,7 +41,8 @@ export default function HomePage() {
|
||||
brandName="North Shore Panel & Paint"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Free Quote", href: "#contact"}}
|
||||
text: "Get Free Quote", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -50,31 +51,39 @@ export default function HomePage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
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"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
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"
|
||||
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={{
|
||||
variant: "plain"}}
|
||||
variant: "plain"
|
||||
}}
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8"
|
||||
textBoxClassName="text-center"
|
||||
@@ -92,11 +101,14 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
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"
|
||||
animationType="slide-up"
|
||||
@@ -119,24 +131,31 @@ export default function HomePage() {
|
||||
testimonials={[
|
||||
{
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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={[
|
||||
{
|
||||
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"
|
||||
textboxLayout="default"
|
||||
@@ -155,15 +174,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
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"
|
||||
imageAlt="Professional automotive paint application"
|
||||
@@ -180,11 +204,14 @@ export default function HomePage() {
|
||||
<ProductCardFour
|
||||
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"
|
||||
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
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Repair Experts Who Actually Care"},
|
||||
type: "text", content: "Repair Experts Who Actually Care"
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
text: "Learn More", href: "#about"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
containerClassName="px-4 md:px-8"
|
||||
@@ -224,13 +253,17 @@ export default function HomePage() {
|
||||
<FaqBase
|
||||
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"
|
||||
description="From assessment to completion, we keep you informed every step of the way"
|
||||
@@ -250,12 +283,14 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Local Experts in Panel & Paint"},
|
||||
type: "text", content: "Local Experts in Panel & Paint"
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch", href: "#contact"},
|
||||
text: "Get in Touch", href: "#contact"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
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."
|
||||
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"
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
variant: "plain"
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
containerClassName="px-4 md:px-8"
|
||||
contentClassName="max-w-2xl mx-auto text-center"
|
||||
@@ -292,11 +330,13 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="North Shore Panel & Paint"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user