Hugging Face's logo

Spaces:
Devirus
/
prompthub
Running

App Files Community
Devirus commited on
Commit
ea6098f
·
verified ·
1 Parent(s): 3422990

marketplace for custom AI prompt libraries. companies redoing same work. - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +362 -18
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Prompthub
3
- emoji: 🐠
4
- colorFrom: pink
5
- colorTo: indigo
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: prompthub
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
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,363 @@
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>PromptHub - AI Prompt Marketplace</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
13
+ <style>
14
+ .hero-gradient {
15
+ background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
16
+ }
17
+ .prompt-card:hover {
18
+ transform: translateY(-5px);
19
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
20
+ }
21
+ .category-chip {
22
+ transition: all 0.3s ease;
23
+ }
24
+ .category-chip:hover {
25
+ background-color: #6e8efb;
26
+ color: white;
27
+ }
28
+ </style>
29
+ </head>
30
+ <body class="bg-gray-50">
31
+ <!-- Navigation -->
32
+ <nav class="bg-white shadow-sm py-4 sticky top-0 z-50">
33
+ <div class="container mx-auto px-4 flex justify-between items-center">
34
+ <div class="flex items-center space-x-2">
35
+ <i data-feather="zap" class="text-indigo-600"></i>
36
+ <span class="text-xl font-bold text-gray-800">PromptHub</span>
37
+ </div>
38
+ <div class="hidden md:flex space-x-8">
39
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Marketplace</a>
40
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Categories</a>
41
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">For Teams</a>
42
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Pricing</a>
43
+ </div>
44
+ <div class="flex items-center space-x-4">
45
+ <button class="px-4 py-2 text-gray-600 hover:text-indigo-600">
46
+ <i data-feather="search"></i>
47
+ </button>
48
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition">
49
+ Sign In
50
+ </button>
51
+ <button class="md:hidden">
52
+ <i data-feather="menu"></i>
53
+ </button>
54
+ </div>
55
+ </div>
56
+ </nav>
57
+
58
+ <!-- Hero Section -->
59
+ <section id="hero" class="hero-gradient text-white py-20">
60
+ <div class="container mx-auto px-4">
61
+ <div class="max-w-3xl mx-auto text-center" data-aos="fade-up">
62
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Stop Reinventing the AI Wheel</h1>
63
+ <p class="text-xl mb-8 opacity-90">
64
+ Access thousands of pre-built, battle-tested AI prompts from top companies.
65
+ Save hundreds of hours on repetitive AI work.
66
+ </p>
67
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
68
+ <button class="px-8 py-3 bg-white text-indigo-600 rounded-md font-medium hover:bg-gray-100 transition">
69
+ Browse Prompts
70
+ </button>
71
+ <button class="px-8 py-3 border-2 border-white text-white rounded-md font-medium hover:bg-white hover:bg-opacity-10 transition">
72
+ Sell Your Prompts
73
+ </button>
74
+ </div>
75
+ </div>
76
+ </div>
77
+ </section>
78
+
79
+ <!-- Stats Section -->
80
+ <section class="py-16 bg-white">
81
+ <div class="container mx-auto px-4">
82
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
83
+ <div class="p-6" data-aos="fade-up" data-aos-delay="100">
84
+ <h3 class="text-4xl font-bold text-indigo-600 mb-2">10,000+</h3>
85
+ <p class="text-gray-600">High-Quality Prompts</p>
86
+ </div>
87
+ <div class="p-6" data-aos="fade-up" data-aos-delay="200">
88
+ <h3 class="text-4xl font-bold text-indigo-600 mb-2">500+</h3>
89
+ <p class="text-gray-600">Industry Experts</p>
90
+ </div>
91
+ <div class="p-6" data-aos="fade-up" data-aos-delay="300">
92
+ <h3 class="text-4xl font-bold text-indigo-600 mb-2">85%</h3>
93
+ <p class="text-gray-600">Time Saved</p>
94
+ </div>
95
+ <div class="p-6" data-aos="fade-up" data-aos-delay="400">
96
+ <h3 class="text-4xl font-bold text-indigo-600 mb-2">4.9/5</h3>
97
+ <p class="text-gray-600">Average Rating</p>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </section>
102
+
103
+ <!-- Categories Section -->
104
+ <section class="py-16 bg-gray-50">
105
+ <div class="container mx-auto px-4">
106
+ <div class="text-center mb-12" data-aos="fade-up">
107
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Popular Categories</h2>
108
+ <p class="text-gray-600 max-w-2xl mx-auto">
109
+ Find specialized prompts for your specific needs across industries and use cases
110
+ </p>
111
+ </div>
112
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
113
+ <div class="category-chip p-4 bg-white rounded-lg shadow-sm text-center cursor-pointer" data-aos="fade-up" data-aos-delay="100">
114
+ <i data-feather="code" class="mx-auto text-indigo-600 mb-2"></i>
115
+ <p class="font-medium">Development</p>
116
+ </div>
117
+ <div class="category-chip p-4 bg-white rounded-lg shadow-sm text-center cursor-pointer" data-aos="fade-up" data-aos-delay="150">
118
+ <i data-feather="dollar-sign" class="mx-auto text-indigo-600 mb-2"></i>
119
+ <p class="font-medium">Marketing</p>
120
+ </div>
121
+ <div class="category-chip p-4 bg-white rounded-lg shadow-sm text-center cursor-pointer" data-aos="fade-up" data-aos-delay="200">
122
+ <i data-feather="file-text" class="mx-auto text-indigo-600 mb-2"></i>
123
+ <p class="font-medium">Legal</p>
124
+ </div>
125
+ <div class="category-chip p-4 bg-white rounded-lg shadow-sm text-center cursor-pointer" data-aos="fade-up" data-aos-delay="250">
126
+ <i data-feather="heart" class="mx-auto text-indigo-600 mb-2"></i>
127
+ <p class="font-medium">Healthcare</p>
128
+ </div>
129
+ <div class="category-chip p-4 bg-white rounded-lg shadow-sm text-center cursor-pointer" data-aos="fade-up" data-aos-delay="300">
130
+ <i data-feather="shopping-bag" class="mx-auto text-indigo-600 mb-2"></i>
131
+ <p class="font-medium">E-commerce</p>
132
+ </div>
133
+ <div class="category-chip p-4 bg-white rounded-lg shadow-sm text-center cursor-pointer" data-aos="fade-up" data-aos-delay="350">
134
+ <i data-feather="book" class="mx-auto text-indigo-600 mb-2"></i>
135
+ <p class="font-medium">Education</p>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </section>
140
+
141
+ <!-- Featured Prompts -->
142
+ <section class="py-16 bg-white">
143
+ <div class="container mx-auto px-4">
144
+ <div class="flex justify-between items-center mb-8">
145
+ <h2 class="text-3xl font-bold text-gray-800" data-aos="fade-up">Featured Prompt Libraries</h2>
146
+ <a href="#" class="text-indigo-600 font-medium flex items-center" data-aos="fade-up">
147
+ View All <i data-feather="arrow-right" class="ml-2"></i>
148
+ </a>
149
+ </div>
150
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
151
+ <!-- Prompt Card 1 -->
152
+ <div class="prompt-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up" data-aos-delay="100">
153
+ <div class="h-48 bg-indigo-100 flex items-center justify-center">
154
+ <i data-feather="code" class="w-16 h-16 text-indigo-600"></i>
155
+ </div>
156
+ <div class="p-6">
157
+ <div class="flex justify-between items-start mb-2">
158
+ <h3 class="font-bold text-xl text-gray-800">Full-Stack Developer Kit</h3>
159
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full">PRO</span>
160
+ </div>
161
+ <p class="text-gray-600 mb-4">250+ prompts for React, Node.js, Python and database interactions</p>
162
+ <div class="flex justify-between items-center">
163
+ <div class="flex items-center">
164
+ <i data-feather="star" class="w-4 h-4 text-yellow-500 mr-1"></i>
165
+ <span class="text-sm font-medium">4.9 (128)</span>
166
+ </div>
167
+ <span class="font-bold text-indigo-600">$49.99</span>
168
+ </div>
169
+ </div>
170
+ </div>
171
+
172
+ <!-- Prompt Card 2 -->
173
+ <div class="prompt-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up" data-aos-delay="200">
174
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
175
+ <i data-feather="dollar-sign" class="w-16 h-16 text-blue-600"></i>
176
+ </div>
177
+ <div class="p-6">
178
+ <div class="flex justify-between items-start mb-2">
179
+ <h3 class="font-bold text-xl text-gray-800">Marketing Campaign Generator</h3>
180
+ <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full">BESTSELLER</span>
181
+ </div>
182
+ <p class="text-gray-600 mb-4">Complete framework for social media, email, and ad copy generation</p>
183
+ <div class="flex justify-between items-center">
184
+ <div class="flex items-center">
185
+ <i data-feather="star" class="w-4 h-4 text-yellow-500 mr-1"></i>
186
+ <span class="text-sm font-medium">4.8 (342)</span>
187
+ </div>
188
+ <span class="font-bold text-indigo-600">$79.99</span>
189
+ </div>
190
+ </div>
191
+ </div>
192
+
193
+ <!-- Prompt Card 3 -->
194
+ <div class="prompt-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up" data-aos-delay="300">
195
+ <div class="h-48 bg-green-100 flex items-center justify-center">
196
+ <i data-feather="file-text" class="w-16 h-16 text-green-600"></i>
197
+ </div>
198
+ <div class="p-6">
199
+ <div class="flex justify-between items-start mb-2">
200
+ <h3 class="font-bold text-xl text-gray-800">Legal Document Assistant</h3>
201
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">NEW</span>
202
+ </div>
203
+ <p class="text-gray-600 mb-4">Templates for contracts, NDAs, and compliance documentation</p>
204
+ <div class="flex justify-between items-center">
205
+ <div class="flex items-center">
206
+ <i data-feather="star" class="w-4 h-4 text-yellow-500 mr-1"></i>
207
+ <span class="text-sm font-medium">4.7 (56)</span>
208
+ </div>
209
+ <span class="font-bold text-indigo-600">$129.99</span>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </section>
216
+
217
+ <!-- Testimonials -->
218
+ <section class="py-16 bg-gray-50">
219
+ <div class="container mx-auto px-4">
220
+ <div class="text-center mb-12" data-aos="fade-up">
221
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Trusted by Teams at</h2>
222
+ </div>
223
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center mb-16">
224
+ <div class="flex justify-center" data-aos="fade-up" data-aos-delay="100">
225
+ <div class="h-12 text-gray-400 font-bold text-2xl">Google</div>
226
+ </div>
227
+ <div class="flex justify-center" data-aos="fade-up" data-aos-delay="200">
228
+ <div class="h-12 text-gray-400 font-bold text-2xl">Amazon</div>
229
+ </div>
230
+ <div class="flex justify-center" data-aos="fade-up" data-aos-delay="300">
231
+ <div class="h-12 text-gray-400 font-bold text-2xl">Microsoft</div>
232
+ </div>
233
+ <div class="flex justify-center" data-aos="fade-up" data-aos-delay="400">
234
+ <div class="h-12 text-gray-400 font-bold text-2xl">Spotify</div>
235
+ </div>
236
+ </div>
237
+
238
+ <div class="max-w-4xl mx-auto">
239
+ <div class="bg-white p-8 rounded-xl shadow-sm" data-aos="fade-up">
240
+ <div class="flex items-center mb-6">
241
+ <div class="w-16 h-16 rounded-full bg-indigo-100 flex items-center justify-center mr-4">
242
+ <i data-feather="user" class="text-indigo-600"></i>
243
+ </div>
244
+ <div>
245
+ <h4 class="font-bold text-gray-800">Sarah Johnson</h4>
246
+ <p class="text-gray-600">Head of AI, TechCorp</p>
247
+ </div>
248
+ </div>
249
+ <p class="text-gray-700 italic">
250
+ "Our engineering team was spending 20+ hours per week crafting and refining AI prompts.
251
+ With PromptHub, we've reduced that to under 2 hours while getting better results.
252
+ The specialized developer prompts alone saved us $150k in engineering time last quarter."
253
+ </p>
254
+ <div class="flex mt-4">
255
+ <i data-feather="star" class="w-5 h-5 text-yellow-500 mr-1"></i>
256
+ <i data-feather="star" class="w-5 h-5 text-yellow-500 mr-1"></i>
257
+ <i data-feather="star" class="w-5 h-5 text-yellow-500 mr-1"></i>
258
+ <i data-feather="star" class="w-5 h-5 text-yellow-500 mr-1"></i>
259
+ <i data-feather="star" class="w-5 h-5 text-yellow-500"></i>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ </section>
265
+
266
+ <!-- CTA Section -->
267
+ <section class="py-20 hero-gradient text-white">
268
+ <div class="container mx-auto px-4 text-center">
269
+ <h2 class="text-3xl md:text-4xl font-bold mb-6" data-aos="fade-up">Ready to Transform Your AI Workflow?</h2>
270
+ <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90" data-aos="fade-up" data-aos-delay="100">
271
+ Join thousands of teams saving hundreds of hours with our curated prompt libraries
272
+ </p>
273
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
274
+ <button class="px-8 py-3 bg-white text-indigo-600 rounded-md font-medium hover:bg-gray-100 transition">
275
+ Browse Prompt Libraries
276
+ </button>
277
+ <button class="px-8 py-3 border-2 border-white text-white rounded-md font-medium hover:bg-white hover:bg-opacity-10 transition">
278
+ Talk to Sales
279
+ </button>
280
+ </div>
281
+ </div>
282
+ </section>
283
+
284
+ <!-- Footer -->
285
+ <footer class="bg-gray-900 text-gray-400 py-12">
286
+ <div class="container mx-auto px-4">
287
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
288
+ <div>
289
+ <div class="flex items-center space-x-2 mb-4">
290
+ <i data-feather="zap" class="text-indigo-500"></i>
291
+ <span class="text-xl font-bold text-white">PromptHub</span>
292
+ </div>
293
+ <p class="mb-4">The marketplace for battle-tested AI prompts that deliver real results.</p>
294
+ <div class="flex space-x-4">
295
+ <a href="#" class="hover:text-white"><i data-feather="twitter"></i></a>
296
+ <a href="#" class="hover:text-white"><i data-feather="linkedin"></i></a>
297
+ <a href="#" class="hover:text-white"><i data-feather="github"></i></a>
298
+ </div>
299
+ </div>
300
+ <div>
301
+ <h4 class="text-white font-medium mb-4">Marketplace</h4>
302
+ <ul class="space-y-2">
303
+ <li><a href="#" class="hover:text-white">All Prompts</a></li>
304
+ <li><a href="#" class="hover:text-white">Categories</a></li>
305
+ <li><a href="#" class="hover:text-white">Top Sellers</a></li>
306
+ <li><a href="#" class="hover:text-white">New Releases</a></li>
307
+ </ul>
308
+ </div>
309
+ <div>
310
+ <h4 class="text-white font-medium mb-4">Company</h4>
311
+ <ul class="space-y-2">
312
+ <li><a href="#" class="hover:text-white">About Us</a></li>
313
+ <li><a href="#" class="hover:text-white">Careers</a></li>
314
+ <li><a href="#" class="hover:text-white">Blog</a></li>
315
+ <li><a href="#" class="hover:text-white">Press</a></li>
316
+ </ul>
317
+ </div>
318
+ <div>
319
+ <h4 class="text-white font-medium mb-4">Resources</h4>
320
+ <ul class="space-y-2">
321
+ <li><a href="#" class="hover:text-white">Help Center</a></li>
322
+ <li><a href="#" class="hover:text-white">Documentation</a></li>
323
+ <li><a href="#" class="hover:text-white">Community</a></li>
324
+ <li><a href="#" class="hover:text-white">API Status</a></li>
325
+ </ul>
326
+ </div>
327
+ </div>
328
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
329
+ <p>© 2023 PromptHub. All rights reserved.</p>
330
+ <div class="flex space-x-6 mt-4 md:mt-0">
331
+ <a href="#" class="hover:text-white">Privacy Policy</a>
332
+ <a href="#" class="hover:text-white">Terms of Service</a>
333
+ <a href="#" class="hover:text-white">Cookies</a>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ </footer>
338
+
339
+ <script>
340
+ AOS.init({
341
+ duration: 800,
342
+ easing: 'ease-in-out',
343
+ once: true
344
+ });
345
+ feather.replace();
346
+
347
+ // Vanta.js Globe Background for Hero Section
348
+ VANTA.GLOBE({
349
+ el: "#hero",
350
+ mouseControls: true,
351
+ touchControls: true,
352
+ gyroControls: false,
353
+ minHeight: 200.00,
354
+ minWidth: 200.00,
355
+ scale: 1.00,
356
+ scaleMobile: 1.00,
357
+ color: 0x6e8efb,
358
+ backgroundColor: 0x0,
359
+ size: 0.8
360
+ });
361
+ </script>
362
+ </body>
363
  </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ marketplace for custom AI prompt libraries. companies redoing same work.