rideaware/landing
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slow overhaul of the landing page

Browse source
This commit is contained in:
Blake Ridgway 2025-02-05 08:07:56 -06:00
parent f26bad9bac
commit 2481a71f71
13 changed files with 386 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

102
templates/index.html
View file

@ -3,19 +3,99 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RideAware Landing Page</title>
<title>RideAware</title>
<link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
<div class="container">
<h1>RideAware</h1>
<h2>Coming Soon!</h2>
<p>Be the first to know when we launch. Subscribe below:</p>
<div class="subscription">
<input id="email-input" type="email" placeholder="Enter your email" required />
<button id="notify-button">Notify Me</button>
</div>
</div>
<script src="/static/js/main.js"></script>
<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 &copy; 2025 RideAware. All rights reserved.
</footer>
<script src="/static/js/main.js"></script>
</body>
</html>