Merge version_1 into main #1
195
src/app/page.tsx
195
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Phone } from "lucide-react";
|
||||
import { Phone, Wrench, Brush, Hammer, Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="J&R Auto Body"
|
||||
/>
|
||||
@@ -58,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="J&R AUTO BODY"
|
||||
description="Precision Repairs. Street-Level Speed. Get your performance car back on the road with the elite care it deserves at Lafayette's premier auto body shop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:7652010460",
|
||||
},
|
||||
text: "Call Now", href: "tel:7652010460"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/highway-bridges_53876-30526.jpg"
|
||||
imageAlt="Street drifting performance car"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg",
|
||||
alt: "Happy Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg", alt: "Happy Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1558.jpg",
|
||||
alt: "Happy Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1558.jpg", alt: "Happy Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
alt: "Happy Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Happy Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/no-worries-everything-will-be-okay-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16101.jpg",
|
||||
alt: "Happy Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/no-worries-everything-will-be-okay-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16101.jpg", alt: "Happy Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg",
|
||||
alt: "Happy Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg", alt: "Happy Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Collision Repair",
|
||||
},
|
||||
type: "text", text: "Collision Repair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Refinishing",
|
||||
},
|
||||
type: "text", text: "Paint Refinishing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Tuning",
|
||||
},
|
||||
type: "text", text: "Performance Tuning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Electrical Diagnostic",
|
||||
},
|
||||
type: "text", text: "Electrical Diagnostic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dent Removal",
|
||||
},
|
||||
type: "text", text: "Dent Removal"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,34 +93,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Collision Repair",
|
||||
description: "Professional restoration for all collision damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169967.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
title: "Collision Repair", description: "Professional restoration for all collision damage.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169967.jpg", buttonIcon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Paint & Refinishing",
|
||||
description: "Flawless color matching and factory finishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750032.jpg",
|
||||
buttonIcon: "Brush",
|
||||
title: "Paint & Refinishing", description: "Flawless color matching and factory finishes.", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750032.jpg", buttonIcon: Brush,
|
||||
},
|
||||
{
|
||||
title: "Dent Removal",
|
||||
description: "Expert paintless and traditional dent repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-driver-opening-ev-car-charging-port-flap-attaching-electric-cable_482257-130208.jpg",
|
||||
buttonIcon: "Hammer",
|
||||
title: "Dent Removal", description: "Expert paintless and traditional dent repair.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-driver-opening-ev-car-charging-port-flap-attaching-electric-cable_482257-130208.jpg", buttonIcon: Hammer,
|
||||
},
|
||||
{
|
||||
title: "Electrical Repairs",
|
||||
description: "Advanced diagnostics for modern vehicle systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Electrical Repairs", description: "Advanced diagnostics for modern vehicle systems.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Custom Work",
|
||||
description: "Tailored performance and visual customizations.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xostu8",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Custom Work", description: "Tailored performance and visual customizations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xostu8", buttonIcon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -171,30 +121,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8+",
|
||||
description: "Star Average Rating",
|
||||
},
|
||||
id: "m1", value: "4.8+", description: "Star Average Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Fast Turnaround",
|
||||
},
|
||||
id: "m2", value: "24h", description: "Fast Turnaround"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Honest Pricing",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Honest Pricing"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "20+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m4", value: "20+", description: "Years Experience"},
|
||||
{
|
||||
id: "m5",
|
||||
value: "1000+",
|
||||
description: "Cars Serviced",
|
||||
},
|
||||
id: "m5", value: "1000+", description: "Cars Serviced"},
|
||||
]}
|
||||
title="Why Choose J&R"
|
||||
description="We blend the performance-driven mindset of Tokyo street racing with the reliability and professionalism of a top-tier local shop."
|
||||
@@ -207,9 +142,7 @@ export default function LandingPage() {
|
||||
title="Lafayette’s Trusted Shop"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -222,25 +155,15 @@ export default function LandingPage() {
|
||||
author="Mark R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1558.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1558.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/no-worries-everything-will-be-okay-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16101.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/no-worries-everything-will-be-okay-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16101.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-auto-mechanics-giving-each-other-manly-greet-auto-repair-shop_637285-4313.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -253,27 +176,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Business Hours",
|
||||
content: "Open Monday-Friday, 9:00 AM - 6:00 PM.",
|
||||
},
|
||||
id: "f1", title: "Business Hours", content: "Open Monday-Friday, 9:00 AM - 6:00 PM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "2300 Concord Rd, Lafayette, IN 47905.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "2300 Concord Rd, Lafayette, IN 47905."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, come by for a free, transparent estimate.",
|
||||
},
|
||||
id: "f3", title: "Do you offer free quotes?", content: "Yes, come by for a free, transparent estimate."},
|
||||
]}
|
||||
ctaTitle="Ready for a repair?"
|
||||
ctaDescription="Get your quote today at 2300 Concord Rd, Lafayette, IN."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:7652010460",
|
||||
}}
|
||||
text: "Call Now", href: "tel:7652010460"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,38 +195,25 @@ export default function LandingPage() {
|
||||
logoText="J&R Auto Body"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Collision Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Collision Repair", href: "#services"},
|
||||
{
|
||||
label: "Paint & Refinishing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Paint & Refinishing", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user