101 lines
5.1 KiB
HTML
101 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>RideAware</title>
|
||
<link rel="stylesheet" href="/static/css/styles.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav>
|
||
<span>Ride</span><span style="color: #1e4e9c;">Aware</span>
|
||
<a href="#">Features</a>
|
||
<a href="#">Pricing</a>
|
||
</nav>
|
||
</header>
|
||
<main>
|
||
<section class="hero-section-1">
|
||
<div class="hero-content">
|
||
<div class="hero-illustration">
|
||
<img src="/static/assets/undraw_indoor-bike_9lxj.svg" alt="Cycling Illustration">
|
||
</div>
|
||
<div class="hero-text">
|
||
<h1>Train with Focus. Ride with Awareness</h1>
|
||
<br>
|
||
<p>RideAware is a comprehensive cycling training platform designed to help riders stay aware of their performance, progress, and goals.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="hero-section-2">
|
||
<h2>Get notified when we’re launching</h2>
|
||
<p>Sign up to receive updates and special offers as we prepare to launch.</p>
|
||
|
||
<div class="subscription">
|
||
<input id="email-input" type="email" placeholder="Enter your email" required />
|
||
<button id="notify-button">Notify Me</button>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
<section class="hero-section-3">
|
||
<h2>Features</h2>
|
||
<div class="feature-cards">
|
||
<div class="feature-card">
|
||
<h3>Workout Planning</h3>
|
||
<ul>
|
||
<li><b>Customizable Training Plans:</b> Allow users to create customized training plans based on their goals and fitness level.</li>
|
||
<li><b>Workout Scheduling:</b> Provide a feature to schedule workouts and set reminders.</li>
|
||
<li><b>Goal Setting:</b> Allow users to set and track their fitness goals.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Workout Tracking</h3>
|
||
<ul>
|
||
<li><b>Workout Logging:</b> Allow users to log their workouts, including exercises, sets, reps, and weight.</li>
|
||
<li><b>Data Analysis:</b> Provide tools to analyze user data, including charts, graphs, and statistics.</li>
|
||
<li><b>Progress Tracking:</b> Allow users to track their progress over time.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Training and Coaching</h3>
|
||
<ul>
|
||
<li><b>Coaching and Guidance:</b> Provide coaching and guidance to help users achieve their fitness goals.</li>
|
||
<li><b>Virtual Training Rides:</b> Offer immersive virtual training rides to boost users' cycling performance.</li>
|
||
<li><b>Structured Workouts:</b> Offer structured workouts to help users improve their fitness and performance.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Nutrition and Recovery</h3>
|
||
<ul>
|
||
<li><b>Nutrition Planning:</b> Provide tools to help users plan and track their nutrition.</li>
|
||
<li><b>Recovery Planning:</b> Offer resources and tools to help users plan and track their recovery.</li>
|
||
<li><b>Injury Prevention and Management:</b> Provide resources and tools to help users prevent and manage injuries.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Social and Community</h3>
|
||
<ul>
|
||
<li><b>Social Sharing:</b> Allow users to share their workouts and progress on social media.</li>
|
||
<li><b>Community Forum:</b> Create a community forum where users can connect with each other and share their experiences.</li>
|
||
<li><b>Leaderboards:</b> Provide leaderboards to encourage competition and motivation.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Integration and Data</h3>
|
||
<ul>
|
||
<li><b>Integration with Wearable Devices:</b> Integrate with wearable devices to track user activity and health metrics.</li>
|
||
<li><b>Integration with Music Services:</b> Integrate with music services to provide a more engaging workout experience.</li>
|
||
<li><b>Data Import/Export:</b> Allow users to import and export their data to other platforms.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer>
|
||
Copyright © 2025 RideAware. All rights reserved.
|
||
</footer>
|
||
<script src="/static/js/main.js"></script>
|
||
</body>
|
||
</html>
|