redesign of landing page, updates roadmap
This commit is contained in:
Blake Ridgway
@@ -12,11 +12,11 @@
|
||||
Development Build Available
|
||||
</div>
|
||||
|
||||
<h1>Elevate Your<br /><span class="gradient-text">Cycling Journey</span></h1>
|
||||
<h1>Train Smarter.<br />Ride <span class="gradient-text">Further.</span></h1>
|
||||
|
||||
<p class="subtitle">
|
||||
The smart training platform for cyclists who demand excellence.
|
||||
AI-powered plans, real-time analytics, and community-driven motivation.
|
||||
The intelligent training platform built for cyclists who refuse to settle.
|
||||
AI-powered training plans, real-time performance analytics, and a community that pushes you further — all in one place.
|
||||
</p>
|
||||
|
||||
<div class="hero-cta">
|
||||
@@ -27,14 +27,14 @@
|
||||
placeholder="Enter your email"
|
||||
required
|
||||
/>
|
||||
<button class="btn-primary" id="notify-button">Subscribe</button>
|
||||
<button class="btn-primary" id="notify-button">Get Early Access</button>
|
||||
</div>
|
||||
|
||||
<p class="hero-note">Join the newsletter for feature updates and early access.</p>
|
||||
<p class="hero-note">Join 200+ early adopters. Get feature updates and early access.</p>
|
||||
|
||||
<a href="https://dev.rideaware.org" class="action-btn secondary" target="_blank" style="margin-top: 1rem;">
|
||||
<i class="fas fa-rocket"></i>
|
||||
Access Development Build
|
||||
Try the Development Build
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
@@ -42,19 +42,19 @@
|
||||
<!-- Social Proof -->
|
||||
<section class="proof-bar">
|
||||
<div class="container">
|
||||
<div class="proof-item">
|
||||
<div class="proof-item fade-in">
|
||||
<div class="number">Q4 2026</div>
|
||||
<div class="label">Launch Target</div>
|
||||
</div>
|
||||
<div class="proof-item">
|
||||
<div class="proof-item fade-in">
|
||||
<div class="number">6+</div>
|
||||
<div class="label">Core Features</div>
|
||||
</div>
|
||||
<div class="proof-item">
|
||||
<div class="proof-item fade-in">
|
||||
<div class="number">AI</div>
|
||||
<div class="label">Powered Training</div>
|
||||
</div>
|
||||
<div class="proof-item">
|
||||
<div class="proof-item fade-in">
|
||||
<div class="number">100%</div>
|
||||
<div class="label">Data Privacy</div>
|
||||
</div>
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
@await RenderSectionAsync("Head", required: false)
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<nav class="navbar" role="navigation" aria-label="Main navigation">
|
||||
<div class="nav-container">
|
||||
<a href="/" class="logo" aria-label="RideAware home">
|
||||
<img
|
||||
@@ -47,7 +47,7 @@
|
||||
alt="RideAware"
|
||||
class="logo-img"
|
||||
width="120"
|
||||
height="24"
|
||||
height="28"
|
||||
decoding="async"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
@@ -55,6 +55,8 @@
|
||||
|
||||
<ul class="nav-links" id="primary-nav">
|
||||
<li><a href="/#features">Features</a></li>
|
||||
<li><a href="/#how-it-works">How It Works</a></li>
|
||||
<li><a href="/#roadmap">Roadmap</a></li>
|
||||
<li><a href="/newsletters">Newsletters</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
@@ -74,10 +76,55 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@RenderBody()
|
||||
<main>
|
||||
@RenderBody()
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<p>© 2026 RideAware. All rights reserved.</p>
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-col">
|
||||
<img
|
||||
src="~/assets/logo.png"
|
||||
alt="RideAware"
|
||||
class="footer-logo"
|
||||
width="120"
|
||||
height="28"
|
||||
decoding="async"
|
||||
/>
|
||||
<p class="footer-tagline">
|
||||
The smart training platform for cyclists who demand excellence.
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4 class="footer-heading">Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="/#features">Features</a></li>
|
||||
<li><a href="/#roadmap">Roadmap</a></li>
|
||||
<li><a href="https://dev.rideaware.org">Dev Build</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4 class="footer-heading">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
<li><a href="/newsletters">Newsletters</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4 class="footer-heading">Connect</h4>
|
||||
<div class="footer-social">
|
||||
<a href="#" aria-label="GitHub" class="social-link"><i class="fab fa-github"></i></a>
|
||||
<a href="#" aria-label="Twitter" class="social-link"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" aria-label="Discord" class="social-link"><i class="fab fa-discord"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 RideAware. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Core JS -->
|
||||
|
||||
Reference in New Issue
Block a user