Hugging Face's logo

Spaces:
Snowrowe
/
undefined
Running

App Files Community
Snowrowe commited on
Commit
4553046
·
verified ·
1 Parent(s): 03d101a

take the tier system out

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +411 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 💻
4
- colorFrom: green
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: undefined
3
+ colorFrom: pink
4
+ colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,412 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Carroll AI - Smarter Deals with Patrick's Logic</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#1a365d',
16
+ secondary: '#d4af37',
17
+ }
18
+ }
19
+ }
20
+ }
21
+ </script>
22
+ <style>
23
+ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
24
+ body {
25
+ font-family: 'Manrope', sans-serif;
26
+ }
27
+ .hero-gradient {
28
+ background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
29
+ }
30
+ .feature-card:hover {
31
+ transform: translateY(-5px);
32
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
33
+ }
34
+ </style>
35
+ </head>
36
+ <body class="bg-gray-50">
37
+ <!-- Navigation -->
38
+ <nav class="bg-white shadow-sm">
39
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
40
+ <div class="flex justify-between h-16">
41
+ <div class="flex items-center">
42
+ <div class="flex-shrink-0 flex items-center">
43
+ <i data-feather="cpu" class="text-primary h-6 w-6"></i>
44
+ <span class="ml-2 text-xl font-bold text-gray-900">Carroll AI</span>
45
+ </div>
46
+ </div>
47
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
48
+ <a href="#" class="text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 border-primary text-sm font-medium">Home</a>
49
+ <a href="#features" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">Features</a>
50
+ <a href="#how-it-works" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">How It Works</a>
51
+ <a href="#signup" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">Sign Up</a>
52
+ </div>
53
+ <div class="-mr-2 flex items-center md:hidden">
54
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary">
55
+ <i data-feather="menu"></i>
56
+ </button>
57
+ </div>
58
+ </div>
59
+ </div>
60
+ </nav>
61
+
62
+ <!-- Hero Section -->
63
+ <div class="hero-gradient">
64
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
65
+ <div class="text-center">
66
+ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
67
+ <span class="block">Smarter Deals.</span>
68
+ <span class="block text-primary">Patrick's Logic.</span>
69
+ <span class="block">Your Edge.</span>
70
+ </h1>
71
+ <p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
72
+ Carroll AI is trained on Patrick Carroll's real intelligence—decades of dealmaking, insights, and hard-earned frameworks.
73
+ </p>
74
+ <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
75
+ <div class="rounded-md shadow">
76
+ <a href="#signup" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary hover:bg-primary-700 md:py-4 md:text-lg md:px-10">
77
+ Get Access <i data-feather="arrow-right" class="ml-2"></i>
78
+ </a>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ <div class="mt-12 flex justify-center">
83
+ <img src="http://static.photos/technology/1024x576/42" alt="AI Deal Analysis" class="rounded-lg shadow-xl w-full max-w-3xl">
84
+ </div>
85
+ </div>
86
+ </div>
87
+
88
+ <!-- Features Section -->
89
+ <div id="features" class="py-12 bg-white">
90
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
91
+ <div class="lg:text-center">
92
+ <h2 class="text-base text-primary font-semibold tracking-wide uppercase">Features</h2>
93
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
94
+ AI-Powered Deal Intelligence
95
+ </p>
96
+ </div>
97
+
98
+ <div class="mt-10">
99
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-3 md:gap-x-8 md:gap-y-10">
100
+ <div class="feature-card relative bg-white p-6 rounded-lg transition-all duration-300 ease-in-out">
101
+ <div class="absolute -top-6 left-6 rounded-md bg-primary p-3 text-white">
102
+ <i data-feather="file-text" class="h-6 w-6"></i>
103
+ </div>
104
+ <h3 class="mt-8 text-lg leading-6 font-medium text-gray-900">AI Deal Reviews</h3>
105
+ <p class="mt-2 text-base text-gray-500">
106
+ Upload your deal. Get instant analysis grounded in Patrick's frameworks.
107
+ </p>
108
+ </div>
109
+
110
+ <div class="feature-card relative bg-white p-6 rounded-lg transition-all duration-300 ease-in-out">
111
+ <div class="absolute -top-6 left-6 rounded-md bg-primary p-3 text-white">
112
+ <i data-feather="trending-up" class="h-6 w-6"></i>
113
+ </div>
114
+ <h3 class="mt-8 text-lg leading-6 font-medium text-gray-900">Market Insights</h3>
115
+ <p class="mt-2 text-base text-gray-500">
116
+ Real-time reads on where the market is heading, backed by Carroll's track record.
117
+ </p>
118
+ </div>
119
+
120
+ <div class="feature-card relative bg-white p-6 rounded-lg transition-all duration-300 ease-in-out">
121
+ <div class="absolute -top-6 left-6 rounded-md bg-primary p-3 text-white">
122
+ <i data-feather="tool" class="h-6 w-6"></i>
123
+ </div>
124
+ <h3 class="mt-8 text-lg leading-6 font-medium text-gray-900">Investor Tools</h3>
125
+ <p class="mt-2 text-base text-gray-500">
126
+ Frameworks, calculators, and benchmarks that cut the noise and get you to clarity fast.
127
+ </p>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </div>
133
+
134
+ <!-- How It Works Section -->
135
+ <div id="how-it-works" class="py-12 bg-gray-50">
136
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
137
+ <div class="lg:text-center">
138
+ <h2 class="text-base text-primary font-semibold tracking-wide uppercase">Process</h2>
139
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
140
+ How Carroll AI Works
141
+ </p>
142
+ </div>
143
+
144
+ <div class="mt-10">
145
+ <div class="relative">
146
+ <div class="absolute inset-0 flex items-center" aria-hidden="true">
147
+ <div class="w-full border-t border-gray-300"></div>
148
+ </div>
149
+ <div class="relative flex justify-between">
150
+ <div class="flex items-center">
151
+ <span class="relative flex h-8 w-8 items-center justify-center rounded-full bg-primary">
152
+ <span class="text-white">1</span>
153
+ </span>
154
+ </div>
155
+ <div class="flex items-center">
156
+ <span class="relative flex h-8 w-8 items-center justify-center rounded-full bg-primary">
157
+ <span class="text-white">2</span>
158
+ </span>
159
+ </div>
160
+ <div class="flex items-center">
161
+ <span class="relative flex h-8 w-8 items-center justify-center rounded-full bg-primary">
162
+ <span class="text-white">3</span>
163
+ </span>
164
+ </div>
165
+ </div>
166
+ </div>
167
+
168
+ <div class="mt-8 grid grid-cols-1 gap-8 sm:grid-cols-3">
169
+ <div class="pt-6">
170
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full">
171
+ <div class="-mt-6">
172
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary text-white">
173
+ <i data-feather="upload"></i>
174
+ </div>
175
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">One-Click Access</h3>
176
+ <p class="mt-5 text-base text-gray-500">
177
+ Enter your deal or question through our intuitive interface.
178
+ </p>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <div class="pt-6">
184
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full">
185
+ <div class="-mt-6">
186
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary text-white">
187
+ <i data-feather="cpu"></i>
188
+ </div>
189
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Carroll Logic Applied</h3>
190
+ <p class="mt-5 text-base text-gray-500">
191
+ AI trained on Patrick's insights processes and analyzes your input.
192
+ </p>
193
+ </div>
194
+ </div>
195
+ </div>
196
+
197
+ <div class="pt-6">
198
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full">
199
+ <div class="-mt-6">
200
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary text-white">
201
+ <i data-feather="dollar-sign"></i>
202
+ </div>
203
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Investor Ready</h3>
204
+ <p class="mt-5 text-base text-gray-500">
205
+ Get actionable takeaways you can use today in your own deals.
206
+ </p>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+
212
+ <div class="mt-10 text-center">
213
+ <a href="#signup" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary hover:bg-primary-700">
214
+ Try Carroll AI <i data-feather="arrow-right" class="ml-2"></i>
215
+ </a>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ <!-- Sign Up Section -->
221
+ <div id="signup" class="py-12 bg-primary">
222
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
223
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
224
+ <div class="lg:col-span-5">
225
+ <h2 class="text-3xl font-extrabold text-white">
226
+ Unlock Carroll AI Today
227
+ </h2>
228
+ <p class="mt-3 text-lg text-primary-100">
229
+ Choose your tier, sign your consent forms, and get instant access to the platform.
230
+ </p>
231
+ <div class="mt-8 space-y-4">
232
+ <div class="flex items-start">
233
+ <div class="flex-shrink-0">
234
+ <i data-feather="check" class="h-6 w-6 text-secondary"></i>
235
+ </div>
236
+ <p class="ml-3 text-base text-primary-100">
237
+ AI-powered deal analysis
238
+ </p>
239
+ </div>
240
+ <div class="flex items-start">
241
+ <div class="flex-shrink-0">
242
+ <i data-feather="check" class="h-6 w-6 text-secondary"></i>
243
+ </div>
244
+ <p class="ml-3 text-base text-primary-100">
245
+ Patrick Carroll's proven frameworks
246
+ </p>
247
+ </div>
248
+ <div class="flex items-start">
249
+ <div class="flex-shrink-0">
250
+ <i data-feather="check" class="h-6 w-6 text-secondary"></i>
251
+ </div>
252
+ <p class="ml-3 text-base text-primary-100">
253
+ Exclusive investor tools
254
+ </p>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ <div class="mt-12 lg:mt-0 lg:col-span-7">
259
+ <form class="space-y-6" action="#" method="POST">
260
+ <div class="grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-2">
261
+ <div>
262
+ <label for="first-name" class="block text-sm font-medium text-white">First name</label>
263
+ <div class="mt-1">
264
+ <input type="text" name="first-name" id="first-name" autocomplete="given-name" class="py-3 px-4 block w-full shadow-sm focus:ring-secondary focus:border-secondary border-gray-300 rounded-md">
265
+ </div>
266
+ </div>
267
+
268
+ <div>
269
+ <label for="last-name" class="block text-sm font-medium text-white">Last name</label>
270
+ <div class="mt-1">
271
+ <input type="text" name="last-name" id="last-name" autocomplete="family-name" class="py-3 px-4 block w-full shadow-sm focus:ring-secondary focus:border-secondary border-gray-300 rounded-md">
272
+ </div>
273
+ </div>
274
+ </div>
275
+
276
+ <div>
277
+ <label for="email" class="block text-sm font-medium text-white">Email address</label>
278
+ <div class="mt-1">
279
+ <input id="email" name="email" type="email" autocomplete="email" class="py-3 px-4 block w-full shadow-sm focus:ring-secondary focus:border-secondary border-gray-300 rounded-md">
280
+ </div>
281
+ </div>
282
+
283
+ <div>
284
+ <label class="block text-sm font-medium text-white">Are you an accredited investor?</label>
285
+ <div class="mt-2">
286
+ <div class="flex items-center">
287
+ <input id="accredited-yes" name="accredited" type="radio" class="focus:ring-secondary h-4 w-4 text-primary border-gray-300">
288
+ <label for="accredited-yes" class="ml-3 block text-sm font-medium text-white">Yes</label>
289
+ </div>
290
+ <div class="flex items-center mt-2">
291
+ <input id="accredited-no" name="accredited" type="radio" class="focus:ring-secondary h-4 w-4 text-primary border-gray-300">
292
+ <label for="accredited-no" class="ml-3 block text-sm font-medium text-white">No</label>
293
+ </div>
294
+ </div>
295
+ </div>
296
+
297
+ <div class="flex items-start">
298
+ <div class="flex items-center h-5">
299
+ <input id="consent" name="consent" type="checkbox" class="focus:ring-secondary h-4 w-4 text-primary border-gray-300 rounded">
300
+ </div>
301
+ <div class="ml-3 text-sm">
302
+ <label for="consent" class="font-medium text-white">I acknowledge this is for educational purposes only</label>
303
+ </div>
304
+ </div>
305
+ <div class="mt-5">
306
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-secondary hover:bg-secondary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary">
307
+ Get Started Now
308
+ </button>
309
+ </div>
310
+ </form>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Footer -->
317
+ <footer class="bg-gray-900">
318
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
319
+ <div class="xl:grid xl:grid-cols-3 xl:gap-8">
320
+ <div class="space-y-8 xl:col-span-1">
321
+ <div class="flex items-center">
322
+ <i data-feather="cpu" class="text-white h-6 w-6"></i>
323
+ <span class="ml-2 text-xl font-bold text-white">Carroll AI</span>
324
+ </div>
325
+ <p class="text-gray-300 text-sm">
326
+ Carroll AI is an educational tool. It does not provide financial advice or commit capital. All insights are for educational purposes only.
327
+ </p>
328
+ </div>
329
+ <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
330
+ <div class="md:grid md:grid-cols-2 md:gap-8">
331
+ <div>
332
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Navigation</h3>
333
+ <ul class="mt-4 space-y-4">
334
+ <li>
335
+ <a href="#" class="text-base text-gray-400 hover:text-white">Home</a>
336
+ </li>
337
+ <li>
338
+ <a href="#features" class="text-base text-gray-400 hover:text-white">Features</a>
339
+ </li>
340
+ <li>
341
+ <a href="#how-it-works" class="text-base text-gray-400 hover:text-white">How It Works</a>
342
+ </li>
343
+ </ul>
344
+ </div>
345
+ <div class="mt-12 md:mt-0">
346
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Legal</h3>
347
+ <ul class="mt-4 space-y-4">
348
+ <li>
349
+ <a href="#" class="text-base text-gray-400 hover:text-white">Terms & Conditions</a>
350
+ </li>
351
+ <li>
352
+ <a href="#" class="text-base text-gray-400 hover:text-white">Privacy Policy</a>
353
+ </li>
354
+ </ul>
355
+ </div>
356
+ </div>
357
+ <div class="md:grid md:grid-cols-2 md:gap-8">
358
+ <div>
359
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Membership</h3>
360
+ <ul class="mt-4 space-y-4">
361
+ <li>
362
+ <a href="#signup" class="text-base text-gray-400 hover:text-white">Get Started</a>
363
+ </li>
364
+ </ul>
365
+ </div>
366
+ <div class="mt-12 md:mt-0">
367
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Connect</h3>
368
+ <ul class="mt-4 space-y-4">
369
+ <li>
370
+ <a href="#" class="text-base text-gray-400 hover:text-white">Contact Us</a>
371
+ </li>
372
+ </ul>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </div>
377
+ <div class="mt-12 border-t border-gray-700 pt-8">
378
+ <p class="text-base text-gray-400 text-center">
379
+ &copy; 2023 Carroll AI. All rights reserved.
380
+ </p>
381
+ </div>
382
+ </div>
383
+ </footer>
384
+
385
+ <script>
386
+ feather.replace();
387
+
388
+ // Mobile menu toggle functionality would go here
389
+ document.addEventListener('DOMContentLoaded', function() {
390
+ const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]');
391
+ const mobileMenu = document.getElementById('mobile-menu');
392
+
393
+ mobileMenuButton.addEventListener('click', function() {
394
+ const expanded = this.getAttribute('aria-expanded') === 'true';
395
+ this.setAttribute('aria-expanded', !expanded);
396
+ mobileMenu.classList.toggle('hidden');
397
+ });
398
+
399
+ // Smooth scrolling for anchor links
400
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
401
+ anchor.addEventListener('click', function (e) {
402
+ e.preventDefault();
403
+
404
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
405
+ behavior: 'smooth'
406
+ });
407
+ });
408
+ });
409
+ });
410
+ </script>
411
+ </body>
412
  </html>