-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
462 lines (447 loc) · 28.3 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="image" property="og:image" content="https://i.postimg.cc/zvYDp7kt/NKODG32.png">
<meta name="description" content="Tracking the rise of lean AI native companies revolutionizing the startup world. Discover companies generating billions with minimal teams, pioneering the future of 1-person startups.">
<meta name="keywords" content="lean AI native companies, startup leaderboard, billion dollar startups, 1-person startups, AI companies, future unicorns">
<meta property="og:title" content="Official Lean AI Native Companies Leaderboard">
<meta property="og:description" content="Tracking the rise of lean AI native companies revolutionizing the startup world. Discover companies generating billions with minimal teams.">
<meta property="og:url" content="https://LeanAILeaderboard.com">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="author" content="Henry Shi">
<link rel="icon" href="https://fav.farm/🏆" />
<title>Official Lean AI Native Companies Leaderboard: The Future of 1-Person Billion-Dollar Startups</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa;
}
.social-preview-image {
display: none;
}
.metric-box {
background: white;
border-radius: 12px;
padding: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
overflow: hidden;
}
@media (min-width: 640px) {
.metric-box {
padding: 20px;
}
}
.table-iframe {
width: 100%;
height: 800px;
border: none;
background: white;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.metric-value {
word-break: break-word;
margin-bottom: 4px;
}
.progress-bar-container {
margin-top: 4px;
position: relative;
padding-top: 12px;
padding-bottom: 4px;
}
.progress-percentage {
position: absolute;
top: 0;
font-size: 12px;
color: #6b7280;
transform: translateX(-50%);
white-space: nowrap;
}
.progress-bar {
width: 100%;
height: 4px;
background: #e5e7eb;
border-radius: 2px;
overflow: hidden;
margin-top: 8px;
margin-bottom: 4px;
}
.progress-bar-fill {
height: 100%;
background: #3b82f6;
border-radius: 2px;
transition: width 1s ease;
}
.progress-bar-labels {
display: flex;
justify-content: space-between;
font-size: 12px;
color: #6b7280;
}
@media (max-width: 640px) {
.mobile-header {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.title-container {
max-width: 100%;
}
.mobile-actions {
width: 100%;
display: flex;
gap: 8px;
padding: 0;
}
.mobile-action-btn {
flex: 1;
min-width: 0;
padding: 7px 10px;
border-radius: 6px;
background: #f3f4f6;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: background-color 0.2s;
white-space: nowrap;
font-size: 0.875rem;
line-height: 1.25;
height: 32px;
}
.mobile-action-btn:hover {
background: #e5e7eb;
}
.mobile-action-btn:active {
background: #d1d5db;
}
.mobile-action-btn svg {
width: 18px;
height: 18px;
}
.mobile-action-btn .text-xl {
font-size: 18px;
}
}
</style>
<!-- Include progress calculator script -->
<script src="progress-calculator.js"></script>
</head>
<body class="min-h-screen">
<img src="https://i.postimg.cc/zvYDp7kt/NKODG32.png" alt="Lean AI Native Companies Leaderboard" class="social-preview-image" />
<!-- Header -->
<header class="bg-white/95 backdrop-blur-sm shadow-sm fixed top-0 left-0 w-full z-50">
<div class="max-w-7xl mx-auto px-4 py-3 sm:py-4">
<div class="flex items-center justify-between mobile-header">
<a href="/" class="title-container flex items-center space-x-2 hover:opacity-75 transition-opacity">
<span class="text-lg sm:text-2xl">🏆</span>
<h1 class="text-lg sm:text-xl font-semibold">Top Lean AI Native Companies Leaderboard</h1>
<span class="bg-green-700 text-white text-[12px] sm:text-sm px-1.5 py-1 sm:px-2 sm:py-1 rounded font-medium whitespace-nowrap">OFFICIAL</span>
</a>
<!-- Navigation (Desktop & Mobile) -->
<div class="flex items-center w-full sm:w-auto">
<div class="hidden sm:flex items-center space-x-4 ml-auto">
<a href="https://github.com/henrythe9th/official-lean-ai-native-leaderboard" target="_blank" class="flex items-center space-x-1 hover:opacity-75 transition-opacity px-2">
<svg aria-hidden="true" viewBox="0 0 24 24" version="1.1" data-view-component="true" class="w-4 sm:w-6 h-4 sm:h-6 text-gray-600">
<path fill="currentColor" d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path>
</svg>
<span class="text-gray-600">View Source</span>
</a>
<a href="https://forms.gle/ceEFvWH9nPiD2bMT8" target="_blank" class="flex items-center space-x-1 hover:opacity-75 transition-opacity px-2">
<span class="text-[18px]">🚀</span>
<span class="text-gray-600">Submit a Startup</span>
</a>
</div>
<div class="flex sm:hidden items-center mobile-actions">
<a href="https://github.com/henrythe9th/official-lean-ai-native-leaderboard" target="_blank" class="mobile-action-btn" aria-label="View Source">
<svg aria-hidden="true" viewBox="0 0 24 24" version="1.1" data-view-component="true" class="text-gray-600">
<path fill="currentColor" d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path>
</svg>
<span class="text-gray-600">View Source</span>
</a>
<a href="https://forms.gle/ceEFvWH9nPiD2bMT8" target="_blank" class="mobile-action-btn" aria-label="Submit a Startup">
<span class="text-[18px]">🚀</span>
<span class="text-gray-600">Submit a Startup</span>
</a>
</div>
</div>
</div>
</div>
</header>
<main class="max-w-7xl mx-auto px-4 py-6 sm:py-8 mt-[110px] sm:mt-[50px]">
<!-- About Section -->
<article class="bg-white rounded-xl p-4 sm:p-6 mb-6 sm:mb-8">
<h2 class="text-lg sm:text-xl font-semibold mb-4">About This Leaderboard - The Road to "1-Person" Billion Dollar Company</h2>
<p class="text-gray-600 mb-4">
I'm a <a href="https://www.linkedin.com/in/henrythe9th/" target="_blank" class="text-gray-600 hover:text-gray-800 underline">repeat founder</a> who's built a $100MM+ ARR startup the old fashioned way by hiring hundreds of people and raising hundreds of millions of VC funding.
I'm now building in AI and many of us in Silicon Valley are now big believers in the idea that Sam Altman put forward:
</p>
<blockquote class="border-l-4 border-black pl-4 italic text-gray-600 mb-4">
"We are now confident we know how to build AGI as we have traditionally understood it... There'll soon be a 1-person billion dollar company"
</blockquote>
<p class="text-gray-600 mb-6">
This leaderboard tracks all the lean AI Native companies to measure this new trend and how close we actually are to the "1-person" billion dollar startup reality.
</p>
<div class="border-t border-gray-100 pt-6">
<p class="text-gray-600 mb-4">This trend has been featured in:</p>
<div class="flex items-center space-x-6">
<a href="https://www.nytimes.com/2025/02/20/technology/ai-silicon-valley-start-ups.html" target="_blank" class="hover:opacity-75 transition-opacity">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/77/The_New_York_Times_logo.png" alt="New York Times" class="h-5 sm:h-6 object-contain">
</a>
<a href="https://www.theinformation.com/articles/why-early-stage-founders-are-opting-to-seed-strap-their-startups" target="_blank" class="hover:opacity-75 transition-opacity">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/The_Information_logo.jpg/800px-The_Information_logo.jpg" alt="The Information" class="h-6 sm:h-7 object-contain">
</a>
</div>
</div>
</article>
<!-- Metrics -->
<div class="grid grid-cols-1 sm:grid-cols-4 gap-4 sm:gap-6 mb-6 sm:mb-8">
<div class="metric-box">
<div class="flex items-center mb-2">
<i data-lucide="line-chart" class="text-gray-600 w-4 sm:w-5 h-4 sm:h-5 mr-2"></i>
<span class="text-sm text-gray-600">Total Revenue</span>
</div>
<div class="metric-value text-xl sm:text-2xl font-semibold"></div>
</div>
<div class="metric-box">
<div class="flex items-center mb-2">
<i data-lucide="banknote" class="text-gray-600 w-4 sm:w-5 h-4 sm:h-5 mr-2"></i>
<span class="text-sm text-gray-600">Avg. Revenue/Employee</span>
</div>
<div class="metric-value text-xl sm:text-2xl font-semibold"></div>
<div class="progress-bar-container">
<div class="progress-bar">
<div class="progress-bar-fill" style="width: 0%"></div>
</div>
<div class="progress-percentage" style="left: 0%">0%</div>
<div class="progress-bar-labels">
<span>$0</span>
<span>$100MM</span>
</div>
</div>
</div>
<div class="metric-box">
<div class="flex items-center mb-2">
<i data-lucide="trending-up" class="text-gray-600 w-4 sm:w-5 h-4 sm:h-5 mr-2"></i>
<span class="text-sm text-gray-600">Avg. Valuation/Employee</span>
</div>
<div class="metric-value text-xl sm:text-2xl font-semibold"></div>
<div class="progress-bar-container">
<div class="progress-bar">
<div class="progress-bar-fill" style="width: 0%"></div>
</div>
<div class="progress-percentage" style="left: 0%">0%</div>
<div class="progress-bar-labels">
<span>$0</span>
<span>$1B</span>
</div>
</div>
</div>
<div class="metric-box">
<div class="flex items-center mb-2">
<i data-lucide="users" class="text-gray-600 w-4 sm:w-5 h-4 sm:h-5 mr-2"></i>
<span class="text-sm text-gray-600">Avg. Team Size</span>
</div>
<div class="metric-value text-xl sm:text-2xl font-semibold"></div>
<div class="progress-bar-container">
<div class="progress-bar">
<div class="progress-bar-fill" style="width: 0%"></div>
</div>
<div class="progress-percentage" style="left: 0%">0%</div>
<div class="progress-bar-labels">
<span>100</span>
<span>1</span>
</div>
</div>
</div>
</div>
<!-- Table iframe with loader -->
<div class="relative mb-6 sm:mb-8" style="min-height: 800px">
<div id="iframe-loader" class="absolute inset-0 z-10 bg-white rounded-xl flex flex-col items-center justify-center space-y-4">
<div class="animate-spin rounded-full h-10 sm:h-12 w-10 sm:w-12 border-4 border-gray-200 border-t-blue-500"></div>
<p class="text-gray-600 text-sm sm:text-base">Loading leaderboard data...</p>
</div>
<iframe
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ1vMlwTJ8_Lty161T73uwnMzVxb48XzHxz9aPNla5OgCjd2yJ0HMfxEHGSv1OsyGOarWUYDcsJZfmk/pubhtml?widget=true&headers=false"
class="table-iframe"
onload="document.getElementById('iframe-loader').style.display = 'none';">
</iframe>
</div>
<!-- Qualification Criteria -->
<article class="bg-white rounded-xl p-4 sm:p-6 mb-6 sm:mb-8" itemscope itemtype="https://schema.org/Article">
<h2 class="text-lg sm:text-xl font-semibold mb-4">Qualification Criteria</h2>
<p class="text-gray-600 mb-4">To qualify on this list, startups must have:</p>
<ul class="list-disc list-inside text-gray-600 mb-4">
<li>over $5MM ARR (run rate)</li>
<li>under 50 employees</li>
<li>under 5 years old</li>
</ul>
<p class="text-gray-600 mb-2">Exceptions can be made for prominent startups with more than $1MM ARR/employee</p>
<p class="text-gray-600 text-sm italic">Note: Numbers are snapshot-in-time figures, as startup companies are constantly growing and evolving</p>
</article>
<!-- Submit Section -->
<article class="bg-white rounded-xl p-4 sm:p-6 mb-6 sm:mb-8">
<h2 class="text-lg sm:text-xl font-semibold mb-4">Know an AI Native Company That Should Be Listed?</h2>
<p class="text-gray-600 mb-4">Help us track the rise of lean AI Native companies. If you know of a startup that meets the qualification criteria or information that needs to be updated, please submit their information or email us at <a href="mailto:[email protected]" class="text-gray-600 hover:text-gray-800 underline">[email protected]</a> (can be anonymous)</p>
<div class="flex items-center space-x-2">
<a href="https://forms.gle/ceEFvWH9nPiD2bMT8" target="_blank" class="inline-flex items-center px-3 sm:px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm sm:text-base">
<i data-lucide="send" class="w-4 h-4 mr-2"></i>
Submit a Startup
</a>
</div>
</article>
<!-- FAQ Section -->
<article class="bg-white rounded-xl p-4 sm:p-6 mb-6 sm:mb-8">
<h2 class="text-lg sm:text-xl font-semibold mb-4">Frequently Asked Questions</h2>
<div class="space-y-4">
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">How often is the leaderboard updated?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">The leaderboard is updated weekly as we verify and add new submissions. Companies may be added or removed based on changes in their metrics and qualification criteria.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">How do you verify the information?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">We verify submissions through multiple sources including public records, company announcements, and direct confirmation from founders or company representatives. All data is cross-referenced for accuracy.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">What counts as an "AI Native" company?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">AI Native companies are those that have AI technology at their core, not just as a feature. These companies typically use AI to automate core business processes, enabling high efficiency with minimal human intervention.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">Why is the employee count limit set to 50?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">The 50-employee limit helps us focus on truly lean operations that demonstrate the potential of AI to enable small teams to achieve outsized results. This aligns with our goal of tracking progress toward the "1-person billion dollar company" vision. We will lower this threshold in the future as AI capabilities continue to improve.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">Can I submit updates to existing listings?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">Yes! If you have updated information about a company already on the leaderboard, please submit it through our form or email us at <a href="mailto:[email protected]" class="text-gray-600 hover:text-gray-800 underline">[email protected]</a>.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">Why isn't [company name] on the list?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">A company might not be listed because it doesn't meet our qualification criteria, we haven't received their information yet, or we're still verifying their data. If you know of a qualifying company, please submit it!</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg">
<button class="faq-button w-full text-left px-4 py-3 flex items-center hover:bg-gray-50 transition-colors rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
<span class="text-gray-500 mr-3 text-xs">▶</span>
<h3 class="font-medium text-gray-900">Who is behind this leaderboard?</h3>
</button>
<div class="faq-content hidden px-6 pb-5 pt-5">
<p class="text-gray-600">I'm <a href="https://www.linkedin.com/in/henrythe9th/" target="_blank" class="text-gray-600 hover:text-gray-800 underline">Henry Shi</a> and I started Super.com in 2016 and grew it to $150MM+ in annual revenues and recently exited. I'm now researching AI and passionate about helping create 100x more entrepreneurs through ultra-lean AI Native companies. You can follow my writing on <a href="https://www.linkedin.com/in/henrythe9th/" target="_blank" class="text-gray-600 hover:text-gray-800 underline">LinkedIn</a> and <a href="https://x.com/henrythe9ths/" target="_blank" class="text-gray-600 hover:text-gray-800 underline">X</a>.</p>
</div>
</div>
</div>
</article>
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Official Lean AI Native Companies Leaderboard: The Future of 1-Person Billion-Dollar Startups",
"description": "Tracking the rise of lean AI native companies revolutionizing the startup world. Discover companies generating billions with minimal teams, pioneering the future of 1-person startups.",
"publisher": {
"@type": "Organization",
"name": "LeanAILeaderboard.com",
"url": "https://LeanAILeaderboard.com"
},
"mainEntity": {
"@type": "Dataset",
"name": "Lean AI Native Companies",
"description": "Official leaderboard of lean AI Native companies with high revenue per employee ratios",
"creator": {
"@type": "Person",
"name": "Henry Shi"
},
"url": "https://LeanAILeaderboard.com",
"keywords": ["AI startups", "startup leaderboard", "lean startups", "billion dollar company", "AI Native companies"]
}
}
</script>
</main>
<!-- Footer -->
<footer class="border-t border-gray-200 mt-auto">
<div class="max-w-7xl mx-auto px-4 py-4 text-sm text-gray-500">
Made in San Francisco by <a href="https://www.linkedin.com/in/henrythe9th/" target="_blank" class="text-gray-500 hover:text-gray-700 inline-flex items-center underline">Henry Shi <svg class="ml-1 w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"></path></svg></a> | <a href="https://x.com/henrythe9ths/" target="_blank" class="text-gray-500 hover:text-gray-700 inline-flex items-center underline">@henrythe9ths <svg class="ml-1 w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a>
</div>
</footer>
<!-- Share Button -->
<button onclick="share()" class="fixed bottom-4 right-4 bg-blue-600 hover:bg-blue-700 text-white rounded-full p-3 shadow-lg transition-colors flex items-center space-x-2">
<i data-lucide="share-2" class="w-5 h-5"></i>
<span>Share</span>
</button>
<script>
async function share() {
try {
await navigator.share({
title: 'Official Lean AI Native Companies Leaderboard',
text: 'Check out this leaderboard tracking lean AI native companies revolutionizing the startup world!',
url: window.location.href
});
} catch (err) {
console.log('Share failed:', err);
// Fallback to copy to clipboard
navigator.clipboard.writeText(window.location.href);
}
}
</script>
<script>
lucide.createIcons();
</script>
<script>
document.querySelectorAll('.faq-button').forEach(button => {
button.addEventListener('click', () => {
const content = button.nextElementSibling;
const arrow = button.querySelector('span');
// Toggle content visibility
content.classList.toggle('hidden');
// Update arrow
if (content.classList.contains('hidden')) {
arrow.textContent = '▶';
} else {
arrow.textContent = '▼';
}
// Close other accordions
document.querySelectorAll('.faq-content').forEach(otherContent => {
if (otherContent !== content && !otherContent.classList.contains('hidden')) {
otherContent.classList.add('hidden');
otherContent.previousElementSibling.querySelector('span').textContent = '▶';
}
});
});
});
</script>
</body>
</html>