Hugging Face's logo

Spaces:
Drewtu
/
clawd
Running

App Files Community
Drewtu commited on
Commit
b5a5ec1
·
verified ·
1 Parent(s): 5b55ec7

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +463 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Clawd
3
- emoji: 📚
4
- colorFrom: indigo
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: clawd
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: green
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,463 @@
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>Claude-PayPal MCP Integration</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, #0070ba 0%, #00a8e8 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-pulse {
18
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
19
+ }
20
+ @keyframes pulse {
21
+ 0%, 100% {
22
+ opacity: 1;
23
+ }
24
+ 50% {
25
+ opacity: 0.5;
26
+ }
27
+ }
28
+ </style>
29
+ </head>
30
+ <body class="bg-gray-50 min-h-screen">
31
+ <!-- Header -->
32
+ <header class="gradient-bg text-white shadow-lg">
33
+ <div class="container mx-auto px-4 py-6">
34
+ <div class="flex justify-between items-center">
35
+ <div class="flex items-center space-x-4">
36
+ <div class="bg-white rounded-full p-2">
37
+ <i class="fas fa-robot text-blue-600 text-2xl"></i>
38
+ </div>
39
+ <h1 class="text-2xl font-bold">Claude-PayPal MCP</h1>
40
+ </div>
41
+ <nav class="hidden md:flex space-x-6">
42
+ <a href="#" class="hover:text-blue-200 transition">Dashboard</a>
43
+ <a href="#" class="hover:text-blue-200 transition">Transactions</a>
44
+ <a href="#" class="hover:text-blue-200 transition">Settings</a>
45
+ <a href="#" class="hover:text-blue-200 transition">Docs</a>
46
+ </nav>
47
+ <button class="md:hidden text-white">
48
+ <i class="fas fa-bars text-2xl"></i>
49
+ </button>
50
+ </div>
51
+ </div>
52
+ </header>
53
+
54
+ <!-- Main Content -->
55
+ <main class="container mx-auto px-4 py-8">
56
+ <!-- Hero Section -->
57
+ <section class="mb-12">
58
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
59
+ <div class="md:flex">
60
+ <div class="md:w-1/2 p-8 md:p-12">
61
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">AI-Powered Payment Integration</h2>
62
+ <p class="text-gray-600 mb-6">
63
+ Seamlessly integrate Claude AI with PayPal to create intelligent payment flows, automated receipts, and AI-powered transaction processing.
64
+ </p>
65
+ <div class="flex space-x-4">
66
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition">
67
+ Get Started
68
+ </button>
69
+ <button class="border border-blue-600 text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium transition">
70
+ View Demo
71
+ </button>
72
+ </div>
73
+ </div>
74
+ <div class="md:w-1/2 bg-gradient-to-br from-blue-50 to-indigo-50 flex items-center justify-center p-8">
75
+ <div class="relative w-full max-w-md">
76
+ <div class="absolute -top-6 -left-6 w-32 h-32 bg-blue-200 rounded-full opacity-20"></div>
77
+ <div class="absolute -bottom-6 -right-6 w-32 h-32 bg-indigo-200 rounded-full opacity-20"></div>
78
+ <div class="relative bg-white p-6 rounded-xl shadow-lg">
79
+ <div class="flex items-center mb-4">
80
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
81
+ <i class="fas fa-comment-dots text-blue-600"></i>
82
+ </div>
83
+ <div>
84
+ <h3 class="font-semibold text-gray-800">AI Payment Assistant</h3>
85
+ <p class="text-sm text-gray-500">Ready to help with your transactions</p>
86
+ </div>
87
+ </div>
88
+ <div class="bg-gray-50 p-4 rounded-lg mb-3">
89
+ <p class="text-gray-700">"I can help you process payments, generate receipts, and answer questions about your transactions."</p>
90
+ </div>
91
+ <div class="flex justify-between items-center">
92
+ <div class="flex space-x-2">
93
+ <button class="bg-blue-100 text-blue-600 p-2 rounded-full">
94
+ <i class="fas fa-dollar-sign"></i>
95
+ </button>
96
+ <button class="bg-blue-100 text-blue-600 p-2 rounded-full">
97
+ <i class="fas fa-receipt"></i>
98
+ </button>
99
+ </div>
100
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm">
101
+ Start Chat
102
+ </button>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </section>
110
+
111
+ <!-- Features Section -->
112
+ <section class="mb-12">
113
+ <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Key Features</h2>
114
+ <div class="grid md:grid-cols-3 gap-8">
115
+ <!-- Feature 1 -->
116
+ <div class="bg-white rounded-xl shadow-md overflow-hidden transition duration-300 card-hover">
117
+ <div class="p-6">
118
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
119
+ <i class="fas fa-brain text-blue-600 text-xl"></i>
120
+ </div>
121
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">AI-Powered Processing</h3>
122
+ <p class="text-gray-600">
123
+ Claude AI handles transaction processing, generates receipts, and provides intelligent responses to payment queries.
124
+ </p>
125
+ </div>
126
+ </div>
127
+
128
+ <!-- Feature 2 -->
129
+ <div class="bg-white rounded-xl shadow-md overflow-hidden transition duration-300 card-hover">
130
+ <div class="p-6">
131
+ <div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
132
+ <i class="fab fa-paypal text-green-600 text-xl"></i>
133
+ </div>
134
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Seamless PayPal Integration</h3>
135
+ <p class="text-gray-600">
136
+ Full integration with PayPal's API for secure payment processing with support for both sandbox and production environments.
137
+ </p>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Feature 3 -->
142
+ <div class="bg-white rounded-xl shadow-md overflow-hidden transition duration-300 card-hover">
143
+ <div class="p-6">
144
+ <div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
145
+ <i class="fas fa-terminal text-purple-600 text-xl"></i>
146
+ </div>
147
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Termux Ready</h3>
148
+ <p class="text-gray-600">
149
+ Optimized for Termux on Android devices, allowing you to run this integration anywhere with just your phone.
150
+ </p>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </section>
155
+
156
+ <!-- Setup Instructions -->
157
+ <section class="mb-12 bg-white rounded-xl shadow-md overflow-hidden">
158
+ <div class="p-8">
159
+ <h2 class="text-2xl font-bold text-gray-800 mb-6">Quick Setup Guide</h2>
160
+
161
+ <div class="space-y-6">
162
+ <!-- Step 1 -->
163
+ <div class="flex items-start">
164
+ <div class="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">
165
+ 1
166
+ </div>
167
+ <div>
168
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Install Required Packages</h3>
169
+ <div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
170
+ <code class="text-sm">
171
+ pkg update -y && pkg install -y nodejs yarn git python nano openssl
172
+ </code>
173
+ </div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Step 2 -->
178
+ <div class="flex items-start">
179
+ <div class="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">
180
+ 2
181
+ </div>
182
+ <div>
183
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Clone the Repository</h3>
184
+ <div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
185
+ <code class="text-sm">
186
+ git clone https://github.com/yourusername/claude-paypal-mcp.git<br>
187
+ cd claude-paypal-mcp
188
+ </code>
189
+ </div>
190
+ </div>
191
+ </div>
192
+
193
+ <!-- Step 3 -->
194
+ <div class="flex items-start">
195
+ <div class="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">
196
+ 3
197
+ </div>
198
+ <div>
199
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Install Dependencies</h3>
200
+ <div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
201
+ <code class="text-sm">
202
+ yarn install
203
+ </code>
204
+ </div>
205
+ </div>
206
+ </div>
207
+
208
+ <!-- Step 4 -->
209
+ <div class="flex items-start">
210
+ <div class="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">
211
+ 4
212
+ </div>
213
+ <div>
214
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Configure Environment</h3>
215
+ <div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
216
+ <code class="text-sm">
217
+ nano .env<br>
218
+ # Add your PayPal and Claude API credentials
219
+ </code>
220
+ </div>
221
+ </div>
222
+ </div>
223
+
224
+ <!-- Step 5 -->
225
+ <div class="flex items-start">
226
+ <div class="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1 flex-shrink-0">
227
+ 5
228
+ </div>
229
+ <div>
230
+ <h3 class="text-lg font-semibold text-gray-800 mb-2">Start the Server</h3>
231
+ <div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
232
+ <code class="text-sm">
233
+ node claude-paypal-mcp.js
234
+ </code>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </div>
240
+ </section>
241
+
242
+ <!-- API Demo -->
243
+ <section class="mb-12">
244
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
245
+ <div class="p-8">
246
+ <h2 class="text-2xl font-bold text-gray-800 mb-6">API Demo</h2>
247
+
248
+ <div class="grid md:grid-cols-2 gap-6">
249
+ <!-- Create Order -->
250
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
251
+ <div class="bg-gray-50 px-4 py-3 border-b border-gray-200">
252
+ <h3 class="font-semibold text-gray-800">Create Payment Order</h3>
253
+ </div>
254
+ <div class="p-4">
255
+ <div class="mb-4">
256
+ <label class="block text-sm font-medium text-gray-700 mb-1">Amount</label>
257
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="10.00" value="10.00">
258
+ </div>
259
+ <div class="mb-4">
260
+ <label class="block text-sm font-medium text-gray-700 mb-1">Currency</label>
261
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
262
+ <option>USD</option>
263
+ <option>EUR</option>
264
+ <option>GBP</option>
265
+ </select>
266
+ </div>
267
+ <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition">
268
+ Create Order
269
+ </button>
270
+ </div>
271
+ </div>
272
+
273
+ <!-- API Response -->
274
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
275
+ <div class="bg-gray-50 px-4 py-3 border-b border-gray-200">
276
+ <h3 class="font-semibold text-gray-800">API Response</h3>
277
+ </div>
278
+ <div class="p-4 h-full">
279
+ <div class="bg-gray-800 text-gray-100 p-4 rounded-lg h-full overflow-auto">
280
+ <pre class="text-sm">
281
+ <span class="text-blue-400">{</span>
282
+ <span class="text-yellow-400">"orderId"</span>: <span class="text-green-400">"5O190127TN364705T"</span>,
283
+ <span class="text-yellow-400">"status"</span>: <span class="text-green-400">"CREATED"</span>,
284
+ <span class="text-yellow-400">"links"</span>: <span class="text-blue-400">[</span>
285
+ <span class="text-blue-400">{</span>
286
+ <span class="text-yellow-400">"href"</span>: <span class="text-green-400">"https://www.sandbox.paypal.com/checkoutnow?token=5O190127TN364705T"</span>,
287
+ <span class="text-yellow-400">"rel"</span>: <span class="text-green-400">"approve"</span>,
288
+ <span class="text-yellow-400">"method"</span>: <span class="text-green-400">"GET"</span>
289
+ <span class="text-blue-400">}</span>
290
+ <span class="text-blue-400">]</span>
291
+ <span class="text-blue-400">}</span></pre>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </section>
299
+
300
+ <!-- Testimonials -->
301
+ <section class="mb-12">
302
+ <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">What Our Users Say</h2>
303
+ <div class="grid md:grid-cols-3 gap-6">
304
+ <!-- Testimonial 1 -->
305
+ <div class="bg-white p-6 rounded-xl shadow-md">
306
+ <div class="flex items-center mb-4">
307
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
308
+ <i class="fas fa-user text-blue-600"></i>
309
+ </div>
310
+ <div>
311
+ <h4 class="font-semibold">Alex Johnson</h4>
312
+ <p class="text-sm text-gray-500">Developer</p>
313
+ </div>
314
+ </div>
315
+ <p class="text-gray-600 italic">
316
+ "The Claude-PayPal integration saved me countless hours of development time. The AI-generated receipts are a game-changer!"
317
+ </p>
318
+ <div class="mt-4 text-yellow-400">
319
+ <i class="fas fa-star"></i>
320
+ <i class="fas fa-star"></i>
321
+ <i class="fas fa-star"></i>
322
+ <i class="fas fa-star"></i>
323
+ <i class="fas fa-star"></i>
324
+ </div>
325
+ </div>
326
+
327
+ <!-- Testimonial 2 -->
328
+ <div class="bg-white p-6 rounded-xl shadow-md">
329
+ <div class="flex items-center mb-4">
330
+ <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mr-4">
331
+ <i class="fas fa-user text-green-600"></i>
332
+ </div>
333
+ <div>
334
+ <h4 class="font-semibold">Sarah Miller</h4>
335
+ <p class="text-sm text-gray-500">E-commerce Owner</p>
336
+ </div>
337
+ </div>
338
+ <p class="text-gray-600 italic">
339
+ "Running this on my Android phone via Termux has been incredibly convenient. The setup was straightforward and it just works."
340
+ </p>
341
+ <div class="mt-4 text-yellow-400">
342
+ <i class="fas fa-star"></i>
343
+ <i class="fas fa-star"></i>
344
+ <i class="fas fa-star"></i>
345
+ <i class="fas fa-star"></i>
346
+ <i class="fas fa-star-half-alt"></i>
347
+ </div>
348
+ </div>
349
+
350
+ <!-- Testimonial 3 -->
351
+ <div class="bg-white p-6 rounded-xl shadow-md">
352
+ <div class="flex items-center mb-4">
353
+ <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">
354
+ <i class="fas fa-user text-purple-600"></i>
355
+ </div>
356
+ <div>
357
+ <h4 class="font-semibold">David Chen</h4>
358
+ <p class="text-sm text-gray-500">CTO</p>
359
+ </div>
360
+ </div>
361
+ <p class="text-gray-600 italic">
362
+ "The combination of AI and payments opens up so many possibilities. This integration is powerful yet simple to implement."
363
+ </p>
364
+ <div class="mt-4 text-yellow-400">
365
+ <i class="fas fa-star"></i>
366
+ <i class="fas fa-star"></i>
367
+ <i class="fas fa-star"></i>
368
+ <i class="fas fa-star"></i>
369
+ <i class="fas fa-star"></i>
370
+ </div>
371
+ </div>
372
+ </div>
373
+ </section>
374
+ </main>
375
+
376
+ <!-- Footer -->
377
+ <footer class="gradient-bg text-white py-12">
378
+ <div class="container mx-auto px-4">
379
+ <div class="grid md:grid-cols-4 gap-8">
380
+ <!-- Column 1 -->
381
+ <div>
382
+ <h3 class="text-lg font-semibold mb-4">Claude-PayPal MCP</h3>
383
+ <p class="text-blue-100">
384
+ AI-powered payment processing solution that integrates Claude AI with PayPal for intelligent transaction handling.
385
+ </p>
386
+ </div>
387
+
388
+ <!-- Column 2 -->
389
+ <div>
390
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
391
+ <ul class="space-y-2">
392
+ <li><a href="#" class="text-blue-100 hover:text-white transition">Documentation</a></li>
393
+ <li><a href="#" class="text-blue-100 hover:text-white transition">GitHub Repository</a></li>
394
+ <li><a href="#" class="text-blue-100 hover:text-white transition">API Reference</a></li>
395
+ <li><a href="#" class="text-blue-100 hover:text-white transition">Support</a></li>
396
+ </ul>
397
+ </div>
398
+
399
+ <!-- Column 3 -->
400
+ <div>
401
+ <h3 class="text-lg font-semibold mb-4">Resources</h3>
402
+ <ul class="space-y-2">
403
+ <li><a href="#" class="text-blue-100 hover:text-white transition">PayPal Developer</a></li>
404
+ <li><a href="#" class="text-blue-100 hover:text-white transition">Anthropic API</a></li>
405
+ <li><a href="#" class="text-blue-100 hover:text-white transition">Termux Wiki</a></li>
406
+ <li><a href="#" class="text-blue-100 hover:text-white transition">Blog</a></li>
407
+ </ul>
408
+ </div>
409
+
410
+ <!-- Column 4 -->
411
+ <div>
412
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
413
+ <div class="flex space-x-4 mb-4">
414
+ <a href="#" class="bg-blue-700 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center transition">
415
+ <i class="fab fa-twitter"></i>
416
+ </a>
417
+ <a href="#" class="bg-blue-700 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center transition">
418
+ <i class="fab fa-github"></i>
419
+ </a>
420
+ <a href="#" class="bg-blue-700 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center transition">
421
+ <i class="fab fa-discord"></i>
422
+ </a>
423
+ </div>
424
+ <p class="text-blue-100">
425
+ Subscribe to our newsletter for updates
426
+ </p>
427
+ <div class="mt-3 flex">
428
+ <input type="email" placeholder="Your email" class="px-3 py-2 rounded-l-md text-gray-800 w-full focus:outline-none">
429
+ <button class="bg-blue-800 hover:bg-blue-900 px-4 py-2 rounded-r-md transition">
430
+ <i class="fas fa-paper-plane"></i>
431
+ </button>
432
+ </div>
433
+ </div>
434
+ </div>
435
+
436
+ <div class="border-t border-blue-400 mt-8 pt-8 text-center text-blue-100">
437
+ <p>&copy; 2023 Claude-PayPal MCP Integration. All rights reserved.</p>
438
+ </div>
439
+ </div>
440
+ </footer>
441
+
442
+ <script>
443
+ // Simple demo functionality
444
+ document.querySelector('.features-grid').addEventListener('click', function(e) {
445
+ if (e.target.classList.contains('feature-card')) {
446
+ // Add animation to clicked card
447
+ e.target.classList.add('animate-pulse');
448
+ setTimeout(() => {
449
+ e.target.classList.remove('animate-pulse');
450
+ }, 2000);
451
+ }
452
+ });
453
+
454
+ // Create order button functionality
455
+ const createOrderBtn = document.querySelector('button:contains("Create Order")');
456
+ if (createOrderBtn) {
457
+ createOrderBtn.addEventListener('click', function() {
458
+ alert('Order creation would be processed here in a real implementation');
459
+ });
460
+ }
461
+ </script>
462
+ <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=Drewtu/clawd" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
463
+ </html>
prompts.txt ADDED
File without changes