File size: 5,860 Bytes
803f270
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
db96b83
 
803f270
 
 
db96b83
803f270
 
db96b83
803f270
 
 
 
 
 
db96b83
 
 
 
 
803f270
 
 
db96b83
803f270
db96b83
 
 
 
 
 
803f270
db96b83
 
 
 
 
 
 
 
803f270
db96b83
803f270
db96b83
 
 
 
 
 
 
 
803f270
db96b83
803f270
db96b83
 
 
 
 
 
 
 
803f270
db96b83
803f270
db96b83
 
 
 
 
803f270
 
 
db96b83
803f270
db96b83
 
 
 
 
 
803f270
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!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;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Navigation -->
    <nav class="bg-white/80 backdrop-blur-md shadow-sm fixed w-full z-50">
        <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">
                    <div 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>
                    </div>
                </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 class="flex items-center">
                    <a href="https://t.me/Ultimate_booster_bot" class="bg-purple-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-purple-700 transition duration-150 ease-in-out flex items-center">
                        <i data-feather="send" class="w-4 h-4 mr-2"></i>
                        Get Started
                    </a>
                </div>
            </div>
        </div>
    </nav>

    <!-- Help Center Content -->
    <section class="pt-32 pb-20 max-w-4xl mx-auto px-4 sm:px-6">
        <div class="bg-white p-8 rounded-xl shadow-sm">
            <h1 class="text-3xl font-bold text-gray-900 mb-8">Help Center</h1>
            
            <div class="space-y-8">
                <div>
                    <h2 class="text-xl font-bold text-gray-900 mb-4">Getting Started</h2>
                    <div class="bg-gray-50 p-6 rounded-lg">
                        <h3 class="font-semibold text-gray-900 mb-2">1. How to use BoosterBot</h3>
                        <p class="text-gray-600 mb-4">To start using BoosterBot, simply open our <a href="https://t.me/Ultimate_booster_bot" class="text-purple-600 hover:underline">Telegram bot</a> and follow the on-screen instructions.</p>
                        
                        <h3 class="font-semibold text-gray-900 mb-2">2. Selecting a service</h3>
                        <p class="text-gray-600">Choose from our menu of services, enter the required details (profile link, post URL, etc.), and proceed to payment.</p>
                    </div>
                </div>
                
                <div>
                    <h2 class="text-xl font-bold text-gray-900 mb-4">Common Issues</h2>
                    <div class="bg-gray-50 p-6 rounded-lg">
                        <h3 class="font-semibold text-gray-900 mb-2">1. Service not working</h3>
                        <p class="text-gray-600 mb-4">If your service isn't working as expected, please wait 24 hours for completion. If issues persist, contact our support through the bot.</p>
                        
                        <h3 class="font-semibold text-gray-900 mb-2">2. Payment problems</h3>
                        <p class="text-gray-600">Ensure you've completed all payment steps. Failed payments may take up to 24 hours to be refunded automatically.</p>
                    </div>
                </div>
                
                <div>
                    <h2 class="text-xl font-bold text-gray-900 mb-4">Account & Security</h2>
                    <div class="bg-gray-50 p-6 rounded-lg">
                        <h3 class="font-semibold text-gray-900 mb-2">1. Privacy concerns</h3>
                        <p class="text-gray-600 mb-4">We take your privacy seriously. Read our <a href="privacy.html" class="text-purple-600 hover:underline">Privacy Policy</a> for details on how we handle your information.</p>
                        
                        <h3 class="font-semibold text-gray-900 mb-2">2. Account safety</h3>
                        <p class="text-gray-600">Never share your login credentials with anyone. Our bot will never ask for your password.</p>
                    </div>
                </div>
                
                <div>
                    <h2 class="text-xl font-bold text-gray-900 mb-4">Contact Support</h2>
                    <div class="bg-gray-50 p-6 rounded-lg">
                        <p class="text-gray-600 mb-4">For direct assistance, please contact us through the Telegram bot by typing "/support" or sending a message to @BoosterBotSupport.</p>
                        <p class="text-gray-600">Typical response time is within 24 hours.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-900 text-white py-12">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
                <p>© 2023 BoosterBot. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script>
        feather.replace();
    </script>
</body>
</html>