101 lines
4.9 KiB
HTML
101 lines
4.9 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>Customizable Training Plans: Allow users to create customized training plans based on their goals and fitness level.</li>
|
||
<li>Workout Scheduling: Provide a feature to schedule workouts and set reminders.</li>
|
||
<li>Goal Setting: Allow users to set and track their fitness goals.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Workout Tracking</h3>
|
||
<ul>
|
||
<li>Workout Logging: Allow users to log their workouts, including exercises, sets, reps, and weight.</li>
|
||
<li>Data Analysis: Provide tools to analyze user data, including charts, graphs, and statistics.</li>
|
||
<li>Progress Tracking: Allow users to track their progress over time.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Training and Coaching</h3>
|
||
<ul>
|
||
<li>Coaching and Guidance: Provide coaching and guidance to help users achieve their fitness goals.</li>
|
||
<li>Virtual Training Rides: Offer immersive virtual training rides to boost users' cycling performance.</li>
|
||
<li>Structured Workouts: 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>Nutrition Planning: Provide tools to help users plan and track their nutrition.</li>
|
||
<li>Recovery Planning: Offer resources and tools to help users plan and track their recovery.</li>
|
||
<li>Injury Prevention and Management: 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>Social Sharing: Allow users to share their workouts and progress on social media.</li>
|
||
<li>Community Forum: Create a community forum where users can connect with each other and share their experiences.</li>
|
||
<li>Leaderboards: Provide leaderboards to encourage competition and motivation.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Integration and Data</h3>
|
||
<ul>
|
||
<li>Integration with Wearable Devices: Integrate with wearable devices to track user activity and health metrics.</li>
|
||
<li>Integration with Music Services: Integrate with music services to provide a more engaging workout experience.</li>
|
||
<li>Data Import/Export: 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>
|