Merge version_2 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Motorrad Racing"
|
||||
/>
|
||||
@@ -56,67 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Cylinder Honing & Coating for Maximum Engine Performance"
|
||||
description="Before your motorcycle engine is ready to roar again at Motorrad-Racing, your cylinder undergoes precise technical processing. Trust the experts for engine optimization."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-luxurious-motorcycle_1398-287.jpg"
|
||||
imageAlt="High-performance cylinder head"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg",
|
||||
alt: "Rider testimonial 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg", alt: "Rider testimonial 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg",
|
||||
alt: "Rider testimonial 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg", alt: "Rider testimonial 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-riding-motorbike_23-2150810263.jpg",
|
||||
alt: "Rider testimonial 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-riding-motorbike_23-2150810263.jpg", alt: "Rider testimonial 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585683.jpg",
|
||||
alt: "Rider testimonial 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585683.jpg", alt: "Rider testimonial 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9915.jpg",
|
||||
alt: "Rider testimonial 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9915.jpg", alt: "Rider testimonial 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ riders worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Machining",
|
||||
},
|
||||
type: "text", text: "Precision Machining"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nikasil Specialist",
|
||||
},
|
||||
type: "text", text: "Nikasil Specialist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Racing Standards",
|
||||
},
|
||||
type: "text", text: "Racing Standards"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Turnaround",
|
||||
},
|
||||
type: "text", text: "Rapid Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "OEM Quality",
|
||||
},
|
||||
type: "text", text: "OEM Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,25 +92,18 @@ export default function LandingPage() {
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Service", href: "#contact"
|
||||
}
|
||||
]}
|
||||
features={[
|
||||
{
|
||||
title: "Cylinder Honing",
|
||||
description: "Professional precision honing to restore optimal piston-to-cylinder clearance and compression.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-saw_23-2147773421.jpg",
|
||||
imageAlt: "Cylinder honing process",
|
||||
},
|
||||
title: "Cylinder Honing", description: "Professional precision honing to restore optimal piston-to-cylinder clearance and compression.", imageSrc: "http://img.b2bpic.net/free-photo/tools-saw_23-2147773421.jpg", imageAlt: "Cylinder honing process"},
|
||||
{
|
||||
title: "Cylinder Coating",
|
||||
description: "High-durability coatings like Nikasil to ensure minimal friction and extended engine longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367533.jpg",
|
||||
imageAlt: "Advanced coating service",
|
||||
},
|
||||
title: "Cylinder Coating", description: "High-durability coatings like Nikasil to ensure minimal friction and extended engine longevity.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367533.jpg", imageAlt: "Advanced coating service"},
|
||||
{
|
||||
title: "Ultrasonic Cleaning",
|
||||
description: "Deep industrial-grade cleaning to remove all contaminants from your engine components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16587.jpg",
|
||||
imageAlt: "Ultrasonic part cleaning",
|
||||
},
|
||||
title: "Ultrasonic Cleaning", description: "Deep industrial-grade cleaning to remove all contaminants from your engine components.", imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16587.jpg", imageAlt: "Ultrasonic part cleaning"},
|
||||
]}
|
||||
title="Comprehensive Engine Services"
|
||||
description="State-of-the-art precision machining for your motorcycle engine requirements."
|
||||
@@ -158,17 +118,11 @@ export default function LandingPage() {
|
||||
description="Precision is our core philosophy. Every cylinder undergoes a rigorous quality control check to ensure performance meets factory standards or surpasses them."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Inspection",
|
||||
description: "Initial assessment of cylinder wall condition and geometry.",
|
||||
},
|
||||
title: "Inspection", description: "Initial assessment of cylinder wall condition and geometry."},
|
||||
{
|
||||
title: "Precision Machining",
|
||||
description: "Expert honing and boring processes calibrated to your engine's specific requirements.",
|
||||
},
|
||||
title: "Precision Machining", description: "Expert honing and boring processes calibrated to your engine's specific requirements."},
|
||||
{
|
||||
title: "Final Quality Check",
|
||||
description: "Strict verification of dimensions and surface finish.",
|
||||
},
|
||||
title: "Final Quality Check", description: "Strict verification of dimensions and surface finish."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-man-s-strong-hands-with-leather-bracelets-fixing-gear-machine_181624-58135.jpg"
|
||||
imageAlt="Technical process overview"
|
||||
@@ -184,25 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Cylinders Honed",
|
||||
description: "Years of hands-on experience.",
|
||||
icon: Award,
|
||||
id: "m1", value: "1500+", title: "Cylinders Honed", description: "Years of hands-on experience.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Technical excellence guaranteed.",
|
||||
icon: Settings,
|
||||
id: "m2", value: "20+", title: "Years Experience", description: "Technical excellence guaranteed.", icon: Settings,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
description: "Dedication to racing performance.",
|
||||
icon: Zap,
|
||||
id: "m3", value: "100%", title: "Commitment", description: "Dedication to racing performance.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Performance Metrics"
|
||||
@@ -218,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Markus S.",
|
||||
role: "Racer",
|
||||
company: "Racing Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-smoking-cigarette-grey-background_613910-2248.jpg",
|
||||
},
|
||||
id: "1", name: "Markus S.", role: "Racer", company: "Racing Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-smoking-cigarette-grey-background_613910-2248.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas K.",
|
||||
role: "Engine Builder",
|
||||
company: "Pro Garage",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg",
|
||||
},
|
||||
id: "2", name: "Thomas K.", role: "Engine Builder", company: "Pro Garage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Stefan W.",
|
||||
role: "Biker",
|
||||
company: "Road Rider",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg",
|
||||
},
|
||||
id: "3", name: "Stefan W.", role: "Biker", company: "Road Rider", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jens B.",
|
||||
role: "Collector",
|
||||
company: "Vintage Engine Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5358.jpg",
|
||||
},
|
||||
id: "4", name: "Jens B.", role: "Collector", company: "Vintage Engine Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5358.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Racer",
|
||||
company: "Circuit Riders",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-biker-deep-thoughts-wears-fashionable-clothing-looks-away-with-thoughtful-expression-sits-ground-near-motorbike-covers-long-destination-people-transport-freedom_273609-2463.jpg",
|
||||
},
|
||||
id: "5", name: "Elena R.", role: "Racer", company: "Circuit Riders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-biker-deep-thoughts-wears-fashionable-clothing-looks-away-with-thoughtful-expression-sits-ground-near-motorbike-covers-long-destination-people-transport-freedom_273609-2463.jpg"},
|
||||
]}
|
||||
title="Customer Success Stories"
|
||||
description="See why riders choose Motorrad-Racing for their engine build needs."
|
||||
@@ -268,14 +185,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Precision Engineering Standards",
|
||||
"Nikasil Coating Expertise",
|
||||
"OEM Compatibility",
|
||||
"Racing Engine Specs",
|
||||
"Advanced Machining Certification",
|
||||
"Quality Assurance",
|
||||
"Motorcycle Engine Specialists",
|
||||
]}
|
||||
"Precision Engineering Standards", "Nikasil Coating Expertise", "OEM Compatibility", "Racing Engine Specs", "Advanced Machining Certification", "Quality Assurance", "Motorcycle Engine Specialists"]}
|
||||
title="Technical Expertise"
|
||||
description="Quality components and certifications we maintain."
|
||||
/>
|
||||
@@ -286,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is the typical turnaround time?",
|
||||
content: "Depending on the service, typical turnaround for cylinder honing and coating is 7-10 business days.",
|
||||
},
|
||||
id: "f1", title: "How long is the typical turnaround time?", content: "Depending on the service, typical turnaround for cylinder honing and coating is 7-10 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle vintage motorcycle engines?",
|
||||
content: "Yes, we have deep experience with vintage engine blocks and cylinders.",
|
||||
},
|
||||
id: "f2", title: "Do you handle vintage motorcycle engines?", content: "Yes, we have deep experience with vintage engine blocks and cylinders."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I ship my engine parts to you?",
|
||||
content: "Absolutely. Ship your disassembled parts to our workshop, and we'll process and return them promptly.",
|
||||
},
|
||||
id: "f3", title: "Can I ship my engine parts to you?", content: "Absolutely. Ship your disassembled parts to our workshop, and we'll process and return them promptly."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get answers to technical queries."
|
||||
@@ -311,18 +212,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get your engine performance back to its peak? Contact us today for a consultation or quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us via Email",
|
||||
href: "mailto:info@motorrad-racing.de",
|
||||
},
|
||||
text: "Contact Us via Email", href: "mailto:info@motorrad-racing.de"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+4900000000",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+4900000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -333,50 +229,31 @@ export default function LandingPage() {
|
||||
logoText="Motorrad-Racing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Cylinder Honing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cylinder Honing", href: "#"},
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "#",
|
||||
},
|
||||
label: "Engine Repair", href: "#"},
|
||||
{
|
||||
label: "Ultrasonic Cleaning",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ultrasonic Cleaning", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Online Shop",
|
||||
href: "#",
|
||||
},
|
||||
label: "Online Shop", href: "#"},
|
||||
{
|
||||
label: "Replacement Parts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Replacement Parts", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -385,4 +262,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user