Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -41,9 +41,7 @@ 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>
|
||||
@@ -58,40 +56,25 @@ export default function HomePage() {
|
||||
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", imageAlt: "Professional paint booth application"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-garage-guy-work-clothes-black-beard_1157-46157.jpg?_wi=1",
|
||||
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", 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", imageAlt: "Collision repair transformation"},
|
||||
]}
|
||||
background={{
|
||||
variant: "circleGradient",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
className="w-full"
|
||||
containerClassName="px-4 md:px-8"
|
||||
textBoxClassName="text-center"
|
||||
@@ -109,20 +92,11 @@ 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"
|
||||
@@ -144,55 +118,25 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
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?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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"
|
||||
@@ -211,32 +155,17 @@ 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"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/repairman-preparing-car-painting-workshop_342744-790.jpg"
|
||||
imageAlt="Professional automotive paint application"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -251,29 +180,11 @@ 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", 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", 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?_wi=1",
|
||||
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."
|
||||
@@ -295,16 +206,12 @@ 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"
|
||||
@@ -317,25 +224,13 @@ 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"
|
||||
@@ -355,16 +250,12 @@ 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"
|
||||
@@ -382,18 +273,13 @@ 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"
|
||||
@@ -406,13 +292,9 @@ 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