Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "social-proof",
|
||||
},
|
||||
{
|
||||
name: "Tires",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Partners", id: "social-proof" },
|
||||
{ name: "Tires", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="STE M WHEEL"
|
||||
/>
|
||||
@@ -59,9 +44,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="STE M WHEEL: Mechanical Perfection"
|
||||
description="Hyper-realistic automotive engineering services, diagnostic precision, and premium tire solutions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg"
|
||||
@@ -74,21 +57,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Precision Engineering"
|
||||
metrics={[
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Engine Repairs",
|
||||
value: "2500+",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Diagnostics",
|
||||
value: "1200+",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Wheels Balanced",
|
||||
value: "4000+",
|
||||
},
|
||||
{ icon: Wrench, label: "Engine Repairs", value: "2500+" },
|
||||
{ icon: Gauge, label: "Diagnostics", value: "1200+" },
|
||||
{ icon: Gauge, label: "Wheels Balanced", value: "4000+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,24 +67,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Diagnostic",
|
||||
description: "Cutting-edge diagnostic screens and precision analysis.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Vidange",
|
||||
description: "Professional oil service for optimal engine longevity.",
|
||||
},
|
||||
{
|
||||
icon: Circle,
|
||||
title: "Dressage des Jantes",
|
||||
description: "Expert rim straightening and repair services.",
|
||||
},
|
||||
{ icon: Monitor, title: "Diagnostic", description: "Cutting-edge diagnostic screens and precision analysis." },
|
||||
{ icon: Droplets, title: "Vidange", description: "Professional oil service for optimal engine longevity." },
|
||||
{ icon: Circle, title: "Dressage des Jantes", description: "Expert rim straightening and repair services." },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We offer top-tier automotive technical services with premium components."
|
||||
@@ -124,15 +84,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Michelin",
|
||||
"Pirelli",
|
||||
"Continental",
|
||||
"Goodyear",
|
||||
"Bridgestone",
|
||||
"Hankook",
|
||||
"Dunlop",
|
||||
]}
|
||||
names={["Michelin", "Pirelli", "Continental", "Goodyear", "Bridgestone", "Hankook", "Dunlop"]}
|
||||
title="Nos Partenaires"
|
||||
description="Collaborating with industry-leading automotive brands for optimal performance."
|
||||
/>
|
||||
@@ -145,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Racing Sport V1",
|
||||
price: "180€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-close-up-3d-rendering_1379-899.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Touring Comfort Plus",
|
||||
price: "145€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-truck-s-tire-wheel-asphalt-road_23-2151979272.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Off-Road Terrain",
|
||||
price: "210€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alloy-wheel-black-rubber-wet-tire-speed-generated-by-ai_188544-17354.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "All-Season Precision",
|
||||
price: "160€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/uniform-male-electrician-blue-working_1134-1119.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Winter Grip Pro",
|
||||
price: "195€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Performance Elite",
|
||||
price: "230€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-wheel-with-detailed-view-brake-disc-rim_23-2151979281.jpg",
|
||||
},
|
||||
{ id: "1", name: "Racing Sport V1", price: "180€", imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-close-up-3d-rendering_1379-899.jpg" },
|
||||
{ id: "2", name: "Touring Comfort Plus", price: "145€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-truck-s-tire-wheel-asphalt-road_23-2151979272.jpg" },
|
||||
{ id: "3", name: "Off-Road Terrain", price: "210€", imageSrc: "http://img.b2bpic.net/free-photo/alloy-wheel-black-rubber-wet-tire-speed-generated-by-ai_188544-17354.jpg" },
|
||||
{ id: "4", name: "All-Season Precision", price: "160€", imageSrc: "http://img.b2bpic.net/free-photo/uniform-male-electrician-blue-working_1134-1119.jpg" },
|
||||
{ id: "5", name: "Winter Grip Pro", price: "195€", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg" },
|
||||
{ id: "6", name: "Performance Elite", price: "230€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-wheel-with-detailed-view-brake-disc-rim_23-2151979281.jpg" },
|
||||
]}
|
||||
title="Vente de Pneus"
|
||||
description="High-performance tires for all vehicle types."
|
||||
@@ -193,24 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Power Efficiency",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Timer,
|
||||
title: "Service Speed",
|
||||
value: "1.5h",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "Safety Rating",
|
||||
value: "A+",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Power Efficiency", value: "98%" },
|
||||
{ id: "m2", icon: Timer, title: "Service Speed", value: "1.5h" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "Safety Rating", value: "A+" },
|
||||
]}
|
||||
title="Performance Tracking"
|
||||
description="Real-time mechanical data for total vehicle health."
|
||||
@@ -222,21 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you straighten rims?",
|
||||
content: "Yes, our Dressage des Jantes service focuses specifically on repair and straightening.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What diagnostic tools do you use?",
|
||||
content: "We use high-end automotive diagnostic systems to ensure maximum engine precision.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book a consultation?",
|
||||
content: "Yes, use the contact section below to request a service session.",
|
||||
},
|
||||
{ id: "f1", title: "Do you straighten rims?", content: "Yes, our Dressage des Jantes service focuses specifically on repair and straightening." },
|
||||
{ id: "f2", title: "What diagnostic tools do you use?", content: "We use high-end automotive diagnostic systems to ensure maximum engine precision." },
|
||||
{ id: "f3", title: "Can I book a consultation?", content: "Yes, use the contact section below to request a service session." },
|
||||
]}
|
||||
title="Mechanical FAQs"
|
||||
description="Common questions about our services."
|
||||
@@ -247,18 +142,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for an experience?"
|
||||
description="Contact STE M WHEEL for expert mechanics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Session", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -266,31 +154,11 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Vidange",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Diagnostics", href: "#" }, { label: "Vidange", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 STE M WHEEL"
|
||||
bottomRightText="High-end Mechanical Workshop"
|
||||
|
||||
Reference in New Issue
Block a user