add a privacy policy, FAQ, and Help center.

faq.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FAQ - BoosterBot</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Poppins', sans-serif;
+        }
+        .question {
+            transition: all 0.3s ease;
+        }
+        .question:hover {
+            color: #7c3aed;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <nav class="bg-white shadow-sm">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16">
+                <div class="flex items-center">
+                    <a href="index.html" class="flex-shrink-0 flex items-center">
+                        <i data-feather="zap" class="text-purple-600 w-6 h-6"></i>
+                        <span class="ml-2 text-xl font-bold text-gray-900">BoosterBot</span>
+                    </a>
+                </div>
+                <div class="hidden md:ml-6 md:flex md:items-center space-x-8">
+                    <a href="index.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Home</a>
+                    <a href="privacy.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Privacy Policy</a>
+                    <a href="help.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Help Center</a>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div class="text-center mb-12">
+            <h1 class="text-3xl font-bold text-gray-900 mb-4">Frequently Asked Questions</h1>
+            <p class="text-lg text-gray-600">Find answers to common questions about BoosterBot</p>
+        </div>
+
+        <div class="bg-white shadow rounded-lg p-8">
+            <div class="space-y-6">
+                <div x-data="{ open: false }" class="border-b border-gray-200 pb-4">
+                    <button @click="open = !open" class="flex justify-between items-center w-full text-left focus:outline-none">
+                        <h3 class="question text-lg font-semibold text-gray-800">How does BoosterBot work?</h3>
+                        <i :class="{'transform rotate-180': open}" class="text-purple-600 transition-transform duration-200" data-feather="chevron-down"></i>
+                    </button>
+                    <div x-show="open" x-collapse class="mt-2 text-gray-600">
+                        <p>BoosterBot uses advanced algorithms and a network of users to provide genuine engagement boosts to your social media profiles. Simply open the bot, select your desired service, and follow the instructions.</p>
+                    </div>
+                </div>
+
+                <div x-data="{ open: false }" class="border-b border-gray-200 pb-4">
+                    <button @click="open = !open" class="flex justify-between items-center w-full text-left focus:outline-none">
+                        <h3 class="question text-lg font-semibold text-gray-800">Is it safe to use BoosterBot?</h3>
+                        <i :class="{'transform rotate-180': open}" class="text-purple-600 transition-transform duration-200" data-feather="chevron-down"></i>
+                    </button>
+                    <div x-show="open" x-collapse class="mt-2 text-gray-600">
+                        <p>Yes, BoosterBot is completely safe to use. We comply with all platform guidelines and only provide services that don't violate terms of service. However, we recommend using our services responsibly.</p>
+                    </div>
+                </div>
+
+                <div x-data="{ open: false }" class="border-b border-gray-200 pb-4">
+                    <button @click="open = !open" class="flex justify-between items-center w-full text-left focus:outline-none">
+                        <h3 class="question text-lg font-semibold text-gray-800">How long does it take to see results?</h3>
+                        <i :class="{'transform rotate-180': open}" class="text-purple-600 transition-transform duration-200" data-feather="chevron-down"></i>
+                    </button>
+                    <div x-show="open" x-collapse class="mt-2 text-gray-600">
+                        <p>Most services show results within minutes of initiating them. Larger orders may take up to 24 hours to complete fully.</p>
+                    </div>
+                </div>
+
+                <div x-data="{ open: false }" class="border-b border-gray-200 pb-4">
+                    <button @click="open = !open" class="flex justify-between items-center w-full text-left focus:outline-none">
+                        <h3 class="question text-lg font-semibold text-gray-800">What payment methods do you accept?</h3>
+                        <i :class="{'transform rotate-180': open}" class="text-purple-600 transition-transform duration-200" data-feather="chevron-down"></i>
+                    </button>
+                    <div x-show="open" x-collapse class="mt-2 text-gray-600">
+                        <p>We accept various payment methods including credit cards, PayPal, and cryptocurrency. All payments are processed securely through our Telegram bot.</p>
+                    </div>
+                </div>
+
+                <div x-data="{ open: false }" class="border-b border-gray-200 pb-4">
+                    <button @click="open = !open" class="flex justify-between items-center w-full text-left focus:outline-none">
+                        <h3 class="question text-lg font-semibold text-gray-800">Can I get a refund if I'm not satisfied?</h3>
+                        <i :class="{'transform rotate-180': open}" class="text-purple-600 transition-transform duration-200" data-feather="chevron-down"></i>
+                    </button>
+                    <div x-show="open" x-collapse class="mt-2 text-gray-600">
+                        <p>We offer refunds on a case-by-case basis. If you're not satisfied with our service, please contact our support team through the bot and we'll work to resolve your issue.</p>
+                    </div>
+                </div>
+
+                <div x-data="{ open: false }" class="border-b border-gray-200 pb-4">
+                    <button @click="open = !open" class="flex justify-between items-center w-full text-left focus:outline-none">
+                        <h3 class="question text-lg font-semibold text-gray-800">Which platforms do you support?</h3>
+                        <i :class="{'transform rotate-180': open}" class="text-purple-600 transition-transform duration-200" data-feather="chevron-down"></i>
+                    </button>
+                    <div x-show="open" x-collapse class="mt-2 text-gray-600">
+                        <p>Currently, we support Instagram, Twitter, YouTube, Telegram, and TikTok. We're constantly adding support for more platforms.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="mt-12 text-center">
+                <p class="text-gray-600 mb-4">Didn't find the answer you were looking for?</p>
+                <a href="help.html" class="inline-block bg-purple-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-purple-700 transition duration-200">
+                    Contact Support
+                </a>
+            </div>
+        </div>
+    </main>
+
+    <footer class="bg-gray-900 text-white py-8">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <p>© 2023 BoosterBot. All rights reserved.</p>
+        </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.12.0/dist/cdn.min.js" defer></script>
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>

help.html

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Help Center - BoosterBot</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Poppins', sans-serif;
+        }
+        .help-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <nav class="bg-white shadow-sm">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16">
+                <div class="flex items-center">
+                    <a href="index.html" class="flex-shrink-0 flex items-center">
+                        <i data-feather="zap" class="text-purple-600 w-6 h-6"></i>
+                        <span class="ml-2 text-xl font-bold text-gray-900">BoosterBot</span>
+                    </a>
+                </div>
+                <div class="hidden md:ml-6 md:flex md:items-center space-x-8">
+                    <a href="index.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Home</a>
+                    <a href="faq.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">FAQ</a>
+                    <a href="privacy.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Privacy Policy</a>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div class="text-center mb-12">
+            <h1 class="text-3xl font-bold text-gray-900 mb-4">Help Center</h1>
+            <p class="text-lg text-gray-600">Get help with BoosterBot services and features</p>
+        </div>
+
+        <div class="grid md:grid-cols-2 gap-8 mb-12">
+            <div class="help-card bg-white p-8 rounded-xl shadow-sm transition duration-300 ease-in-out">
+                <div class="bg-purple-100 w-14 h-14 rounded-full flex items-center justify-center mb-6">
+                    <i data-feather="book-open" class="text-purple-600 w-6 h-6"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-900 mb-3">Guides & Tutorials</h3>
+                <p class="text-gray-600 mb-4">Learn how to get the most out of BoosterBot with our step-by-step guides.</p>
+                <a href="#" class="text-purple-600 font-medium inline-flex items-center">
+                    View guides <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
+                </a>
+            </div>
+
+            <div class="help-card bg-white p-8 rounded-xl shadow-sm transition duration-300 ease-in-out">
+                <div class="bg-purple-100 w-14 h-14 rounded-full flex items-center justify-center mb-6">
+                    <i data-feather="help-circle" class="text-purple-600 w-6 h-6"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-900 mb-3">Common Issues</h3>
+                <p class="text-gray-600 mb-4">Solutions to the most frequently encountered problems.</p>
+                <a href="faq.html" class="text-purple-600 font-medium inline-flex items-center">
+                    View solutions <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
+                </a>
+            </div>
+        </div>
+
+        <div class="bg-white shadow rounded-lg p-8">
+            <h2 class="text-2xl font-bold text-gray-900 mb-6">Contact Support</h2>
+            <form class="space-y-6">
+                <div>
+                    <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Your Name</label>
+                    <input type="text" id="name" name="name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500">
+                </div>
+                <div>
+                    <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
+                    <input type="email" id="email" name="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500">
+                </div>
+                <div>
+                    <label for="subject" class="block text-sm font-medium text-gray-700 mb-1">Subject</label>
+                    <select id="subject" name="subject" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500">
+                        <option value="">Select an option</option>
+                        <option value="account">Account Issues</option>
+                        <option value="payment">Payment Problems</option>
+                        <option value="service">Service Not Working</option>
+                        <option value="other">Other</option>
+                    </select>
+                </div>
+                <div>
+                    <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message</label>
+                    <textarea id="message" name="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500"></textarea>
+                </div>
+                <div>
+                    <button type="submit" class="bg-purple-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-purple-700 transition duration-200">
+                        Send Message
+                    </button>
+                </div>
+            </form>
+
+            <div class="mt-12 pt-8 border-t border-gray-200">
+                <h3 class="text-lg font-semibold text-gray-900 mb-4">Direct Support</h3>
+                <p class="text-gray-600 mb-4">For immediate assistance, contact us directly through our Telegram bot:</p>
+                <a href="https://t.me/Ultimate_booster_bot" class="inline-flex items-center text-purple-600 font-medium">
+                    <i data-feather="send" class="w-4 h-4 mr-2"></i>
+                    t.me/Ultimate_booster_bot
+                </a>
+            </div>
+        </div>
+    </main>
+
+    <footer class="bg-gray-900 text-white py-8">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <p>© 2023 BoosterBot. All rights reserved.</p>
+        </div>
+    </footer>
+
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>

privacy.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Privacy Policy - BoosterBot</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Poppins', sans-serif;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <nav class="bg-white shadow-sm">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16">
+                <div class="flex items-center">
+                    <a href="index.html" class="flex-shrink-0 flex items-center">
+                        <i data-feather="zap" class="text-purple-600 w-6 h-6"></i>
+                        <span class="ml-2 text-xl font-bold text-gray-900">BoosterBot</span>
+                    </a>
+                </div>
+                <div class="hidden md:ml-6 md:flex md:items-center space-x-8">
+                    <a href="index.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Home</a>
+                    <a href="faq.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">FAQ</a>
+                    <a href="help.html" class="text-gray-700 hover:text-purple-600 px-3 py-2 text-sm font-medium">Help Center</a>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div class="bg-white shadow rounded-lg p-8">
+            <h1 class="text-3xl font-bold text-gray-900 mb-8">Privacy Policy</h1>
+            
+            <div class="prose max-w-none">
+                <section class="mb-8">
+                    <h2 class="text-2xl font-semibold text-gray-800 mb-4">1. Information We Collect</h2>
+                    <p class="text-gray-600">When you use BoosterBot, we may collect certain information including:</p>
+                    <ul class="list-disc pl-5 mt-2 text-gray-600">
+                        <li>Your Telegram username and ID</li>
+                        <li>Information about the services you request</li>
+                        <li>Transaction history and usage data</li>
+                    </ul>
+                </section>
+
+                <section class="mb-8">
+                    <h2 class="text-2xl font-semibold text-gray-800 mb-4">2. How We Use Your Information</h2>
+                    <p class="text-gray-600">We use the information we collect to:</p>
+                    <ul class="list-disc pl-5 mt-2 text-gray-600">
+                        <li>Provide and improve our services</li>
+                        <li>Process your requests and transactions</li>
+                        <li>Communicate with you about our services</li>
+                        <li>Prevent fraud and abuse</li>
+                    </ul>
+                </section>
+
+                <section class="mb-8">
+                    <h2 class="text-2xl font-semibold text-gray-800 mb-4">3. Data Security</h2>
+                    <p class="text-gray-600">We implement security measures to protect your information, but no method of electronic transmission or storage is 100% secure.</p>
+                </section>
+
+                <section class="mb-8">
+                    <h2 class="text-2xl font-semibold text-gray-800 mb-4">4. Third-Party Services</h2>
+                    <p class="text-gray-600">We don't sell or share your personal information with third parties except as necessary to provide our services or as required by law.</p>
+                </section>
+
+                <section class="mb-8">
+                    <h2 class="text-2xl font-semibold text-gray-800 mb-4">5. Changes to This Policy</h2>
+                    <p class="text-gray-600">We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new policy on this page.</p>
+                </section>
+
+                <section>
+                    <h2 class="text-2xl font-semibold text-gray-800 mb-4">6. Contact Us</h2>
+                    <p class="text-gray-600">If you have any questions about this Privacy Policy, please contact us through our Telegram bot.</p>
+                </section>
+            </div>
+        </div>
+    </main>
+
+    <footer class="bg-gray-900 text-white py-8">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <p>© 2023 BoosterBot. All rights reserved.</p>
+        </div>
+    </footer>
+
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>