diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 358a6ce..5a2c16e 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
- "name": "Home",
- "href": "#hero"
+ "name": "Home", "href": "#hero"
},
{
- "name": "Models",
- "href": "#products"
+ "name": "Models", "href": "#products"
},
{
- "name": "Testimonials",
- "href": "#testimonials"
+ "name": "Testimonials", "href": "#testimonials"
},
{
- "name": "Contact",
- "href": "#contact"
+ "name": "Contact", "href": "#contact"
},
{
- "name": "About",
- "href": "#about"
+ "name": "About", "href": "#about"
},
{
- "name": "Features",
- "href": "#features"
+ "name": "Features", "href": "#features"
},
{
- "name": "Metrics",
- "href": "#metrics"
+ "name": "Metrics", "href": "#metrics"
}
];
@@ -43,10 +36,9 @@ export default function Layout() {
@@ -57,67 +49,42 @@ export default function Layout() {
brand="TRISTAR"
columns={[
{
- title: "Models",
- items: [
+ title: "Models", items: [
{
- label: "Sport",
- href: "#products",
- },
+ label: "Sport", href: "#products"},
{
- label: "Cruiser",
- href: "#products",
- },
+ label: "Cruiser", href: "#products"},
{
- label: "Electric",
- href: "#products",
- },
+ label: "Electric", href: "#products"},
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{
- label: "About Us",
- href: "#",
- },
+ label: "About Us", href: "#"},
{
- label: "Careers",
- href: "#",
- },
+ label: "Careers", href: "#"},
{
- label: "Events",
- href: "#",
- },
+ label: "Events", href: "#"},
],
},
{
- title: "Support",
- items: [
+ title: "Support", items: [
{
- label: "Service Centers",
- href: "#",
- },
+ label: "Service Centers", href: "#"},
{
- label: "Manuals",
- href: "#",
- },
+ label: "Manuals", href: "#"},
{
- label: "Contact",
- href: "#contact",
- },
+ label: "Contact", href: "#contact"},
],
},
]}
copyright="© 2024 Tristar Motorcycles. All rights reserved."
links={[
{
- label: "Privacy Policy",
- href: "#",
- },
+ label: "Privacy Policy", href: "#"},
{
- label: "Terms of Service",
- href: "#",
- },
+ label: "Terms of Service", href: "#"},
]}
/>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 4f0decc..3d4e190 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -16,29 +16,17 @@ export default function HomePage() {
@@ -48,9 +36,7 @@ export default function HomePage() {
@@ -63,59 +49,26 @@ export default function HomePage() {
description="Innovative engineering in every piston stroke."
features={[
{
- title: "Real-time Telemetry",
- description: "Track your ride dynamics with precision sensors.",
- bentoComponent: "animated-bar-chart",
- imageSrc: "http://img.b2bpic.net/free-vector/legendary-racers-label_1284-50452.jpg",
- imageAlt: "motorcycle brand logo minimal",
- },
+ title: "Real-time Telemetry", description: "Track your ride dynamics with precision sensors.", bentoComponent: "animated-bar-chart"},
{
- title: "Safety Protocols",
- description: "AI-assisted stability systems for unmatched security.",
- bentoComponent: "checklist-timeline",
- heading: "Advanced Security",
- subheading: "Comprehensive protection suite",
- checklistItems: [
+ title: "Safety Protocols", description: "AI-assisted stability systems for unmatched security.", bentoComponent: "checklist-timeline", heading: "Advanced Security", subheading: "Comprehensive protection suite", checklistItems: [
{
- label: "ABS Control",
- detail: "Adaptive braking",
- },
+ label: "ABS Control", detail: "Adaptive braking"},
{
- label: "Traction AI",
- detail: "Dynamic surface mapping",
- },
+ label: "Traction AI", detail: "Dynamic surface mapping"},
{
- label: "Lane Guard",
- detail: "Blindspot sensing",
- },
+ label: "Lane Guard", detail: "Blindspot sensing"},
],
- completedLabel: "Active",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574409.jpg?_wi=2",
- imageAlt: "motorcycle brand logo minimal",
- },
+ completedLabel: "Active"},
{
- title: "Ecosystem Sync",
- description: "Seamlessly connect your bike to your world.",
- bentoComponent: "info-card-marquee",
- infoCards: [
+ title: "Ecosystem Sync", description: "Seamlessly connect your bike to your world.", bentoComponent: "info-card-marquee", infoCards: [
{
- icon: Zap,
- label: "Power",
- value: "210hp",
- },
+ icon: "Zap", label: "Power", value: "210hp"},
{
- icon: Clock,
- label: "0-60",
- value: "2.8s",
- },
+ icon: "Clock", label: "0-60", value: "2.8s"},
{
- icon: Compass,
- label: "Range",
- value: "350mi",
- },
+ icon: "Compass", label: "Range", value: "350mi"},
],
- imageSrc: "http://img.b2bpic.net/free-photo/3d-bicycle-minimalist-design_23-2151876453.jpg?_wi=1",
- imageAlt: "motorcycle brand logo minimal",
},
]}
/>
@@ -130,40 +83,19 @@ export default function HomePage() {
description="Choose your weapon for the road ahead."
items={[
{
- title: "Legend Sport",
- description: "Where tradition meets modern speed.",
- imageSrc: "http://img.b2bpic.net/free-photo/3d-bicycle-minimalist-design_23-2151876453.jpg?_wi=2",
- },
+ title: "Legend Sport", description: "Where tradition meets modern speed.", imageSrc: "http://img.b2bpic.net/free-photo/3d-bicycle-minimalist-design_23-2151876453.jpg"},
{
- title: "Urban Glide",
- description: "Master the city streets effortlessly.",
- imageSrc: "http://img.b2bpic.net/free-photo/back-view-cyclist-black-clothes-riding-electric-bycicle-rural-hilly-area_273609-9727.jpg",
- },
+ title: "Urban Glide", description: "Master the city streets effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-cyclist-black-clothes-riding-electric-bycicle-rural-hilly-area_273609-9727.jpg"},
{
- title: "Track Pro",
- description: "Born on the circuit, built for you.",
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-couple-brutal-bearded-biker-black-leather-jacket-sitting-motorcycle-his-young-sensual-brunette-girlfriend-footway-bridge-looking-camera_613910-18833.jpg",
- },
+ title: "Track Pro", description: "Born on the circuit, built for you.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-couple-brutal-bearded-biker-black-leather-jacket-sitting-motorcycle-his-young-sensual-brunette-girlfriend-footway-bridge-looking-camera_613910-18833.jpg"},
{
- title: "Apex X",
- description: "Unleash your full potential.",
- imageSrc: "http://img.b2bpic.net/free-photo/old-cycle-parked-near-concrete-wall_23-2148176618.jpg",
- },
+ title: "Apex X", description: "Unleash your full potential.", imageSrc: "http://img.b2bpic.net/free-photo/old-cycle-parked-near-concrete-wall_23-2148176618.jpg"},
{
- title: "Tourer Classic",
- description: "Comfort for the long haul.",
- imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bicycle-nature_23-2150815947.jpg",
- },
+ title: "Tourer Classic", description: "Comfort for the long haul.", imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bicycle-nature_23-2150815947.jpg"},
{
- title: "Circuit Beast",
- description: "Raw power, unmatched precision.",
- imageSrc: "http://img.b2bpic.net/free-photo/bobsleigh-sport-render-3d-illustration_654080-1408.jpg",
- },
+ title: "Circuit Beast", description: "Raw power, unmatched precision.", imageSrc: "http://img.b2bpic.net/free-photo/bobsleigh-sport-render-3d-illustration_654080-1408.jpg"},
{
- title: "Volt Electric",
- description: "The future of silent power.",
- imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-sunglasses-posing_171337-17559.jpg",
- },
+ title: "Volt Electric", description: "The future of silent power.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-sunglasses-posing_171337-17559.jpg"},
]}
/>
@@ -177,28 +109,16 @@ export default function HomePage() {
description="Numbers speak louder than promises."
metrics={[
{
- value: "210 HP",
- title: "Max Power Output",
- features: [
- "Advanced turbo mapping",
- "Liquid cooling",
- ],
+ value: "210 HP", title: "Max Power Output", features: [
+ "Advanced turbo mapping", "Liquid cooling"],
},
{
- value: "0.2s",
- title: "Shift Latency",
- features: [
- "Dual-clutch seamlessness",
- "Race-proven tech",
- ],
+ value: "0.2s", title: "Shift Latency", features: [
+ "Dual-clutch seamlessness", "Race-proven tech"],
},
{
- value: "150k",
- title: "Riders Worldwide",
- features: [
- "Global support network",
- "Active communities",
- ],
+ value: "150k", title: "Riders Worldwide", features: [
+ "Global support network", "Active communities"],
},
]}
/>
@@ -213,40 +133,20 @@ export default function HomePage() {
description="See why riders choose Tristar."
testimonials={[
{
- name: "Alex Rivet",
- role: "Pro Racer",
- quote: "Unmatched handling. Tristar transformed my lap times.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg",
- },
+ name: "Alex Rivet", role: "Pro Racer", quote: "Unmatched handling. Tristar transformed my lap times.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg"},
{
- name: "Elena Vance",
- role: "Urban Commuter",
- quote: "The Glide makes city riding effortless and cool.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-positive-active-female-driver-sits-fast-motorbike-wears-fashionable-clothing-has-break-after-biker-s-competition-countryside-people-motorcycling-lifestyle-concept_273609-2458.jpg",
- },
+ name: "Elena Vance", role: "Urban Commuter", quote: "The Glide makes city riding effortless and cool.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-positive-active-female-driver-sits-fast-motorbike-wears-fashionable-clothing-has-break-after-biker-s-competition-countryside-people-motorcycling-lifestyle-concept_273609-2458.jpg"},
{
- name: "Marcus Thorne",
- role: "Adventure Rider",
- quote: "Reliability like no other bike I've owned.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-motorcycle-travelling_1303-22193.jpg",
- },
+ name: "Marcus Thorne", role: "Adventure Rider", quote: "Reliability like no other bike I've owned.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-motorcycle-travelling_1303-22193.jpg"},
{
- name: "Sarah Jenkins",
- role: "Moto Journalist",
- quote: "Engineering excellence in every single detail.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-motorcycle_23-2150868464.jpg",
- },
+ name: "Sarah Jenkins", role: "Moto Journalist", quote: "Engineering excellence in every single detail.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-motorcycle_23-2150868464.jpg"},
{
- name: "David Wu",
- role: "Weekend Explorer",
- quote: "Truly a dream bike. Can't get enough of it.",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-motorcycle_23-2148703218.jpg",
- },
+ name: "David Wu", role: "Weekend Explorer", quote: "Truly a dream bike. Can't get enough of it.", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-motorcycle_23-2148703218.jpg"},
]}
/>
@@ -259,14 +159,7 @@ export default function HomePage() {
title="Trusted by Industry Leaders"
description="Collaborating with top-tier technology partners."
names={[
- "TireX",
- "EngineDynamics",
- "GuardHelmet",
- "BrakeTech",
- "SuspensionPlus",
- "FuelPro",
- "AccessoryLine",
- ]}
+ "TireX", "EngineDynamics", "GuardHelmet", "BrakeTech", "SuspensionPlus", "FuelPro", "AccessoryLine"]}
/>
@@ -277,13 +170,9 @@ export default function HomePage() {
tag="Contact Us"
text="Ready to own the road? Get in touch with our team today and book your test ride."
primaryButton={{
- text: "Contact Support",
- href: "#contact",
- }}
+ text: "Contact Support", href: "#contact"}}
secondaryButton={{
- text: "Find Dealership",
- href: "#locations",
- }}
+ text: "Find Dealership", href: "#locations"}}
/>