Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -34,33 +34,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qvszng"
|
||||
logoAlt="ING PDR Logo"
|
||||
@@ -71,67 +57,42 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="ING PDR: Precision Dent Removal Experts"
|
||||
description="Restore your vehicle's pristine condition with our paintless dent repair services. Quality craftsmanship, efficient service, and exceptional results, guaranteed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14036.jpg"
|
||||
imageAlt="Expert technician performing paintless dent repair on a car"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-using-mobile-phone_1170-1150.jpg",
|
||||
alt: "Satisfied customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-using-mobile-phone_1170-1150.jpg", alt: "Satisfied customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg",
|
||||
alt: "Expert technician avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg", alt: "Expert technician avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1257.jpg",
|
||||
alt: "Happy client feedback",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1257.jpg", alt: "Happy client feedback"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-optometrist_23-2148196780.jpg",
|
||||
alt: "Professional PDR specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-optometrist_23-2148196780.jpg", alt: "Professional PDR specialist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serviceman-garage-fixes-customers-car_482257-76090.jpg",
|
||||
alt: "Automotive enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serviceman-garage-fixes-customers-car_482257-76090.jpg", alt: "Automotive enthusiast"},
|
||||
]}
|
||||
avatarText="Join 1000+ happy customers!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Technicians",
|
||||
},
|
||||
type: "text", text: "Certified Technicians"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Repairs",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Guarantee",
|
||||
},
|
||||
type: "text", text: "Lifetime Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer Satisfaction",
|
||||
},
|
||||
type: "text", text: "Customer Satisfaction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quick Turnaround",
|
||||
},
|
||||
type: "text", text: "Quick Turnaround"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,22 +102,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About ING PDR: Unmatched Quality & Service",
|
||||
},
|
||||
type: "text", content: "About ING PDR: Unmatched Quality & Service"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
{
|
||||
text: "Why Choose Us",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Why Choose Us", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-repairman-explaining-engine-problems-car-owners-workshop_637285-8658.jpg"
|
||||
imageAlt="Team of PDR technicians inspecting a car"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,24 +121,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Car,
|
||||
title: "Expert Dent Removal",
|
||||
description: "Skilled technicians precisely remove dents, dings, and creases without damaging your car's paint.",
|
||||
},
|
||||
title: "Expert Dent Removal", description: "Skilled technicians precisely remove dents, dings, and creases without damaging your car's paint."},
|
||||
{
|
||||
icon: Paintbrush,
|
||||
title: "Preserve Original Paint",
|
||||
description: "No sanding, no fillers, no repainting – maintaining your vehicle's value and factory finish.",
|
||||
},
|
||||
title: "Preserve Original Paint", description: "No sanding, no fillers, no repainting – maintaining your vehicle's value and factory finish."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Fast & Efficient Service",
|
||||
description: "Most repairs completed in hours, not days, getting you back on the road quickly.",
|
||||
},
|
||||
title: "Fast & Efficient Service", description: "Most repairs completed in hours, not days, getting you back on the road quickly."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Guaranteed Satisfaction",
|
||||
description: "We stand by our work with a comprehensive quality assurance and a satisfaction guarantee.",
|
||||
},
|
||||
title: "Guaranteed Satisfaction", description: "We stand by our work with a comprehensive quality assurance and a satisfaction guarantee."},
|
||||
]}
|
||||
title="Our Specialized Paintless Dent Repair Services"
|
||||
description="Leveraging advanced techniques to bring your vehicle back to perfection, without compromising its original factory finish."
|
||||
@@ -199,25 +144,13 @@ export default function LandingPage() {
|
||||
tag="Our Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
description: "Successful Repairs",
|
||||
},
|
||||
id: "m1", value: "1000+", description: "Successful Repairs"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
id: "m2", value: "5", description: "Years of Expertise"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
id: "m4", value: "24/7", description: "Support Available"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -231,26 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Lead Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg",
|
||||
imageAlt: "John Doe, Lead Technician",
|
||||
},
|
||||
id: "t1", name: "John Doe", role: "Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg", imageAlt: "John Doe, Lead Technician"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Senior PDR Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1389.jpg",
|
||||
imageAlt: "Jane Smith, Senior PDR Specialist",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", role: "Senior PDR Specialist", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1389.jpg", imageAlt: "Jane Smith, Senior PDR Specialist"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Lee",
|
||||
role: "Certified PDR Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-cook-blue-apron-shirt_176474-49567.jpg",
|
||||
imageAlt: "David Lee, Certified PDR Expert",
|
||||
},
|
||||
id: "t3", name: "David Lee", role: "Certified PDR Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-male-cook-blue-apron-shirt_176474-49567.jpg", imageAlt: "David Lee, Certified PDR Expert"},
|
||||
]}
|
||||
title="Meet Our Certified PDR Specialists"
|
||||
description="Our dedicated team combines years of experience with a passion for automotive perfection, ensuring top-tier service."
|
||||
@@ -265,50 +183,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test-1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Local Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
imageAlt: "Portrait of Sarah Johnson, Local Business Owner",
|
||||
},
|
||||
id: "test-1", name: "Sarah Johnson", role: "Client", company: "Local Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg", imageAlt: "Portrait of Sarah Johnson, Local Business Owner"},
|
||||
{
|
||||
id: "test-2",
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "Car Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-man-posing-street_23-2147689113.jpg",
|
||||
imageAlt: "Portrait of Michael Chen, Car Enthusiast",
|
||||
},
|
||||
id: "test-2", name: "Michael Chen", role: "Client", company: "Car Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-man-posing-street_23-2147689113.jpg", imageAlt: "Portrait of Michael Chen, Car Enthusiast"},
|
||||
{
|
||||
id: "test-3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Client",
|
||||
company: "Family Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-44076.jpg",
|
||||
imageAlt: "Portrait of Emily Rodriguez, Family Driver",
|
||||
},
|
||||
id: "test-3", name: "Emily Rodriguez", role: "Client", company: "Family Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-44076.jpg", imageAlt: "Portrait of Emily Rodriguez, Family Driver"},
|
||||
{
|
||||
id: "test-4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
company: "Auto Dealership",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-standing-near-window-with-hand-pocket_23-2147899825.jpg",
|
||||
imageAlt: "Portrait of David Kim, Auto Dealership",
|
||||
},
|
||||
id: "test-4", name: "David Kim", role: "Client", company: "Auto Dealership", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-standing-near-window-with-hand-pocket_23-2147899825.jpg", imageAlt: "Portrait of David Kim, Auto Dealership"},
|
||||
{
|
||||
id: "test-5",
|
||||
name: "Jessica Brown",
|
||||
role: "Client",
|
||||
company: "Ride-Share Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-laptop-smartphone-near-car_23-2148154854.jpg",
|
||||
imageAlt: "Portrait of Jessica Brown, Ride-Share Driver",
|
||||
},
|
||||
id: "test-5", name: "Jessica Brown", role: "Client", company: "Ride-Share Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-laptop-smartphone-near-car_23-2148154854.jpg", imageAlt: "Portrait of Jessica Brown, Ride-Share Driver"},
|
||||
]}
|
||||
title="What Our Valued Clients Say"
|
||||
description="Hear directly from customers who experienced the ING PDR difference and restored their vehicles with confidence."
|
||||
@@ -320,14 +208,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AutoCare Solutions",
|
||||
"Elite Body Shop",
|
||||
"Luxury Auto Group",
|
||||
"Premium Detailing Co.",
|
||||
"CarMax Pro",
|
||||
"DriveSafe Services",
|
||||
"Quality Motors",
|
||||
]}
|
||||
"AutoCare Solutions", "Elite Body Shop", "Luxury Auto Group", "Premium Detailing Co.", "CarMax Pro", "DriveSafe Services", "Quality Motors"]}
|
||||
title="Trusted by Industry Leaders & Enthusiasts"
|
||||
description="Our commitment to quality has earned us the trust of many clients, from individual car owners to large dealerships."
|
||||
/>
|
||||
@@ -339,25 +220,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is Paintless Dent Repair (PDR)?",
|
||||
content: "PDR is a method of removing small dents and dings from a vehicle's body without damaging the paint. It involves specialized tools to meticulously massage the metal back to its original shape.",
|
||||
},
|
||||
id: "faq-1", title: "What is Paintless Dent Repair (PDR)?", content: "PDR is a method of removing small dents and dings from a vehicle's body without damaging the paint. It involves specialized tools to meticulously massage the metal back to its original shape."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long does a PDR repair take?",
|
||||
content: "Most PDR repairs can be completed within a few hours, depending on the size and location of the dent. Larger or more complex dents may take longer, but generally much less time than conventional bodywork.",
|
||||
},
|
||||
id: "faq-2", title: "How long does a PDR repair take?", content: "Most PDR repairs can be completed within a few hours, depending on the size and location of the dent. Larger or more complex dents may take longer, but generally much less time than conventional bodywork."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Is PDR suitable for all types of dents?",
|
||||
content: "PDR is highly effective for shallow dents, door dings, and hail damage where the paint is intact. However, if the paint is severely cracked or the metal is stretched significantly, traditional body repair might be necessary.",
|
||||
},
|
||||
id: "faq-3", title: "Is PDR suitable for all types of dents?", content: "PDR is highly effective for shallow dents, door dings, and hail damage where the paint is intact. However, if the paint is severely cracked or the metal is stretched significantly, traditional body repair might be necessary."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Will the dent reappear after PDR?",
|
||||
content: "No, once a dent is properly removed using PDR techniques, it will not reappear. The metal is returned to its original form permanently.",
|
||||
},
|
||||
id: "faq-4", title: "Will the dent reappear after PDR?", content: "No, once a dent is properly removed using PDR techniques, it will not reappear. The metal is returned to its original form permanently."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanics-examining-car_1170-1360.jpg"
|
||||
imageAlt="Question mark over a car hood regarding PDR"
|
||||
@@ -372,8 +241,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Schedule Your Free Consultation"
|
||||
description="Ready to restore your vehicle? Contact us today for expert advice and a no-obligation quote. Our team is here to help."
|
||||
@@ -387,54 +255,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Dent Repair",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Dent Repair", href: "#features"},
|
||||
{
|
||||
label: "Hail Damage",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Hail Damage", href: "#features"},
|
||||
{
|
||||
label: "Door Dings",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Door Dings", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user