Merge version_1 into main #1
325
src/app/page.tsx
325
src/app/page.tsx
@@ -27,227 +27,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ray Motorsports"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ray Motorsports"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="RAY MOTORSPORTS"
|
||||
description="Redefining performance at every curve. Engineered for speed, built for the podium."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Performance",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bridge-with-motion-blur-traffic-close-up_23-2148287761.jpg"
|
||||
imageAlt="Race car on track at night"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="RAY MOTORSPORTS"
|
||||
description="Redefining performance at every curve. Engineered for speed, built for the podium."
|
||||
buttons={[{ text: "Explore Performance", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bridge-with-motion-blur-traffic-close-up_23-2148287761.jpg"
|
||||
imageAlt="Race car on track at night"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Legacy of Speed"
|
||||
description="At Ray Motorsports, we combine cutting-edge engineering with decades of racing experience. Every build is a pursuit of perfection, every engine tune is precision-engineered for maximum competitive advantage."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599428.jpg"
|
||||
imageAlt="Racing engine technician"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Legacy of Speed"
|
||||
description="At Ray Motorsports, we combine cutting-edge engineering with decades of racing experience. Every build is a pursuit of perfection, every engine tune is precision-engineered for maximum competitive advantage."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599428.jpg"
|
||||
imageAlt="Racing engine technician"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Aerodynamics",
|
||||
description: "Wind-tunnel tested carbon fiber builds that minimize drag and maximize downforce.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-wheel-car-running-high-speed_23-2150635453.jpg",
|
||||
imageAlt: "Racing car wheel",
|
||||
},
|
||||
{
|
||||
title: "High-Performance Electronics",
|
||||
description: "Real-time telemetry and advanced engine control units for split-second adjustments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674263.jpg",
|
||||
imageAlt: "Racing cockpit tech",
|
||||
},
|
||||
{
|
||||
title: "Durability Focused",
|
||||
description: "Built for the rigors of endurance, ensuring reliability when it matters most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg",
|
||||
imageAlt: "Supercar carbon fiber",
|
||||
},
|
||||
]}
|
||||
title="Advanced Engineering"
|
||||
description="Our core competencies center around pushing the limits of automotive technology."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Precision Aerodynamics", description: "Wind-tunnel tested carbon fiber builds that minimize drag and maximize downforce.", imageSrc: "http://img.b2bpic.net/free-photo/view-wheel-car-running-high-speed_23-2150635453.jpg", imageAlt: "Racing car wheel"},
|
||||
{
|
||||
title: "High-Performance Electronics", description: "Real-time telemetry and advanced engine control units for split-second adjustments.", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674263.jpg", imageAlt: "Racing cockpit tech"},
|
||||
{
|
||||
title: "Durability Focused", description: "Built for the rigors of endurance, ensuring reliability when it matters most.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg", imageAlt: "Supercar carbon fiber"},
|
||||
]}
|
||||
title="Advanced Engineering"
|
||||
description="Our core competencies center around pushing the limits of automotive technology."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Trophy,
|
||||
title: "Podiums Won",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Engine Tuned",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Race Hours",
|
||||
value: "10,000+",
|
||||
},
|
||||
]}
|
||||
title="Track Performance"
|
||||
description="The numbers speak for themselves on the tarmac."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", icon: Trophy, title: "Podiums Won", value: "150+" },
|
||||
{ id: "m2", icon: Zap, title: "Engine Tuned", value: "500+" },
|
||||
{ id: "m3", icon: Clock, title: "Race Hours", value: "10,000+" },
|
||||
]}
|
||||
title="Track Performance"
|
||||
description="The numbers speak for themselves on the tarmac."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Racing",
|
||||
handle: "@alexracer",
|
||||
testimonial: "The precision engineering from the Ray Motorsports team is unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-attractive-young-brown-eyed-caucasian-female-rider-posing-studio_343059-619.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Tech",
|
||||
handle: "@stechexpert",
|
||||
testimonial: "Their telemetry data solutions are the future of professional racing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Lead",
|
||||
handle: "@mleadteam",
|
||||
testimonial: "Best racing shop I have ever partnered with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-496.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jane Drift",
|
||||
handle: "@janedrifter",
|
||||
testimonial: "Simply incredible performance upgrades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585660.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Davewrench",
|
||||
handle: "@davemech",
|
||||
testimonial: "The reliability is what keeps our car on the track.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Track"
|
||||
description="Trusted by racers, engineers, and championship teams across the globe."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Racing", handle: "@alexracer", testimonial: "The precision engineering from the Ray Motorsports team is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-attractive-young-brown-eyed-caucasian-female-rider-posing-studio_343059-619.jpg" },
|
||||
{ id: "2", name: "Sarah Tech", handle: "@stechexpert", testimonial: "Their telemetry data solutions are the future of professional racing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg" },
|
||||
{ id: "3", name: "Mike Lead", handle: "@mleadteam", testimonial: "Best racing shop I have ever partnered with.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-496.jpg" },
|
||||
{ id: "4", name: "Jane Drift", handle: "@janedrifter", testimonial: "Simply incredible performance upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585660.jpg" },
|
||||
{ id: "5", name: "Davewrench", handle: "@davemech", testimonial: "The reliability is what keeps our car on the track.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg" },
|
||||
]}
|
||||
title="Voices of the Track"
|
||||
description="Trusted by racers, engineers, and championship teams across the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Join the Elite"
|
||||
title="Ready to Dominate?"
|
||||
description="Reach out today to discuss your next build, tuning project, or motorsport partnership."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nightlife-city-sparkles-light-streets_23-2149057553.jpg"
|
||||
imageAlt="Ray Motorsports Contact"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Join the Elite"
|
||||
title="Ready to Dominate?"
|
||||
description="Reach out today to discuss your next build, tuning project, or motorsport partnership."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nightlife-city-sparkles-light-streets_23-2149057553.jpg"
|
||||
imageAlt="Ray Motorsports Contact"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-1971.jpg"
|
||||
imageAlt="Racetrack background"
|
||||
logoText="RAY MOTORSPORTS"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Tuning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Builds",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Ray Motorsports"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-1971.jpg"
|
||||
imageAlt="Racetrack background"
|
||||
logoText="RAY MOTORSPORTS"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [{ label: "Tuning", href: "#" }, { label: "Builds", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Ray Motorsports"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user