redesign of landing page, updates roadmap

This commit is contained in:
Blake Ridgway
2026-05-17 21:18:09 -05:00
parent 6ae71b0216
commit 997fb88b73
6 changed files with 1686 additions and 4001 deletions

View File

@@ -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>&copy; 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>&copy; 2026 RideAware. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Core JS -->