Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
name: "Results", id: "results"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fagan Collision"
|
||||
/>
|
||||
@@ -58,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Auto Collision Repair You Can Trust in Moody, Alabama"
|
||||
description="Fast, professional repairs that make your vehicle look like it never happened."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2055550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:2055550123"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-lab-with-industrial-architecture-equipped-with-storage-cabinets_482257-124402.jpg"
|
||||
/>
|
||||
@@ -84,26 +69,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Collision Repair",
|
||||
description: "From minor damage to major accidents, we restore your vehicle the right way.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1493.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/toolkit-box-isolated-white-background_93675-130624.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Collision Repair", description: "From minor damage to major accidents, we restore your vehicle the right way.", imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1493.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/toolkit-box-isolated-white-background_93675-130624.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Paint & Body Work",
|
||||
description: "Flawless color matching and smooth, factory-quality finishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-mechanic-holding-tools_1170-1411.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-many-tools_23-2147773434.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Paint & Body Work", description: "Flawless color matching and smooth, factory-quality finishes.", imageSrc: "http://img.b2bpic.net/free-photo/hand-mechanic-holding-tools_1170-1411.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-many-tools_23-2147773434.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Dent Removal",
|
||||
description: "Quick repairs that eliminate visible damage completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-male-mechanic-checking-car-back_23-2148327510.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Dent Removal", description: "Quick repairs that eliminate visible damage completely.", imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-male-mechanic-checking-car-back_23-2148327510.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Complete Collision Repair Services"
|
||||
description="Premium restoration results without the dealership headache."
|
||||
@@ -118,59 +88,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "res-1",
|
||||
brand: "Restoration",
|
||||
name: "Bumper Damage",
|
||||
price: "Restored",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-karting-car_1157-24737.jpg",
|
||||
},
|
||||
id: "res-1", brand: "Restoration", name: "Bumper Damage", price: "Restored", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-karting-car_1157-24737.jpg"},
|
||||
{
|
||||
id: "res-2",
|
||||
brand: "Restoration",
|
||||
name: "Deep Scratches",
|
||||
price: "Flawless",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3042.jpg",
|
||||
},
|
||||
id: "res-2", brand: "Restoration", name: "Deep Scratches", price: "Flawless", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3042.jpg"},
|
||||
{
|
||||
id: "res-3",
|
||||
brand: "Restoration",
|
||||
name: "Panel Denting",
|
||||
price: "Factory",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg",
|
||||
},
|
||||
id: "res-3", brand: "Restoration", name: "Panel Denting", price: "Factory", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg"},
|
||||
{
|
||||
id: "res-4",
|
||||
brand: "Restoration",
|
||||
name: "Fender Collision",
|
||||
price: "New",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg",
|
||||
},
|
||||
id: "res-4", brand: "Restoration", name: "Fender Collision", price: "New", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg"},
|
||||
{
|
||||
id: "res-5",
|
||||
brand: "Restoration",
|
||||
name: "Paint Correction",
|
||||
price: "Matched",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486998.jpg",
|
||||
},
|
||||
id: "res-5", brand: "Restoration", name: "Paint Correction", price: "Matched", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149486998.jpg"},
|
||||
{
|
||||
id: "res-6",
|
||||
brand: "Restoration",
|
||||
name: "Frame Correction",
|
||||
price: "Restored",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487002.jpg",
|
||||
},
|
||||
id: "res-6", brand: "Restoration", name: "Frame Correction", price: "Restored", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487002.jpg"},
|
||||
]}
|
||||
title="Results That Speak for Themselves"
|
||||
description="Real repairs. Real results. No shortcuts."
|
||||
@@ -182,64 +116,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Fagan Collision Advantage",
|
||||
},
|
||||
type: "text", content: "The Fagan Collision Advantage"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg",
|
||||
alt: "Shop",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg", alt: "Shop"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Denise Woodard",
|
||||
role: "Client",
|
||||
testimonial: "FAST, PROFESSIONAL, CARING, IMMACULATE WORK — I WOULD GIVE HIM 10 STARS IF IT WOULD LET ME.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg",
|
||||
},
|
||||
id: "1", name: "Denise Woodard", role: "Client", testimonial: "FAST, PROFESSIONAL, CARING, IMMACULATE WORK — I WOULD GIVE HIM 10 STARS IF IT WOULD LET ME.", imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anthony Miller",
|
||||
role: "Client",
|
||||
testimonial: "Great service, amazing work, and great at handling insurance… got the vehicle back in a timely manner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-black-woman-car-salon_1157-21421.jpg",
|
||||
},
|
||||
id: "2", name: "Anthony Miller", role: "Client", testimonial: "Great service, amazing work, and great at handling insurance… got the vehicle back in a timely manner.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-black-woman-car-salon_1157-21421.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emmanuel Rubio",
|
||||
role: "Client",
|
||||
testimonial: "Kind and knowledgeable… fast, efficient service. I recommend Fagan Collision to everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28801.jpg",
|
||||
},
|
||||
id: "3", name: "Emmanuel Rubio", role: "Client", testimonial: "Kind and knowledgeable… fast, efficient service. I recommend Fagan Collision to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28801.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "C. Taylor",
|
||||
role: "Client",
|
||||
testimonial: "It looks brand new when you get it back.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg",
|
||||
},
|
||||
id: "4", name: "C. Taylor", role: "Client", testimonial: "It looks brand new when you get it back.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Preston Armes",
|
||||
role: "Client",
|
||||
testimonial: "Excellent work. Fair price and quick repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914193.jpg",
|
||||
},
|
||||
id: "5", name: "Preston Armes", role: "Client", testimonial: "Excellent work. Fair price and quick repair.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914193.jpg"},
|
||||
]}
|
||||
title="Why Customers Keep Choosing Fagan Collision"
|
||||
description="Trusted by drivers across Moody for years of consistent, high-quality work."
|
||||
@@ -251,9 +154,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Serving Moody, Alabama & Surrounding Areas",
|
||||
},
|
||||
type: "text", content: "Serving Moody, Alabama & Surrounding Areas"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you handle insurance?",
|
||||
content: "Yes, we handle the entire insurance process from claim to repair.",
|
||||
},
|
||||
id: "f1", title: "Do you handle insurance?", content: "Yes, we handle the entire insurance process from claim to repair."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does repair take?",
|
||||
content: "We pride ourselves on fast turnaround times and clear updates.",
|
||||
},
|
||||
id: "f2", title: "How long does repair take?", content: "We pride ourselves on fast turnaround times and clear updates."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer estimates?",
|
||||
content: "We provide free, transparent estimates for all collision work.",
|
||||
},
|
||||
id: "f3", title: "Do you offer estimates?", content: "We provide free, transparent estimates for all collision work."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-man-talking-female-mechanic-while-signing-paperwork-auto-repair-shop_637285-7762.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -294,16 +186,10 @@ export default function LandingPage() {
|
||||
description="Call now or request your free estimate today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg"
|
||||
@@ -316,21 +202,13 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user