Update src/app/page.tsx

This commit is contained in:
2026-05-03 18:21:48 +00:00
parent 1da7bc0d06
commit c0c6cefa2a

View File

@@ -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>