Hugging Face's logo

Spaces:
privateuserh
/
mrj-beta1-00
Running

App Files Community
privateuserh commited on
Commit
8f30ed3
·
verified ·
1 Parent(s): 7dbf2b2

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +66 -5
  2. prompts.txt +2 -1
index.html CHANGED
@@ -65,6 +65,21 @@
65
  background-clip: text;
66
  color: transparent;
67
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68
  </style>
69
  </head>
70
  <body class="min-h-screen flex flex-col">
@@ -79,6 +94,7 @@
79
  </div>
80
  <nav class="hidden md:flex space-x-6">
81
  <a href="#features" class="text-gray-300 hover:text-white transition">Features</a>
 
82
  <a href="#how-it-works" class="text-gray-300 hover:text-white transition">How It Works</a>
83
  <a href="#payment" class="text-gray-300 hover:text-white transition">Payment</a>
84
  <a href="#contact" class="text-gray-300 hover:text-white transition">Contact</a>
@@ -120,7 +136,7 @@
120
  <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
121
  <div class="w-3 h-3 rounded-full bg-green-500"></div>
122
  </div>
123
- <div class="text-sm text-gray-400 ml-4">MR. Jaycee Bot (Sample Preview)</div>
124
  </div>
125
  <div class="p-4">
126
  <div class="flex mb-4">
@@ -228,8 +244,53 @@
228
  </div>
229
  </section>
230
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
231
  <!-- How It Works Section -->
232
- <section id="how-it-works" class="py-16 px-4 sm:px-6 lg:px-8">
233
  <div class="container mx-auto">
234
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
235
  How To <span class="gradient-text">Get Started</span>
@@ -289,7 +350,7 @@
289
  </section>
290
 
291
  <!-- Payment Section -->
292
- <section id="payment" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-900/50">
293
  <div class="container mx-auto">
294
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
295
  <span class="gradient-text">Secure Payment</span> Options
@@ -332,7 +393,7 @@
332
  </section>
333
 
334
  <!-- Contact Section -->
335
- <section id="contact" class="py-16 px-4 sm:px-6 lg:px-8">
336
  <div class="container mx-auto">
337
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
338
  Need <span class="gradient-text">Help?</span> Contact Us
@@ -411,7 +472,7 @@
411
  </div>
412
  </div>
413
  <div class="border-t border-gray-800 mt-6 pt-6 text-center text-gray-500 text-sm">
414
- <p>© 2025 MR. Jaycee Access Pod. All rights reserved. MR. Jaycee is an AI, interact 24/7 with the AI bot for new content and questions.</p>
415
  <p class="mt-2">Secure payments processed through NowPayments.io</p>
416
  </div>
417
  </div>
 
65
  background-clip: text;
66
  color: transparent;
67
  }
68
+
69
+ .keyword-badge {
70
+ display: inline-block;
71
+ background: rgba(0, 219, 222, 0.1);
72
+ border: 1px solid rgba(0, 219, 222, 0.3);
73
+ border-radius: 20px;
74
+ padding: 8px 16px;
75
+ margin: 4px;
76
+ transition: all 0.3s ease;
77
+ }
78
+
79
+ .keyword-badge:hover {
80
+ background: rgba(0, 219, 222, 0.2);
81
+ transform: translateY(-2px);
82
+ }
83
  </style>
84
  </head>
85
  <body class="min-h-screen flex flex-col">
 
94
  </div>
95
  <nav class="hidden md:flex space-x-6">
96
  <a href="#features" class="text-gray-300 hover:text-white transition">Features</a>
97
+ <a href="#keywords" class="text-gray-300 hover:text-white transition">Keywords</a>
98
  <a href="#how-it-works" class="text-gray-300 hover:text-white transition">How It Works</a>
99
  <a href="#payment" class="text-gray-300 hover:text-white transition">Payment</a>
100
  <a href="#contact" class="text-gray-300 hover:text-white transition">Contact</a>
 
136
  <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
137
  <div class="w-3 h-3 rounded-full bg-green-500"></div>
138
  </div>
139
+ <div class="text-sm text-gray-400 ml-4">MR. Jaycee Bot</div>
140
  </div>
141
  <div class="p-4">
142
  <div class="flex mb-4">
 
244
  </div>
245
  </section>
246
 
247
+ <!-- Keywords Section -->
248
+ <section id="keywords" class="py-16 px-4 sm:px-6 lg:px-8">
249
+ <div class="container mx-auto">
250
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
251
+ Bot <span class="gradient-text">Keywords</span> & Commands
252
+ </h2>
253
+ <div class="max-w-4xl mx-auto card-glass p-8 rounded-xl">
254
+ <p class="text-gray-300 text-center mb-8">
255
+ Use these keywords in the MR. Jaycee Bot to access specific features and content:
256
+ </p>
257
+ <div class="flex flex-wrap justify-center">
258
+ <div class="keyword-badge">
259
+ <i class="fas fa-door-open mr-2 text-cyan-400"></i>
260
+ <span>Welcome Message</span>
261
+ </div>
262
+ <div class="keyword-badge">
263
+ <i class="fas fa-briefcase mr-2 text-purple-400"></i>
264
+ <span>Private Office</span>
265
+ </div>
266
+ <div class="keyword-badge">
267
+ <i class="fas fa-hand-holding-usd mr-2 text-green-400"></i>
268
+ <span>Donate</span>
269
+ </div>
270
+ <div class="keyword-badge">
271
+ <i class="fas fa-link mr-2 text-blue-400"></i>
272
+ <span>Blockchain</span>
273
+ </div>
274
+ <div class="keyword-badge">
275
+ <i class="fas fa-digging mr-2 text-yellow-400"></i>
276
+ <span>Mining</span>
277
+ </div>
278
+ </div>
279
+ <div class="mt-12 text-center">
280
+ <h3 class="text-xl font-semibold mb-4">How to use keywords</h3>
281
+ <p class="text-gray-300 mb-6 max-w-2xl mx-auto">
282
+ Simply type any of these keywords in your chat with the MR. Jaycee Bot to instantly access the corresponding feature or information.
283
+ </p>
284
+ <a href="https://t.me/MRJayceeBot" class="btn-primary text-white font-semibold py-3 px-8 rounded-full inline-flex items-center">
285
+ <i class="fab fa-telegram mr-2"></i> Try Keywords Now
286
+ </a>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </section>
291
+
292
  <!-- How It Works Section -->
293
+ <section id="how-it-works" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-900/50">
294
  <div class="container mx-auto">
295
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
296
  How To <span class="gradient-text">Get Started</span>
 
350
  </section>
351
 
352
  <!-- Payment Section -->
353
+ <section id="payment" class="py-16 px-4 sm:px-6 lg:px-8">
354
  <div class="container mx-auto">
355
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
356
  <span class="gradient-text">Secure Payment</span> Options
 
393
  </section>
394
 
395
  <!-- Contact Section -->
396
+ <section id="contact" class="py-16 px-4 sm:px-6 lg:px-8 bg-gray-900/50">
397
  <div class="container mx-auto">
398
  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
399
  Need <span class="gradient-text">Help?</span> Contact Us
 
472
  </div>
473
  </div>
474
  <div class="border-t border-gray-800 mt-6 pt-6 text-center text-gray-500 text-sm">
475
+ <p>© 2025 MR. Jaycee Access Pod. All rights reserved.</p>
476
  <p class="mt-2">Secure payments processed through NowPayments.io</p>
477
  </div>
478
  </div>
prompts.txt CHANGED
@@ -1 +1,2 @@
1
- Create a site for Info about Bot to interact with MR. Jaycee Access Pod. https://nowpayments.io/payment/?iid=5608760585 https://t.me/MRJayceeBot jayceejames.minisite.ai https://t.me/MRJayceeBot
 
 
1
+ Create a site for Info about Bot to interact with MR. Jaycee Access Pod. https://nowpayments.io/payment/?iid=5608760585 https://t.me/MRJayceeBot jayceejames.minisite.ai https://t.me/MRJayceeBot
2
+ Add Keyword List available at https://t.me/MRJayceeBot: Keywords: 1. Welcome Message 2. Private Office 3. Donate 4. Blockchain 5. Mining