Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Transparency",
|
||||
id: "transparency",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Transparency", id: "transparency" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="BLR Performance"
|
||||
/>
|
||||
@@ -56,75 +44,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Engineered to Perform."
|
||||
description="Premium automotive atelier delivering precision, transparency, and superior performance for your vehicle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+3200000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+3200000000"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg",
|
||||
imageAlt: "Engine Bay Precision",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-looks-online-new-car-parts_482257-76170.jpg",
|
||||
imageAlt: "Mechanic at work",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-carbon-texture-background_150588-120.jpg",
|
||||
imageAlt: "Performance carbon part",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-sparklers_23-2147785880.jpg",
|
||||
imageAlt: "Industrial workshop sparks",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg",
|
||||
imageAlt: "Precision wheel alignment",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861912.jpg",
|
||||
imageAlt: "Modern atelier studio",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg", imageAlt: "Engine Bay Precision" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/repairman-looks-online-new-car-parts_482257-76170.jpg", imageAlt: "Mechanic at work" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/black-carbon-texture-background_150588-120.jpg", imageAlt: "Performance carbon part" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/set-sparklers_23-2147785880.jpg", imageAlt: "Industrial workshop sparks" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire_23-2147897909.jpg", imageAlt: "Precision wheel alignment" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861912.jpg", imageAlt: "Modern atelier studio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-interactive" data-section="features-interactive">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Performance Tuning",
|
||||
description: "Precision adjustments for maximum engine output.",
|
||||
},
|
||||
title: "Performance Tuning", description: "Precision adjustments for maximum engine output."},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Advanced Diagnostics",
|
||||
description: "State-of-the-art scanning tools to pinpoint issues.",
|
||||
},
|
||||
title: "Advanced Diagnostics", description: "State-of-the-art scanning tools to pinpoint issues."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lighting & Electronics",
|
||||
description: "Expert repair of complex vehicle electrical systems.",
|
||||
},
|
||||
title: "Lighting & Electronics", description: "Expert repair of complex vehicle electrical systems."},
|
||||
]}
|
||||
title="Precision Technology"
|
||||
description="Explore how we approach vehicle care with modern diagnostic precision and high-end automotive standards."
|
||||
@@ -136,14 +90,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Customer Rating 3.6/5",
|
||||
"1,800+ Verified Experiences",
|
||||
"Fast Appointment Scheduling",
|
||||
"Transparent Diagnostics",
|
||||
"Professional Staff",
|
||||
"Quality Guarantee",
|
||||
"Local Expertise",
|
||||
]}
|
||||
"Customer Rating 3.6/5", "1,800+ Verified Experiences", "Fast Appointment Scheduling", "Transparent Diagnostics", "Professional Staff", "Quality Guarantee", "Local Expertise"]}
|
||||
title="Trusted by the Community"
|
||||
description="With over 1,800+ customer experiences, we prioritize transparency and professional care."
|
||||
/>
|
||||
@@ -157,59 +104,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Maintenance",
|
||||
name: "Oil Change",
|
||||
price: "From €89",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-sketch-effect_23-2150998510.jpg",
|
||||
},
|
||||
id: "s1", brand: "Maintenance", name: "Oil Change", price: "From €89", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-sketch-effect_23-2150998510.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Alignment",
|
||||
name: "Tire Geometry",
|
||||
price: "From €65",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27457.jpg",
|
||||
},
|
||||
id: "s2", brand: "Alignment", name: "Tire Geometry", price: "From €65", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27457.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Diagnostics",
|
||||
name: "System Audit",
|
||||
price: "From €45",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg",
|
||||
},
|
||||
id: "s3", brand: "Diagnostics", name: "System Audit", price: "From €45", rating: 5,
|
||||
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "Maintenance",
|
||||
name: "Brake Service",
|
||||
price: "From €120",
|
||||
rating: 5,
|
||||
reviewCount: "180+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-boardroom-computer-screen-showcases-business-data-statistics-aiding-executives_482257-133141.jpg",
|
||||
},
|
||||
id: "s4", brand: "Maintenance", name: "Brake Service", price: "From €120", rating: 5,
|
||||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/professional-boardroom-computer-screen-showcases-business-data-statistics-aiding-executives_482257-133141.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "Electronics",
|
||||
name: "Lighting Repair",
|
||||
price: "From €50",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/display-tablet-with-green-screen-mock-up-template-placed-desk-scientific-laboratory-while-woman-medical-research-scientist-analysing-virus-evolution-digital-monitor-conducting-experiment_482257-13920.jpg",
|
||||
},
|
||||
id: "s5", brand: "Electronics", name: "Lighting Repair", price: "From €50", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/display-tablet-with-green-screen-mock-up-template-placed-desk-scientific-laboratory-while-woman-medical-research-scientist-analysing-virus-evolution-digital-monitor-conducting-experiment_482257-13920.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "Package",
|
||||
name: "Elite Performance",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_107420-95941.jpg",
|
||||
},
|
||||
id: "s6", brand: "Package", name: "Elite Performance", price: "Custom", rating: 5,
|
||||
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_107420-95941.jpg"},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Choose from our specialized maintenance and performance packages."
|
||||
@@ -223,21 +134,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Elite",
|
||||
price: "-37%",
|
||||
period: "OFF",
|
||||
description: "Special offer on 5L synthetic engine oils for peak performance.",
|
||||
button: {
|
||||
text: "Claim Offer",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"5L Synthetic Oil",
|
||||
"Oil Filter Replacement",
|
||||
"Fluid Level Check",
|
||||
],
|
||||
id: "p1", tag: "Elite", price: "-37%", period: "OFF", description: "Special offer on 5L synthetic engine oils for peak performance.", button: {
|
||||
text: "Claim Offer", href: "#contact"},
|
||||
featuresTitle: "Included Services", features: [
|
||||
"5L Synthetic Oil", "Oil Filter Replacement", "Fluid Level Check"],
|
||||
},
|
||||
]}
|
||||
title="Performance Offers"
|
||||
@@ -251,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What about extra costs?",
|
||||
content: "We always call and obtain your approval before performing any additional repairs outside the scope.",
|
||||
},
|
||||
id: "f1", title: "What about extra costs?", content: "We always call and obtain your approval before performing any additional repairs outside the scope."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are diagnostics clear?",
|
||||
content: "Yes, we provide an itemized report of every diagnostic step to ensure you understand exactly what your car needs.",
|
||||
},
|
||||
id: "f2", title: "Are diagnostics clear?", content: "Yes, we provide an itemized report of every diagnostic step to ensure you understand exactly what your car needs."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide status updates?",
|
||||
content: "Absolutely. You can request real-time SMS updates regarding the progress of your vehicle's maintenance.",
|
||||
},
|
||||
id: "f3", title: "Do you provide status updates?", content: "Absolutely. You can request real-time SMS updates regarding the progress of your vehicle's maintenance."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-background-with-gears_23-2149872527.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -281,9 +172,7 @@ export default function LandingPage() {
|
||||
description="We are a team of passionate technicians committed to honest communication and high-end automotive care. We take the time to explain every detail, because your car deserves precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Us", href: "#location"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-mechanic-showing-thumbs-up_1170-1160.jpg"
|
||||
/>
|
||||
@@ -293,18 +182,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Your car deserves precision. Book your performance appointment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
{
|
||||
text: "Get Diagnosis",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Diagnosis", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -313,13 +197,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="BLR Automotive Atelier"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user