Hugging Face's logo

Spaces:
franioz
/
project
Running

App Files Community
franioz commited on
Commit
91e3e6e
·
verified ·
1 Parent(s): 242a001

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +689 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Project
3
- emoji: 🐢
4
- colorFrom: red
5
- colorTo: blue
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: project
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,689 @@
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>FounderMatch | Find Your Perfect Co-Founder</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
12
+ }
13
+ .card-hover:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .animate-float {
18
+ animation: float 6s ease-in-out infinite;
19
+ }
20
+ @keyframes float {
21
+ 0% { transform: translateY(0px); }
22
+ 50% { transform: translateY(-20px); }
23
+ 100% { transform: translateY(0px); }
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="font-sans antialiased text-gray-800">
28
+ <!-- Navigation -->
29
+ <nav class="bg-white shadow-sm">
30
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
31
+ <div class="flex justify-between h-16">
32
+ <div class="flex">
33
+ <div class="flex-shrink-0 flex items-center">
34
+ <i class="fas fa-handshake text-purple-600 text-2xl mr-2"></i>
35
+ <span class="text-xl font-bold text-purple-600">FounderMatch</span>
36
+ </div>
37
+ </div>
38
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
39
+ <a href="#" class="border-purple-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
40
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">How It Works</a>
41
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Success Stories</a>
42
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Resources</a>
43
+ </div>
44
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
45
+ <button class="bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-md text-sm font-medium">Get Started</button>
46
+ </div>
47
+ <div class="-mr-2 flex items-center sm:hidden">
48
+ <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-purple-500">
49
+ <span class="sr-only">Open main menu</span>
50
+ <i class="fas fa-bars"></i>
51
+ </button>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ </nav>
56
+
57
+ <!-- Hero Section -->
58
+ <div class="gradient-bg">
59
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8 lg:flex lg:justify-between">
60
+ <div class="max-w-xl">
61
+ <h1 class="text-4xl font-extrabold text-white sm:text-5xl sm:tracking-tight lg:text-6xl">
62
+ Find your perfect co-founder
63
+ </h1>
64
+ <p class="mt-5 text-xl text-purple-100">
65
+ We match aspiring entrepreneurs based on vision, values, and complementary skills - like dating, but for startups.
66
+ </p>
67
+ <div class="mt-10 flex flex-col sm:flex-row sm:space-x-4">
68
+ <a href="#" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-purple-50 md:py-4 md:text-lg md:px-10">
69
+ Start Matching
70
+ </a>
71
+ <a href="#" class="mt-3 flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-700 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10 sm:mt-0">
72
+ <i class="fas fa-play-circle mr-2"></i> Watch Video
73
+ </a>
74
+ </div>
75
+ </div>
76
+ <div class="mt-12 relative lg:mt-0">
77
+ <img class="w-full max-w-lg rounded-lg shadow-xl animate-float" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80" alt="Founders working together">
78
+ </div>
79
+ </div>
80
+ </div>
81
+
82
+ <!-- How It Works -->
83
+ <div class="py-12 bg-white">
84
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
85
+ <div class="lg:text-center">
86
+ <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">Process</h2>
87
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
88
+ How FounderMatch Works
89
+ </p>
90
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
91
+ Our simple 3-step process helps you find compatible co-founders quickly and efficiently.
92
+ </p>
93
+ </div>
94
+
95
+ <div class="mt-10">
96
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-3 md:gap-x-8 md:gap-y-10">
97
+ <div class="relative group">
98
+ <div class="absolute -inset-1 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-200"></div>
99
+ <div class="relative bg-white p-6 rounded-lg h-full transition duration-200 card-hover">
100
+ <div class="flex justify-center">
101
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
102
+ <i class="fas fa-user-edit"></i>
103
+ </div>
104
+ </div>
105
+ <div class="mt-5 text-center">
106
+ <h3 class="text-lg leading-6 font-medium text-gray-900">1. Create Profile</h3>
107
+ <p class="mt-2 text-base text-gray-500">
108
+ Tell us about your startup vision, skills, and what you're looking for in a co-founder.
109
+ </p>
110
+ </div>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="relative group">
115
+ <div class="absolute -inset-1 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-200"></div>
116
+ <div class="relative bg-white p-6 rounded-lg h-full transition duration-200 card-hover">
117
+ <div class="flex justify-center">
118
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
119
+ <i class="fas fa-people-arrows"></i>
120
+ </div>
121
+ </div>
122
+ <div class="mt-5 text-center">
123
+ <h3 class="text-lg leading-6 font-medium text-gray-900">2. Get Matched</h3>
124
+ <p class="mt-2 text-base text-gray-500">
125
+ Our algorithm (and human touch) finds compatible co-founders based on your criteria.
126
+ </p>
127
+ </div>
128
+ </div>
129
+ </div>
130
+
131
+ <div class="relative group">
132
+ <div class="absolute -inset-1 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-200"></div>
133
+ <div class="relative bg-white p-6 rounded-lg h-full transition duration-200 card-hover">
134
+ <div class="flex justify-center">
135
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
136
+ <i class="fas fa-comments"></i>
137
+ </div>
138
+ </div>
139
+ <div class="mt-5 text-center">
140
+ <h3 class="text-lg leading-6 font-medium text-gray-900">3. Connect & Build</h3>
141
+ <p class="mt-2 text-base text-gray-500">
142
+ Message your matches, meet virtually or in-person, and start building your dream startup.
143
+ </p>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+
152
+ <!-- Testimonials -->
153
+ <div class="bg-purple-50 py-16">
154
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
155
+ <div class="lg:text-center">
156
+ <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">Success Stories</h2>
157
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
158
+ Founders Who Found Their Match
159
+ </p>
160
+ </div>
161
+ <div class="mt-10 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
162
+ <div class="bg-white p-6 rounded-lg shadow-md transition duration-200 card-hover">
163
+ <div class="flex items-center">
164
+ <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah J.">
165
+ <div class="ml-4">
166
+ <h4 class="text-lg font-medium text-gray-900">Sarah J.</h4>
167
+ <p class="text-purple-600">Co-founder, EcoCart</p>
168
+ </div>
169
+ </div>
170
+ <p class="mt-4 text-gray-600">
171
+ "FounderMatch connected me with my technical co-founder within 2 weeks. We launched our MVP 3 months later and just closed our seed round!"
172
+ </p>
173
+ <div class="mt-4 flex text-yellow-400">
174
+ <i class="fas fa-star"></i>
175
+ <i class="fas fa-star"></i>
176
+ <i class="fas fa-star"></i>
177
+ <i class="fas fa-star"></i>
178
+ <i class="fas fa-star"></i>
179
+ </div>
180
+ </div>
181
+
182
+ <div class="bg-white p-6 rounded-lg shadow-md transition duration-200 card-hover">
183
+ <div class="flex items-center">
184
+ <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Raj P.">
185
+ <div class="ml-4">
186
+ <h4 class="text-lg font-medium text-gray-900">Raj P.</h4>
187
+ <p class="text-purple-600">Co-founder, HealthTrack</p>
188
+ </div>
189
+ </div>
190
+ <p class="mt-4 text-gray-600">
191
+ "As a developer with no business background, I needed someone to handle sales and marketing. Found the perfect match through FounderMatch."
192
+ </p>
193
+ <div class="mt-4 flex text-yellow-400">
194
+ <i class="fas fa-star"></i>
195
+ <i class="fas fa-star"></i>
196
+ <i class="fas fa-star"></i>
197
+ <i class="fas fa-star"></i>
198
+ <i class="fas fa-star"></i>
199
+ </div>
200
+ </div>
201
+
202
+ <div class="bg-white p-6 rounded-lg shadow-md transition duration-200 card-hover">
203
+ <div class="flex items-center">
204
+ <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Mia K.">
205
+ <div class="ml-4">
206
+ <h4 class="text-lg font-medium text-gray-900">Mia K.</h4>
207
+ <p class="text-purple-600">Co-founder, EduPlay</p>
208
+ </div>
209
+ </div>
210
+ <p class="mt-4 text-gray-600">
211
+ "The detailed matching criteria helped me find someone who shared my passion for education technology. We complement each other perfectly."
212
+ </p>
213
+ <div class="mt-4 flex text-yellow-400">
214
+ <i class="fas fa-star"></i>
215
+ <i class="fas fa-star"></i>
216
+ <i class="fas fa-star"></i>
217
+ <i class="fas fa-star"></i>
218
+ <i class="fas fa-star-half-alt"></i>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </div>
224
+
225
+ <!-- CTA Section -->
226
+ <div class="bg-white py-16">
227
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
228
+ <div class="bg-purple-700 rounded-lg shadow-xl overflow-hidden">
229
+ <div class="px-6 py-12 sm:p-16">
230
+ <div class="md:flex md:items-center md:justify-between">
231
+ <div class="md:w-2/3">
232
+ <h2 class="text-2xl font-extrabold text-white sm:text-3xl">
233
+ Ready to find your co-founder?
234
+ </h2>
235
+ <p class="mt-3 max-w-3xl text-lg leading-6 text-purple-200">
236
+ Join thousands of entrepreneurs who found their perfect match through our platform.
237
+ </p>
238
+ </div>
239
+ <div class="mt-8 flex md:mt-0 md:flex-shrink-0">
240
+ <div class="inline-flex rounded-md shadow">
241
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-purple-50">
242
+ Sign Up Free
243
+ </a>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </div>
251
+
252
+ <!-- Features -->
253
+ <div class="py-12 bg-white">
254
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
255
+ <div class="lg:text-center">
256
+ <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">Features</h2>
257
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
258
+ Why Founders Choose Us
259
+ </p>
260
+ </div>
261
+
262
+ <div class="mt-10">
263
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
264
+ <div class="flex">
265
+ <div class="flex-shrink-0">
266
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
267
+ <i class="fas fa-brain"></i>
268
+ </div>
269
+ </div>
270
+ <div class="ml-4">
271
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Smart Matching</h3>
272
+ <p class="mt-2 text-base text-gray-500">
273
+ Our algorithm considers vision alignment, complementary skills, personality traits, and work styles.
274
+ </p>
275
+ </div>
276
+ </div>
277
+
278
+ <div class="flex">
279
+ <div class="flex-shrink-0">
280
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
281
+ <i class="fas fa-user-shield"></i>
282
+ </div>
283
+ </div>
284
+ <div class="ml-4">
285
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Verified Profiles</h3>
286
+ <p class="mt-2 text-base text-gray-500">
287
+ All members go through verification to ensure authenticity and commitment.
288
+ </p>
289
+ </div>
290
+ </div>
291
+
292
+ <div class="flex">
293
+ <div class="flex-shrink-0">
294
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
295
+ <i class="fas fa-graduation-cap"></i>
296
+ </div>
297
+ </div>
298
+ <div class="ml-4">
299
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Founder Resources</h3>
300
+ <p class="mt-2 text-base text-gray-500">
301
+ Access to exclusive content, templates, and tools to help you start strong.
302
+ </p>
303
+ </div>
304
+ </div>
305
+
306
+ <div class="flex">
307
+ <div class="flex-shrink-0">
308
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
309
+ <i class="fas fa-network-wired"></i>
310
+ </div>
311
+ </div>
312
+ <div class="ml-4">
313
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Community Access</h3>
314
+ <p class="mt-2 text-base text-gray-500">
315
+ Join our private founder community for networking, advice, and support.
316
+ </p>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+
324
+ <!-- Pricing -->
325
+ <div class="bg-purple-50 py-16">
326
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
327
+ <div class="lg:text-center">
328
+ <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">Pricing</h2>
329
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
330
+ Simple, transparent pricing
331
+ </p>
332
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
333
+ Start for free and upgrade when you're ready for more advanced features.
334
+ </p>
335
+ </div>
336
+
337
+ <div class="mt-10 flex flex-col md:flex-row justify-center gap-8">
338
+ <!-- Free Tier -->
339
+ <div class="bg-white rounded-lg shadow-md overflow-hidden w-full max-w-md transition duration-200 card-hover">
340
+ <div class="px-6 py-8">
341
+ <h3 class="text-2xl font-medium text-gray-900">Basic</h3>
342
+ <p class="mt-4 flex items-baseline">
343
+ <span class="text-5xl font-extrabold">Free</span>
344
+ <span class="ml-1 text-xl font-semibold text-gray-500">forever</span>
345
+ </p>
346
+ <p class="mt-5 text-lg text-gray-500">
347
+ Perfect for getting started
348
+ </p>
349
+ </div>
350
+ <div class="px-6 pt-6 pb-8 bg-gray-50">
351
+ <ul class="space-y-4">
352
+ <li class="flex items-start">
353
+ <div class="flex-shrink-0">
354
+ <i class="fas fa-check-circle text-purple-500"></i>
355
+ </div>
356
+ <p class="ml-3 text-base text-gray-700">
357
+ 3 matches per month
358
+ </p>
359
+ </li>
360
+ <li class="flex items-start">
361
+ <div class="flex-shrink-0">
362
+ <i class="fas fa-check-circle text-purple-500"></i>
363
+ </div>
364
+ <p class="ml-3 text-base text-gray-700">
365
+ Basic matching criteria
366
+ </p>
367
+ </li>
368
+ <li class="flex items-start">
369
+ <div class="flex-shrink-0">
370
+ <i class="fas fa-check-circle text-purple-500"></i>
371
+ </div>
372
+ <p class="ml-3 text-base text-gray-700">
373
+ Community access
374
+ </p>
375
+ </li>
376
+ </ul>
377
+ <div class="mt-8">
378
+ <div class="rounded-md shadow">
379
+ <a href="#" class="flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700">
380
+ Get Started
381
+ </a>
382
+ </div>
383
+ </div>
384
+ </div>
385
+ </div>
386
+
387
+ <!-- Premium Tier -->
388
+ <div class="bg-white rounded-lg shadow-xl overflow-hidden w-full max-w-md transform scale-105 transition duration-200 card-hover">
389
+ <div class="px-6 py-8 bg-purple-700">
390
+ <h3 class="text-2xl font-medium text-white">Premium</h3>
391
+ <p class="mt-4 flex items-baseline">
392
+ <span class="text-5xl font-extrabold text-white">$29</span>
393
+ <span class="ml-1 text-xl font-semibold text-purple-200">/month</span>
394
+ </p>
395
+ <p class="mt-5 text-lg text-purple-100">
396
+ For serious founders ready to build
397
+ </p>
398
+ </div>
399
+ <div class="px-6 pt-6 pb-8 bg-gray-50">
400
+ <ul class="space-y-4">
401
+ <li class="flex items-start">
402
+ <div class="flex-shrink-0">
403
+ <i class="fas fa-check-circle text-purple-500"></i>
404
+ </div>
405
+ <p class="ml-3 text-base text-gray-700">
406
+ Unlimited matches
407
+ </p>
408
+ </li>
409
+ <li class="flex items-start">
410
+ <div class="flex-shrink-0">
411
+ <i class="fas fa-check-circle text-purple-500"></i>
412
+ </div>
413
+ <p class="ml-3 text-base text-gray-700">
414
+ Advanced matching filters
415
+ </p>
416
+ </li>
417
+ <li class="flex items-start">
418
+ <div class="flex-shrink-0">
419
+ <i class="fas fa-check-circle text-purple-500"></i>
420
+ </div>
421
+ <p class="ml-3 text-base text-gray-700">
422
+ Priority matching
423
+ </p>
424
+ </li>
425
+ <li class="flex items-start">
426
+ <div class="flex-shrink-0">
427
+ <i class="fas fa-check-circle text-purple-500"></i>
428
+ </div>
429
+ <p class="ml-3 text-base text-gray-700">
430
+ Exclusive founder resources
431
+ </p>
432
+ </li>
433
+ <li class="flex items-start">
434
+ <div class="flex-shrink-0">
435
+ <i class="fas fa-check-circle text-purple-500"></i>
436
+ </div>
437
+ <p class="ml-3 text-base text-gray-700">
438
+ VC introduction program
439
+ </p>
440
+ </li>
441
+ </ul>
442
+ <div class="mt-8">
443
+ <div class="rounded-md shadow">
444
+ <a href="#" class="flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-gray-50">
445
+ Upgrade Now
446
+ </a>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ </div>
454
+
455
+ <!-- FAQ -->
456
+ <div class="bg-white py-16">
457
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
458
+ <div class="lg:text-center">
459
+ <h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">FAQ</h2>
460
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
461
+ Frequently asked questions
462
+ </p>
463
+ </div>
464
+ <div class="mt-12">
465
+ <dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-12">
466
+ <div>
467
+ <dt class="text-lg leading-6 font-medium text-gray-900">
468
+ How does the matching process work?
469
+ </dt>
470
+ <dd class="mt-2 text-base text-gray-500">
471
+ Our algorithm analyzes your profile information (skills, experience, personality traits) and matches you with compatible founders. We also include human review for quality matches.
472
+ </dd>
473
+ </div>
474
+
475
+ <div>
476
+ <dt class="text-lg leading-6 font-medium text-gray-900">
477
+ Is FounderMatch only for tech startups?
478
+ </dt>
479
+ <dd class="mt-2 text-base text-gray-500">
480
+ Not at all! We support founders across all industries - from e-commerce to healthcare to social enterprises. Our matching focuses on complementary skills and shared vision.
481
+ </dd>
482
+ </div>
483
+
484
+ <div>
485
+ <dt class="text-lg leading-6 font-medium text-gray-900">
486
+ How long does it take to find a match?
487
+ </dt>
488
+ <dd class="mt-2 text-base text-gray-500">
489
+ Most users receive their first matches within 48 hours. The more complete your profile, the better and faster your matches will be.
490
+ </dd>
491
+ </div>
492
+
493
+ <div>
494
+ <dt class="text-lg leading-6 font-medium text-gray-900">
495
+ What if I don't like my matches?
496
+ </dt>
497
+ <dd class="mt-2 text-base text-gray-500">
498
+ You can provide feedback on each match to help us refine future suggestions. Premium members can also request manual rematching from our team.
499
+ </dd>
500
+ </div>
501
+
502
+ <div>
503
+ <dt class="text-lg leading-6 font-medium text-gray-900">
504
+ Do you help with legal agreements between co-founders?
505
+ </dt>
506
+ <dd class="mt-2 text-base text-gray-500">
507
+ We provide template agreements and partner discounts with legal services, but recommend consulting a lawyer for your specific situation.
508
+ </dd>
509
+ </div>
510
+
511
+ <div>
512
+ <dt class="text-lg leading-6 font-medium text-gray-900">
513
+ Can I join if I already have a startup idea?
514
+ </dt>
515
+ <dd class="mt-2 text-base text-gray-500">
516
+ Absolutely! Many founders come with ideas looking for complementary skills. You can specify whether you're open to joining someone else's idea or want partners for yours.
517
+ </dd>
518
+ </div>
519
+ </dl>
520
+ </div>
521
+ </div>
522
+ </div>
523
+
524
+ <!-- Final CTA -->
525
+ <div class="gradient-bg">
526
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
527
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
528
+ <span class="block">Ready to find your co-founder?</span>
529
+ <span class="block text-purple-200">Sign up today and get your first match for free.</span>
530
+ </h2>
531
+ <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
532
+ <div class="inline-flex rounded-md shadow">
533
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-purple-50">
534
+ Get Started
535
+ </a>
536
+ </div>
537
+ <div class="ml-3 inline-flex rounded-md shadow">
538
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-600 bg-opacity-60 hover:bg-opacity-70">
539
+ Live Demo
540
+ </a>
541
+ </div>
542
+ </div>
543
+ </div>
544
+ </div>
545
+
546
+ <!-- Footer -->
547
+ <footer class="bg-gray-800">
548
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
549
+ <div class="xl:grid xl:grid-cols-3 xl:gap-8">
550
+ <div class="space-y-8 xl:col-span-1">
551
+ <div class="flex items-center">
552
+ <i class="fas fa-handshake text-purple-400 text-2xl mr-2"></i>
553
+ <span class="text-xl font-bold text-white">FounderMatch</span>
554
+ </div>
555
+ <p class="text-gray-300 text-base">
556
+ Helping entrepreneurs find their perfect co-founder since 2023.
557
+ </p>
558
+ <div class="flex space-x-6">
559
+ <a href="#" class="text-gray-400 hover:text-gray-300">
560
+ <i class="fab fa-twitter"></i>
561
+ </a>
562
+ <a href="#" class="text-gray-400 hover:text-gray-300">
563
+ <i class="fab fa-linkedin"></i>
564
+ </a>
565
+ <a href="#" class="text-gray-400 hover:text-gray-300">
566
+ <i class="fab fa-discord"></i>
567
+ </a>
568
+ </div>
569
+ </div>
570
+ <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
571
+ <div class="md:grid md:grid-cols-2 md:gap-8">
572
+ <div>
573
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
574
+ Product
575
+ </h3>
576
+ <ul class="mt-4 space-y-4">
577
+ <li>
578
+ <a href="#" class="text-base text-gray-400 hover:text-white">
579
+ Features
580
+ </a>
581
+ </li>
582
+ <li>
583
+ <a href="#" class="text-base text-gray-400 hover:text-white">
584
+ Pricing
585
+ </a>
586
+ </li>
587
+ <li>
588
+ <a href="#" class="text-base text-gray-400 hover:text-white">
589
+ Success Stories
590
+ </a>
591
+ </li>
592
+ </ul>
593
+ </div>
594
+ <div class="mt-12 md:mt-0">
595
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
596
+ Resources
597
+ </h3>
598
+ <ul class="mt-4 space-y-4">
599
+ <li>
600
+ <a href="#" class="text-base text-gray-400 hover:text-white">
601
+ Blog
602
+ </a>
603
+ </li>
604
+ <li>
605
+ <a href="#" class="text-base text-gray-400 hover:text-white">
606
+ Guides
607
+ </a>
608
+ </li>
609
+ <li>
610
+ <a href="#" class="text-base text-gray-400 hover:text-white">
611
+ Webinars
612
+ </a>
613
+ </li>
614
+ </ul>
615
+ </div>
616
+ </div>
617
+ <div class="md:grid md:grid-cols-2 md:gap-8">
618
+ <div>
619
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
620
+ Company
621
+ </h3>
622
+ <ul class="mt-4 space-y-4">
623
+ <li>
624
+ <a href="#" class="text-base text-gray-400 hover:text-white">
625
+ About
626
+ </a>
627
+ </li>
628
+ <li>
629
+ <a href="#" class="text-base text-gray-400 hover:text-white">
630
+ Careers
631
+ </a>
632
+ </li>
633
+ <li>
634
+ <a href="#" class="text-base text-gray-400 hover:text-white">
635
+ Partners
636
+ </a>
637
+ </li>
638
+ </ul>
639
+ </div>
640
+ <div class="mt-12 md:mt-0">
641
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
642
+ Legal
643
+ </h3>
644
+ <ul class="mt-4 space-y-4">
645
+ <li>
646
+ <a href="#" class="text-base text-gray-400 hover:text-white">
647
+ Privacy
648
+ </a>
649
+ </li>
650
+ <li>
651
+ <a href="#" class="text-base text-gray-400 hover:text-white">
652
+ Terms
653
+ </a>
654
+ </li>
655
+ <li>
656
+ <a href="#" class="text-base text-gray-400 hover:text-white">
657
+ Cookie Policy
658
+ </a>
659
+ </li>
660
+ </ul>
661
+ </div>
662
+ </div>
663
+ </div>
664
+ </div>
665
+ <div class="mt-12 border-t border-gray-700 pt-8">
666
+ <p class="text-base text-gray-400 text-center">
667
+ &copy; 2023 FounderMatch. All rights reserved.
668
+ </p>
669
+ </div>
670
+ </div>
671
+ </footer>
672
+
673
+ <script>
674
+ // Simple form submission handler for demo purposes
675
+ document.addEventListener('DOMContentLoaded', function() {
676
+ const signupButtons = document.querySelectorAll('a[href="#"]');
677
+
678
+ signupButtons.forEach(button => {
679
+ button.addEventListener('click', function(e) {
680
+ e.preventDefault();
681
+ alert('Thanks for your interest! Our signup form would open here. This is a demo UI.');
682
+ });
683
+ });
684
+
685
+ // Mobile menu toggle would go here in a real implementation
686
+ });
687
+ </script>
688
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=franioz/project" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
689
+ </html>
prompts.txt ADDED
File without changes