-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (119 loc) · 6.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="autocomplete" content="off">
<title>Leen - AI-Powered Body Fat Measurement</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="https://getlaunchlist.com/js/widget.js" defer></script>
</head>
<body>
<header>
<div class="logo">
<img src="images/Leenlogo.png" alt="Leen Logo">
<h1>LEEN</h1>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
<nav class="nav-menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#footer">Contact Us</a></li>
</ul>
</nav>
</header>
<main>
<section id="home" class="hero">
<h1>Scan. Track. Progress.</h1>
<p>Monitor and track your body composition, simply by taking a photo</p>
<div class="launchlist-widget launchlist-container" data-key-id="kAXjoE" data-height="180px"></div>
<div class="app-preview">
<img src="images/PhoneMockUp.png" alt="App screenshots">
</div>
</section>
<section class="importance">
<h2>Why Body Fat Matters</h2>
<div class="importance-content">
<div class="importance-box">
<p>Weight and BMI don't tell the whole story about health and body composition. They don't account for fat vs. muscle, fat distribution, or metabolic health.</p>
</div>
<div class="importance-box">
<p>Body fat percentage is a more accurate indicator of health, but traditional measurement methods like DEXA scans are expensive and inconvenient.</p>
</div>
<div class="importance-box">
<p>Cheaper methods like bioelectrical impedance scales are often inaccurate, with an error rate of about 8%.</p>
</div>
</div>
<div class="importance-articles">
<h3>Related Articles:</h3>
<ul>
<li><a href="https://www.ama-assn.org/delivering-care/public-health/ama-use-bmi-alone-imperfect-clinical-measure" target="_blank" rel="noopener noreferrer">Why BMI is a Poor Measure of Health</a></li>
<li><a href="https://health.ucdavis.edu/sports-medicine/resources/body-fat#:~:text=The%20body%20fat%20percentage%20is,particularly%20when%20making%20health%20recommendations." target="_blank" rel="noopener noreferrer">The Importance of Body Fat Percentage</a></li>
<li><a href="https://www.hsph.harvard.edu/obesity-prevention-source/obesity-definition/how-to-measure-body-fatness/" target="_blank" rel="noopener noreferrer">The Limitations of Traditional Body Fat Measurement Methods</a></li>
</ul>
</div>
<div class="importance-solution">
<div class="importance-box">
<h3>Leen: Affordable, Accurate Body Fat Tracking</h3>
<p>Leen offers a cost-effective and precise way for individuals to monitor their body composition. With Leen's AI-powered technology, you can accurately measure your body fat percentage from the comfort of your own home, without the need for expensive equipment or time-consuming procedures.</p>
</div>
</div>
</section>
<section id="features" class="features">
<h2>So much more than a fitness app</h2>
<p>Leen is accurate, convenient, and cost-effective. Its AI algorithms can be integrated into various applications, making it ideal for many markets.</p>
<div class="feature-grid">
<div class="feature">
<h3>Track your progress every single day</h3>
<img src="images/ProgressTrack1.png" alt="Feature 1 icon">
<img src="images/ProgressTrack2.png" alt="Feature 1 icon">
</div>
<div class="feature">
<h3>Measure your body. You can choose statistics that are relevant only for you and your goals.</h3>
<img src="images/TrackingImage.png" alt="Feature 2 icon">
</div>
<div class="feature">
<h3>Watch yourself grow into the body you want.</h3>
<img style="margin-bottom:10cm;" src="images/Before.png" alt="Feature 3 icon">
<img src="images/After.png" alt="Feature 3 icon">
</div>
<div class="feature">
<h3>Everything you need in one spot.</h3>
<img src="images/LEENPROF.png" alt="Feature 4 icon">
<p>Get an individual plan, see tutorials, and chat with personal trainers.</p>
</div>
</div>
</section>
<section class="cta">
<h2>One Metric to rule them all. Join the waitlist today</h2>
<div class="launchlist-widget launchlist-container" data-key-id="kAXjoE" data-height="180px"></div>
<img src="images/AppPreview.png" alt="App preview">
</section>
<!-- <section id= "team" class="team">
<h2>Meet the Team</h2>
<div class="team-member">
<img src="images/sartaj-gulati.jpg" alt="Sartaj Gulati">
<h3>Sartaj Gulati</h3>
<p>Sartaj Gulati is a junior at Harvard University studying computer science. He has extensive experience in machine learning, having designed end-to-end solutions for government contractors Leidos and Stratus Solutions. Sartaj has also worked on assistive technology research and is a USA Computing Olympiad Gold Qualifier. In his free time, he enjoys acting in community theatre and serving on the Harvard Philosophy Review board.</p>
<li><a href="https://www.linkedin.com/in/taj-gulati/">Linkedin</a></li>
<li><a href="https://www.instagram.com/taj_gulati/">Instagram</a></li>
</div>
</section> -->
</main>
<footer id="footer">
For further inquries please email: sales@leen.health
<!-- <div class="app-download">
<a href="#"><img src="appstore.png" alt="Download on App Store"></a>
<a href="#"><img src="googleplay.png" alt="Get it on Google Play"></a>
</div> -->
<p>© 2024 Leen. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>