embedingHF commited on
Commit
7bbb64f
Β·
verified Β·
1 Parent(s): ec9731c

Update homepage.html

Browse files
Files changed (1) hide show
  1. homepage.html +749 -388
homepage.html CHANGED
@@ -2,433 +2,794 @@
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="All File Converter - Professional file conversion software. Convert images, documents, video, audio. Fast, offline, secure.">
7
- <meta name="keywords" content="file converter, all file converter, video converter, image converter, PDF converter, BahadurAli">
 
 
 
8
  <meta name="author" content="BahadurAli's Team">
9
- <title>All File Converter | Professional File Conversion Software</title>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap" rel="stylesheet">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
12
  <style>
13
- * { margin: 0; padding: 0; box-sizing: border-box; }
14
- body { font-family: 'Inter', sans-serif; background: #ffffff; color: #111827; line-height: 1.5; overflow-x: hidden; }
15
-
16
- /* Header Styles */
17
- .header { position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,0.98); backdrop-filter: blur(10px); border-bottom: 1px solid #e5e7eb; z-index: 999; padding: 12px 48px; display: flex; justify-content: space-between; align-items: center; }
18
- .logo { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 1.2rem; color: #111827; cursor: pointer; }
19
- .logo i { font-size: 1.5rem; color: #111827; }
20
- .nav-links { display: flex; gap: 32px; }
21
- .nav-links a { text-decoration: none; color: #4b5563; font-weight: 500; transition: 0.2s; cursor: pointer; }
22
- .nav-links a:hover { color: #111827; }
23
- .header-download { background: #111827; color: white; border: none; padding: 8px 24px; border-radius: 40px; font-weight: 600; cursor: pointer; transition: 0.2s; }
24
- .header-download:hover { background: #1f2937; transform: translateY(-2px); }
25
- .menu-btn { display: none; position: fixed; top: 16px; left: 16px; z-index: 1001; background: white; border: 1px solid #e5e7eb; border-radius: 12px; width: 44px; height: 44px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 5px; }
26
- .menu-btn span { width: 20px; height: 2px; background: #374151; border-radius: 2px; transition: 0.2s; }
27
-
28
- /* Sidebar */
29
- .sidebar { position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background: #111827; color: #e5e7eb; z-index: 1100; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; }
30
- .sidebar.open { left: 0; }
31
- .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1050; opacity: 0; visibility: hidden; transition: 0.2s; }
32
- .overlay.active { opacity: 1; visibility: visible; }
33
- .sidebar-header { padding: 32px 24px; border-bottom: 1px solid #1f2d3d; display: flex; justify-content: space-between; align-items: center; }
34
- .sidebar-header h3 { font-size: 1.2rem; font-weight: 600; display: flex; align-items: center; gap: 10px; color: white; }
35
- .close-sidebar { background: none; border: none; color: #9ca3af; font-size: 1.3rem; cursor: pointer; padding: 5px; }
36
- .close-sidebar:hover { color: white; }
37
- .doc-nav { padding: 24px; }
38
- .doc-group { margin-bottom: 32px; }
39
- .doc-group h4 { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; color: #6b7280; margin-bottom: 12px; }
40
- .doc-group a { display: block; color: #d1d5db; text-decoration: none; font-size: 0.85rem; padding: 10px 0; cursor: pointer; transition: 0.15s; }
41
- .doc-group a i { width: 24px; margin-right: 8px; color: #6b7280; }
42
- .doc-group a:hover { color: white; transform: translateX(5px); }
43
-
44
- /* Main Content */
45
- .main-content { max-width: 1400px; margin: 0 auto; padding: 80px 48px 0; min-height: calc(100vh - 120px); }
46
- .page-container { animation: fadeIn 0.4s ease; }
47
- @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
48
-
49
- /* Hero */
50
- .hero { text-align: center; padding: 60px 20px 40px; background: linear-gradient(135deg, #fafbfc 0%, #ffffff 100%); border-radius: 48px; margin-bottom: 60px; }
51
- .badge { display: inline-block; background: #eef2ff; color: #1e40af; font-size: 0.75rem; font-weight: 600; padding: 6px 14px; border-radius: 30px; margin-bottom: 24px; }
52
- h1 { font-size: 3.8rem; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 20px; background: linear-gradient(135deg, #111827, #374151); -webkit-background-clip: text; background-clip: text; color: transparent; }
53
- .subhead { font-size: 1.2rem; color: #4b5563; margin-bottom: 32px; max-width: 700px; margin-left: auto; margin-right: auto; }
54
- .download-btn { background: #111827; border: none; padding: 16px 42px; border-radius: 50px; font-size: 1.1rem; font-weight: 600; color: white; cursor: pointer; display: inline-flex; align-items: center; gap: 12px; transition: 0.2s; margin: 10px; }
55
- .download-btn:hover { background: #1f2937; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
56
- .version { font-size: 0.8rem; color: #6b7280; margin-top: 16px; }
57
-
58
- /* Stats Section with Counters */
59
- .stats { display: flex; justify-content: center; gap: 80px; margin: 50px 0; flex-wrap: wrap; }
60
- .stat-item { text-align: center; cursor: default; }
61
- .stat-number { font-size: 2.5rem; font-weight: 800; color: #111827; font-family: monospace; }
62
- .stat-label { font-size: 0.85rem; color: #6b7280; margin-top: 5px; letter-spacing: 0.5px; }
63
-
64
- /* Features Grid */
65
- .section-title { text-align: center; font-size: 2rem; font-weight: 700; margin: 60px 0 40px; }
66
- .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin: 40px 0; }
67
- .feature-card { background: white; border: 1px solid #e5e7eb; border-radius: 24px; padding: 30px; transition: 0.3s; text-align: center; cursor: default; }
68
- .feature-card:hover { transform: translateY(-5px); box-shadow: 0 20px 30px rgba(0,0,0,0.05); border-color: #d1d5db; }
69
- .feature-card i { font-size: 2.5rem; background: linear-gradient(135deg, #111827, #374151); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 20px; }
70
- .feature-card h3 { font-size: 1.2rem; font-weight: 600; margin-bottom: 10px; }
71
- .feature-card p { font-size: 0.85rem; color: #6b7280; line-height: 1.5; }
72
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
73
  /* Testimonials */
74
- .testimonials { background: #f9fafb; border-radius: 48px; padding: 50px; margin: 60px 0; }
75
- .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px; }
76
- .testimonial-card { background: white; border-radius: 20px; padding: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); transition: 0.2s; }
77
- .testimonial-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
78
- .testimonial-card i.fa-quote-left { color: #e5e7eb; font-size: 1.5rem; margin-bottom: 15px; }
79
- .testimonial-card p { font-size: 0.9rem; color: #4b5563; margin-bottom: 20px; line-height: 1.6; }
80
- .testimonial-author { display: flex; align-items: center; gap: 12px; }
81
- .testimonial-author .avatar { width: 45px; height: 45px; background: #111827; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; }
82
- .testimonial-author h4 { font-size: 0.9rem; font-weight: 600; }
83
- .testimonial-author p { font-size: 0.75rem; color: #9ca3af; margin: 0; }
84
-
85
- /* Pricing */
86
- .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin: 40px 0; }
87
- .pricing-card { background: white; border: 1px solid #e5e7eb; border-radius: 24px; padding: 35px; text-align: center; transition: 0.3s; position: relative; }
88
- .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 20px 30px rgba(0,0,0,0.05); }
89
- .pricing-card.popular { border: 2px solid #111827; }
90
- .popular-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #111827; color: white; padding: 4px 16px; border-radius: 20px; font-size: 0.7rem; font-weight: 600; }
91
- .pricing-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 15px; }
92
- .price { font-size: 2.5rem; font-weight: 800; color: #111827; margin-bottom: 20px; }
93
- .price span { font-size: 0.9rem; font-weight: 400; color: #6b7280; }
94
- .pricing-card ul { list-style: none; margin: 25px 0; text-align: left; }
95
- .pricing-card li { margin: 12px 0; font-size: 0.85rem; display: flex; align-items: center; gap: 8px; }
96
- .pricing-card li i.fa-check { color: #10b981; }
97
- .pricing-card li i.fa-times { color: #ef4444; }
98
- .pricing-btn { background: #f3f4f6; border: none; padding: 12px 24px; border-radius: 40px; font-weight: 600; cursor: pointer; width: 100%; transition: 0.2s; }
99
- .pricing-btn:hover { background: #111827; color: white; }
100
-
101
- /* Contact Form */
102
- .contact-section { background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%); border-radius: 48px; padding: 50px; margin: 60px 0; }
103
- .contact-form { max-width: 600px; margin: 0 auto; }
104
- .form-group { margin-bottom: 24px; }
105
- .form-group label { display: block; font-weight: 500; margin-bottom: 8px; color: #374151; }
106
- .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 14px 18px; border: 1px solid #d1d5db; border-radius: 16px; font-family: inherit; font-size: 0.9rem; transition: 0.15s; }
107
- .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: #111827; box-shadow: 0 0 0 3px rgba(17,24,39,0.1); }
108
- .submit-btn { background: #111827; color: white; border: none; padding: 14px 32px; border-radius: 50px; font-weight: 600; cursor: pointer; width: 100%; font-size: 1rem; transition: 0.2s; }
109
- .submit-btn:hover { background: #1f2937; transform: translateY(-2px); }
110
- .form-message { margin-top: 15px; padding: 12px; border-radius: 12px; display: none; }
111
- .form-success { background: #d1fae5; color: #065f46; display: block; }
112
- .form-error { background: #fee2e2; color: #991b1b; display: block; }
113
-
114
- /* FAQ Section */
115
- .faq-grid { max-width: 800px; margin: 0 auto; }
116
- .faq-item { border-bottom: 1px solid #e5e7eb; padding: 20px 0; cursor: pointer; }
117
- .faq-question { display: flex; justify-content: space-between; align-items: center; font-weight: 600; }
118
- .faq-question i { transition: 0.2s; }
119
- .faq-answer { max-height: 0; overflow: hidden; transition: 0.3s ease; color: #6b7280; font-size: 0.85rem; line-height: 1.6; }
120
- .faq-answer.show { max-height: 200px; margin-top: 12px; }
121
-
122
- /* Blog Section */
123
- .blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 40px 0; }
124
- .blog-card { background: white; border: 1px solid #e5e7eb; border-radius: 24px; overflow: hidden; transition: 0.3s; cursor: pointer; }
125
- .blog-card:hover { transform: translateY(-5px); box-shadow: 0 20px 30px rgba(0,0,0,0.05); }
126
- .blog-image { height: 180px; background: linear-gradient(135deg, #1e293b, #0f172a); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; }
127
- .blog-content { padding: 20px; }
128
- .blog-content h3 { font-size: 1.1rem; margin-bottom: 10px; }
129
- .blog-content p { font-size: 0.8rem; color: #6b7280; margin-bottom: 15px; line-height: 1.5; }
130
- .read-more { color: #111827; font-weight: 600; font-size: 0.8rem; cursor: pointer; }
131
-
 
 
 
 
 
 
 
 
 
132
  /* Footer */
133
- .footer { background: #111827; color: #9ca3af; padding: 60px 48px 30px; margin-top: 60px; }
134
- .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; max-width: 1400px; margin: 0 auto; }
135
- .footer-column h4 { color: white; margin-bottom: 20px; font-size: 1rem; font-weight: 600; }
136
- .footer-column a { display: block; color: #9ca3af; text-decoration: none; font-size: 0.85rem; margin-bottom: 12px; transition: 0.2s; cursor: pointer; }
137
- .footer-column a:hover { color: white; transform: translateX(5px); }
138
- .social-links { display: flex; gap: 20px; margin-top: 20px; }
139
- .social-links a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(255,255,255,0.1); border-radius: 50%; transition: 0.2s; text-decoration: none; color: #9ca3af; font-size: 1.2rem; }
140
- .social-links a:hover { background: rgba(255,255,255,0.2); color: white; transform: translateY(-3px); }
141
- .social-links .hf-icon { font-weight: 700; font-size: 1rem; }
142
- .copyright { text-align: center; padding-top: 40px; margin-top: 40px; border-top: 1px solid #1f2937; font-size: 0.8rem; }
143
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
144
  @media (max-width: 768px) {
145
- .header { display: none; }
146
- .menu-btn { display: flex; }
147
- .main-content { padding: 70px 20px 0; }
148
- h1 { font-size: 2rem; }
149
- .hero { padding: 40px 20px; }
150
- .stats { gap: 30px; }
151
- .testimonials, .contact-section { padding: 30px 20px; }
152
- .footer { padding: 40px 20px 20px; }
153
- .stat-number { font-size: 1.8rem; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
154
  }
155
  </style>
156
  </head>
157
  <body>
158
 
159
- <!-- Header -->
160
- <header class="header">
161
- <div class="logo" data-page="home"><i class="fas fa-exchange-alt"></i> All File Converter</div>
162
- <div class="nav-links">
163
- <a data-page="home">Home</a>
164
- <a data-page="features">Features</a>
165
- <a data-page="testimonials">Testimonials</a>
166
- <a data-page="pricing">Pricing</a>
167
- <a data-page="faq-page">FAQ</a>
168
- <a data-page="blog">Blog</a>
169
- <a data-page="contact">Contact</a>
170
- </div>
171
- <button class="header-download" id="headerDownloadBtn"><i class="fas fa-download"></i> Download</button>
172
- </header>
173
-
174
- <!-- Hamburger Menu Button -->
175
- <button class="menu-btn" id="menuBtn"><span></span><span></span><span></span></button>
176
-
177
- <!-- Sidebar -->
178
- <div class="overlay" id="overlay"></div>
179
- <aside class="sidebar" id="sidebar">
180
- <div class="sidebar-header">
181
- <h3><i class="fas fa-book"></i> Documentation</h3>
182
- <button class="close-sidebar" id="closeSidebarBtn">βœ•</button>
183
- </div>
184
- <nav class="doc-nav">
185
- <div class="doc-group"><h4>πŸ“– Getting Started</h4>
186
- <a data-page="installation"><i class="fas fa-download"></i> Installation Guide</a>
187
- <a data-page="requirements"><i class="fas fa-cog"></i> System Requirements</a>
188
- <a data-page="quickstart"><i class="fas fa-rocket"></i> Quick Start Guide</a>
189
- </div>
190
- <div class="doc-group"><h4>πŸ”„ Conversion Guides</h4>
191
- <a data-page="images"><i class="fas fa-file-image"></i> Image Conversion</a>
192
- <a data-page="documents"><i class="fas fa-file-pdf"></i> Document Conversion</a>
193
- <a data-page="video"><i class="fas fa-video"></i> Video & Audio</a>
194
- <a data-page="batch"><i class="fas fa-layer-group"></i> Batch Processing</a>
195
  </div>
196
- <div class="doc-group"><h4>πŸ›‘οΈ Support</h4>
197
- <a data-page="contact"><i class="fas fa-envelope"></i> Contact Support</a>
198
- <a data-page="faq-page"><i class="fas fa-question-circle"></i> FAQ</a>
199
- <a data-page="changelog"><i class="fas fa-changelog"></i> Version History</a>
 
 
 
200
  </div>
201
- </nav>
202
- </aside>
 
 
 
 
 
 
 
 
 
 
 
 
203
 
204
  <!-- Main Content -->
205
- <main class="main-content" id="mainContent"></main>
206
 
207
  <script>
208
- // ==================== CONFIGURATION ====================
209
  const YOUR_EMAIL = "bahaduralimunnabhai@gmail.com";
210
  const WHATSAPP_NUMBER = "923034572298";
211
  const EXE_URL = "https://huggingface.co/embedingHF/AFC/resolve/main/AllFileConverter_Setup.exe";
212
-
213
- // Social Media Links
214
  const SOCIAL_LINKS = {
215
  huggingface: "https://huggingface.co/embedingHF",
216
  github: "https://github.com/bahaduralihashmi",
217
  linkedin: "https://www.linkedin.com/in/generatewithali"
218
  };
219
-
220
- function sendEmailNotification(name, email, subject, message) {
221
- const formData = new FormData();
222
- formData.append('name', name);
223
- formData.append('email', email);
224
- formData.append('subject', subject);
225
- formData.append('message', message);
226
- formData.append('_to', YOUR_EMAIL);
227
- formData.append('_subject', `New Support Request from ${name}`);
228
- formData.append('_replyto', email);
229
-
230
- return fetch('https://formspree.io/f/mojrrdov', {
231
- method: 'POST',
232
- body: formData,
233
- headers: {
234
- 'Accept': 'application/json'
235
- }
236
- })
237
- .then(response => {
238
- if (response.ok) {
239
- return response.json();
240
- }
241
- throw new Error('Network response was not ok');
242
- })
243
- .catch(error => {
244
- console.error('Fetch error:', error);
245
- return { success: false, error: error.message };
246
- });
247
- }
248
-
249
- // ==================== ANIMATED COUNTERS ====================
250
- function startCounters() {
251
- const counters = [
252
- { element: document.getElementById('counterFormats'), target: 200, suffix: '+' },
253
- { element: document.getElementById('counterUsers'), target: 50, suffix: 'K+' },
254
- { element: document.getElementById('counterSuccess'), target: 99.9, suffix: '%', decimal: true },
255
- { element: document.getElementById('counterSupport'), target: 24, suffix: '/7' }
256
- ];
257
-
258
- counters.forEach(counter => {
259
- if (!counter.element) return;
260
- let current = 0;
261
- const increment = counter.target / 50;
262
- const interval = setInterval(() => {
263
- current += increment;
264
- if (current >= counter.target) {
265
- if (counter.decimal) {
266
- counter.element.textContent = counter.target + counter.suffix;
267
- } else {
268
- counter.element.textContent = Math.floor(counter.target) + counter.suffix;
269
- }
270
- clearInterval(interval);
271
- } else {
272
- if (counter.decimal) {
273
- counter.element.textContent = current.toFixed(1) + counter.suffix;
274
- } else {
275
- counter.element.textContent = Math.floor(current) + counter.suffix;
276
- }
277
- }
278
- }, 30);
279
- });
280
- }
281
-
282
- // ==================== FOOTER HTML ====================
283
  const footerHTML = `
284
  <footer class="footer">
285
- <div class="footer-content">
286
- <div class="footer-column"><h4>All File Converter</h4><p style="margin-bottom:15px;">Professional file conversion software trusted by 50,000+ users worldwide.</p><div class="social-links"><a href="${SOCIAL_LINKS.huggingface}" target="_blank" title="Hugging Face"><span class="hf-icon">πŸ€—</span></a><a href="${SOCIAL_LINKS.github}" target="_blank" title="GitHub"><i class="fab fa-github"></i></a><a href="${SOCIAL_LINKS.linkedin}" target="_blank" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a></div></div>
287
- <div class="footer-column"><h4>Product</h4><a data-page="home">Home</a><a data-page="features">Features</a><a data-page="pricing">Pricing</a><a data-page="installation">Download</a></div>
288
- <div class="footer-column"><h4>Resources</h4><a data-page="installation">Documentation</a><a data-page="faq-page">FAQ</a><a data-page="blog">Blog</a><a data-page="changelog">Changelog</a></div>
289
- <div class="footer-column"><h4>Support</h4><a data-page="contact">Contact Us</a><a href="mailto:${YOUR_EMAIL}">Email Support</a><a href="https://wa.me/${WHATSAPP_NUMBER}" target="_blank">WhatsApp</a></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
290
  </div>
291
- <div class="copyright">Β© 2026 All File Converter. All Rights Reserved to <strong>BahadurAli's Team</strong>.</div>
292
  </footer>
293
  `;
294
-
295
- // ==================== ALL PAGE CONTENT ====================
296
  const pages = {
297
  home: `
298
- <div class="page-container">
299
- <div class="hero"><span class="badge"><i class="fas fa-star"></i> Professional Grade Software</span><h1>All File Converter</h1><div class="subhead">One tool for every format. Convert images, documents, video, and audio β€” completely offline, fast, and secure.</div><button class="download-btn" id="heroDownloadBtn"><i class="fab fa-windows"></i> Download for Windows</button><div class="version">Version 3.1.0 β€’ 98 MB β€’ Windows 10/11</div></div>
300
- <div class="stats"><div class="stat-item"><div class="stat-number" id="counterFormats">0</div><div class="stat-label">File Formats</div></div><div class="stat-item"><div class="stat-number" id="counterUsers">0</div><div class="stat-label">Active Users</div></div><div class="stat-item"><div class="stat-number" id="counterSuccess">0</div><div class="stat-label">Success Rate</div></div><div class="stat-item"><div class="stat-number" id="counterSupport">0</div><div class="stat-label">Support</div></div></div>
301
- <div class="section-title">Powerful Features</div>
302
- <div class="features-grid"><div class="feature-card"><i class="fas fa-infinity"></i><h3>200+ Formats</h3><p>Images, PDF, Office, video, audio, archives and more</p></div><div class="feature-card"><i class="fas fa-tachometer-alt"></i><h3>Batch Processing</h3><p>Convert thousands of files in one click</p></div><div class="feature-card"><i class="fas fa-lock"></i><h3>100% Offline</h3><p>No uploads. Your data stays completely local</p></div><div class="feature-card"><i class="fas fa-bolt"></i><h3>GPU Accelerated</h3><p>Lightning fast conversions with hardware acceleration</p></div><div class="feature-card"><i class="fas fa-drag-drop"></i><h3>Drag & Drop</h3><p>Intuitive interface, just drag files and convert</p></div><div class="feature-card"><i class="fas fa-robot"></i><h3>Smart AI Enhance</h3><p>Auto-optimize quality and compression</p></div></div>
303
- ${footerHTML}
304
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
305
  `,
306
-
307
- features: `<div class="page-container"><div class="section-title">✨ All Features</div><div class="features-grid"><div class="feature-card"><i class="fas fa-file-image"></i><h3>Image Conversion</h3><p>JPG, PNG, WEBP, HEIC, GIF, BMP, TIFF, SVG</p></div><div class="feature-card"><i class="fas fa-file-pdf"></i><h3>Document Conversion</h3><p>PDF, DOCX, XLSX, PPTX, TXT, RTF, HTML</p></div><div class="feature-card"><i class="fas fa-video"></i><h3>Video Conversion</h3><p>MP4, AVI, MKV, MOV, WEBM, FLV, 3GP</p></div><div class="feature-card"><i class="fas fa-headphones"></i><h3>Audio Conversion</h3><p>MP3, WAV, FLAC, AAC, OGG, M4A, WMA</p></div><div class="feature-card"><i class="fas fa-compress"></i><h3>Compression</h3><p>Reduce file size while maintaining quality</p></div><div class="feature-card"><i class="fas fa-crop"></i><h3>Resize & Crop</h3><p>Adjust dimensions, aspect ratio, and rotation</p></div></div>${footerHTML}</div>`,
308
-
309
- testimonials: `<div class="page-container"><div class="section-title">πŸ’¬ What Our Users Say</div><div class="testimonial-grid"><div class="testimonial-card"><i class="fas fa-quote-left"></i><p>"Best file converter I've ever used! Batch processing saved me hours of work. Highly recommended!"</p><div class="testimonial-author"><div class="avatar"><i class="fas fa-user"></i></div><div><h4>Ahmed Raza</h4><p>Software Engineer</p></div></div></div><div class="testimonial-card"><i class="fas fa-quote-left"></i><p>"Fast, reliable, and completely offline. Perfect for sensitive documents. The AI enhancement is incredible!"</p><div class="testimonial-author"><div class="avatar"><i class="fas fa-user"></i></div><div><h4>Sana Mirza</h4><p>Graphic Designer</p></div></div></div><div class="testimonial-card"><i class="fas fa-quote-left"></i><p>"The batch processing feature alone is worth it. Converted 500+ images in minutes. Five stars!"</p><div class="testimonial-author"><div class="avatar"><i class="fas fa-user"></i></div><div><h4>Bilal Khan</h4><p>Video Editor</p></div></div></div></div>${footerHTML}</div>`,
310
-
311
- pricing: `<div class="page-container"><div class="section-title">πŸ’° Simple Pricing</div><div class="pricing-grid"><div class="pricing-card"><h3>Free</h3><div class="price">$0<span>/forever</span></div><ul><li><i class="fas fa-check"></i> All basic conversions</li><li><i class="fas fa-check"></i> 200+ formats supported</li><li><i class="fas fa-check"></i> Batch processing (up to 50 files)</li><li><i class="fas fa-times"></i> No AI enhancement</li><li><i class="fas fa-times"></i> Priority support</li></ul><button class="pricing-btn download-trigger">Download Free</button></div><div class="pricing-card popular"><div class="popular-badge">Most Popular</div><h3>Pro</h3><div class="price">$29<span>/one-time</span></div><ul><li><i class="fas fa-check"></i> Everything in Free</li><li><i class="fas fa-check"></i> Unlimited batch processing</li><li><i class="fas fa-check"></i> AI enhancement & OCR</li><li><i class="fas fa-check"></i> GPU acceleration</li><li><i class="fas fa-check"></i> Priority support 24/7</li></ul><button class="pricing-btn download-trigger">Buy Now</button></div><div class="pricing-card"><h3>Enterprise</h3><div class="price">Custom</div><ul><li><i class="fas fa-check"></i> Everything in Pro</li><li><i class="fas fa-check"></i> Dedicated account manager</li><li><i class="fas fa-check"></i> Custom integrations</li><li><i class="fas fa-check"></i> SLA guarantee</li><li><i class="fas fa-check"></i> On-premise deployment</li></ul><button class="pricing-btn">Contact Sales</button></div></div>${footerHTML}</div>`,
312
-
313
- contact: `<div class="page-container"><div class="contact-section"><h2 style="text-align:center; margin-bottom:30px;">πŸ“§ Get in Touch</h2><div class="contact-form"><form id="contactForm"><div class="form-group"><label>Full Name *</label><input type="text" id="contactName" required></div><div class="form-group"><label>Email Address *</label><input type="email" id="contactEmail" required></div><div class="form-group"><label>Subject *</label><select id="contactSubject"><option>Software Support</option><option>Bug Report</option><option>Feature Request</option><option>Business Inquiry</option></select></div><div class="form-group"><label>Message *</label><textarea id="contactMessage" rows="5" required></textarea></div><button type="submit" class="submit-btn"><i class="fas fa-paper-plane"></i> Send Message</button><div id="formResponse" class="form-message"></div></form></div></div>${footerHTML}</div>`,
314
-
315
- installation: `<div class="page-container"><div class="section-title">πŸ“₯ Installation Guide</div><div class="features-grid"><div class="feature-card"><i class="fas fa-download"></i><h3>Step 1: Download</h3><p>Click the Download button on any page</p></div><div class="feature-card"><i class="fas fa-play-circle"></i><h3>Step 2: Run Installer</h3><p>Double-click the downloaded .exe file</p></div><div class="feature-card"><i class="fas fa-check-circle"></i><h3>Step 3: Follow Wizard</h3><p>Choose installation directory and click Install</p></div><div class="feature-card"><i class="fas fa-rocket"></i><h3>Step 4: Launch</h3><p>Find in Start Menu or Desktop shortcut</p></div></div>${footerHTML}</div>`,
316
-
317
- requirements: `<div class="page-container"><div class="section-title">βš™οΈ System Requirements</div><div class="features-grid"><div class="feature-card"><i class="fas fa-desktop"></i><h3>Minimum Requirements</h3><p>Windows 10/11 (64-bit)<br>Intel Core i3<br>4GB RAM<br>500MB storage</p></div><div class="feature-card"><i class="fas fa-microchip"></i><h3>Recommended Requirements</h3><p>Intel Core i7 / AMD Ryzen 7<br>8GB+ RAM<br>NVIDIA GPU (for acceleration)<br>SSD storage</p></div></div>${footerHTML}</div>`,
318
-
319
- quickstart: `<div class="page-container"><div class="section-title">πŸš€ Quick Start Guide</div><div class="features-grid"><div class="feature-card"><i class="fas fa-mouse-pointer"></i><h3>1. Drag & Drop</h3><p>Simply drag any file onto the application window</p></div><div class="feature-card"><i class="fas fa-list"></i><h3>2. Select Format</h3><p>Choose your desired output format from dropdown</p></div><div class="feature-card"><i class="fas fa-play"></i><h3>3. Click Convert</h3><p>Your file converts in seconds with high quality</p></div></div>${footerHTML}</div>`,
320
-
321
- images: `<div class="page-container"><div class="section-title">πŸ–ΌοΈ Image Conversion Guide</div><div class="features-grid"><div class="feature-card"><h3>πŸ“₯ Input Formats</h3><p>JPG, PNG, GIF, BMP, WEBP, HEIC, TIFF, SVG, RAW</p></div><div class="feature-card"><h3>πŸ“€ Output Formats</h3><p>JPG, PNG, WEBP, BMP, TIFF, PDF, ICO</p></div><div class="feature-card"><h3>βš™οΈ Quality Settings</h3><p>Lossless β€’ High β€’ Medium β€’ Low<br>Adjustable compression ratio</p></div></div>${footerHTML}</div>`,
322
-
323
- documents: `<div class="page-container"><div class="section-title">πŸ“„ Document Conversion</div><div class="features-grid"><div class="feature-card"><h3>Supported Formats</h3><p>PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, TXT, RTF, ODT, HTML</p></div><div class="feature-card"><h3>PDF Features</h3><p>Merge multiple PDFs β€’ Split by pages β€’ Extract text β€’ OCR support</p></div></div>${footerHTML}</div>`,
324
-
325
- video: `<div class="page-container"><div class="section-title">🎬 Video & Audio Conversion</div><div class="features-grid"><div class="feature-card"><h3>Video Formats</h3><p>MP4, AVI, MKV, MOV, WMV, FLV, WEBM, M4V, 3GP</p></div><div class="feature-card"><h3>Audio Formats</h3><p>MP3, WAV, FLAC, AAC, OGG, M4A, WMA</p></div><div class="feature-card"><h3>Video Settings</h3><p>Resolution: 480p, 720p, 1080p, 4K<br>Bitrate, Codec, Frame rate adjustable</p></div></div>${footerHTML}</div>`,
326
-
327
- batch: `<div class="page-container"><div class="section-title">πŸ“¦ Batch Processing</div><div class="features-grid"><div class="feature-card"><h3>Features</h3><p>β€’ Convert multiple files at once<br>β€’ Add entire folders recursively<br>β€’ Parallel processing for speed<br>β€’ Queue management system</p></div><div class="feature-card"><h3>Batch Settings</h3><p>β€’ Uniform output format<br>β€’ Preserve folder structure<br>β€’ Auto-rename conflicts<br>β€’ Email notification on completion</p></div></div>${footerHTML}</div>`,
328
-
329
- "faq-page": `<div class="page-container"><div class="section-title">❓ Frequently Asked Questions</div><div class="faq-grid"><div class="faq-item"><div class="faq-question">Is All File Converter really free? <i class="fas fa-chevron-down"></i></div><div class="faq-answer">Yes! The free version includes all basic conversions with 200+ formats support. No watermarks, no limitations on file size.</div></div><div class="faq-item"><div class="faq-question">Does it work offline? <i class="fas fa-chevron-down"></i></div><div class="faq-answer">Absolutely! No internet connection required after installation. All processing happens locally on your computer.</div></div><div class="faq-item"><div class="faq-question">What file formats are supported? <i class="fas fa-chevron-down"></i></div><div class="faq-answer">Over 200 formats including images (JPG, PNG, HEIC), documents (PDF, DOCX), video (MP4, AVI), and audio (MP3, WAV).</div></div><div class="faq-item"><div class="faq-question">Is there a file size limit? <i class="fas fa-chevron-down"></i></div><div class="faq-answer">No limits! Convert files of any size. The software is optimized for large files.</div></div><div class="faq-item"><div class="faq-question">How do I get support? <i class="fas fa-chevron-down"></i></div><div class="faq-answer">Contact us via the contact form, email, or WhatsApp. Response within 24 hours for free users, priority for Pro users.</div></div></div>${footerHTML}</div>`,
330
-
331
- blog: `<div class="page-container"><div class="section-title">πŸ“ Latest News & Updates</div><div class="blog-grid"><div class="blog-card"><div class="blog-image"><i class="fas fa-rocket"></i></div><div class="blog-content"><h3>Version 3.1 Released</h3><p>HEIC/HEIF support added, 40% faster batch processing, dark mode interface, and improved OCR accuracy.</p><span class="read-more">Read more β†’</span></div></div><div class="blog-card"><div class="blog-image"><i class="fas fa-chart-line"></i></div><div class="blog-content"><h3>Performance Benchmarks 2026</h3><p>See how All File Converter compares with other tools in speed, quality, and resource usage.</p><span class="read-more">Read more β†’</span></div></div><div class="blog-card"><div class="blog-image"><i class="fas fa-shield-alt"></i></div><div class="blog-content"><h3>Security Update: Code Signing</h3><p>Our software is now digitally signed with Extended Validation certificate for Windows trust.</p><span class="read-more">Read more β†’</span></div></div></div>${footerHTML}</div>`,
332
-
333
- changelog: `<div class="page-container"><div class="section-title">πŸ“‹ Version History</div><div class="features-grid"><div class="feature-card"><i class="fas fa-gem"></i><h3>v3.1.0 (April 2026)</h3><p>β€’ HEIC/HEIF image support<br>β€’ 40% faster batch processing<br>β€’ Dark mode interface<br>β€’ Improved OCR accuracy</p></div><div class="feature-card"><i class="fas fa-star"></i><h3>v3.0.0 (January 2026)</h3><p>β€’ Complete UI redesign<br>β€’ GPU acceleration support<br>β€’ CLI mode added<br>β€’ 50+ new formats</p></div><div class="feature-card"><i class="fas fa-chart-line"></i><h3>v2.5.0 (October 2025)</h3><p>β€’ Batch queue improvements<br>β€’ Drag & drop enhanced<br>β€’ Memory optimization</p></div></div>${footerHTML}</div>`
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
334
  };
335
-
336
- // ==================== NAVIGATION ====================
337
- function renderPage(pageId) {
338
- const content = pages[pageId];
339
- if (content) {
340
- document.getElementById('mainContent').innerHTML = content;
341
- window.scrollTo({ top: 0, behavior: 'smooth' });
342
- closeSidebar();
343
- attachEventListeners();
344
-
345
- if (pageId === 'home') {
346
- setTimeout(() => startCounters(), 100);
347
- }
348
-
349
- if (pageId === 'faq-page') {
350
- setTimeout(() => {
351
- document.querySelectorAll('.faq-item').forEach(item => {
352
- item.addEventListener('click', function() {
353
- this.querySelector('.faq-answer').classList.toggle('show');
354
- const icon = this.querySelector('.faq-question i');
355
- if (icon) icon.style.transform = this.querySelector('.faq-answer').classList.contains('show') ? 'rotate(180deg)' : 'rotate(0)';
356
- });
357
- });
358
- }, 50);
359
  }
360
- }
361
- }
362
-
363
- function attachEventListeners() {
364
- document.querySelectorAll('.download-btn, .download-trigger, #heroDownloadBtn, #headerDownloadBtn').forEach(btn => {
365
- btn?.addEventListener('click', () => {
366
- window.location.href = EXE_URL;
367
- });
368
  });
369
-
370
- const contactForm = document.getElementById('contactForm');
371
- if (contactForm) {
372
- contactForm.addEventListener('submit', async (e) => {
373
- e.preventDefault();
374
- const name = document.getElementById('contactName').value;
375
- const email = document.getElementById('contactEmail').value;
376
- const subject = document.getElementById('contactSubject').value;
377
- const message = document.getElementById('contactMessage').value;
378
- const responseDiv = document.getElementById('formResponse');
379
-
380
- responseDiv.className = 'form-message';
381
- responseDiv.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Sending message...';
382
- responseDiv.style.display = 'block';
383
-
384
- try {
385
- await sendEmailNotification(name, email, subject, message);
386
- responseDiv.className = 'form-message form-success';
387
- responseDiv.innerHTML = 'βœ“ Message sent successfully! Our team will respond within 24 hours.';
388
- contactForm.reset();
389
- setTimeout(() => responseDiv.style.display = 'none', 5000);
390
- } catch(error) {
391
- responseDiv.className = 'form-message form-error';
392
- responseDiv.innerHTML = '❌ Failed to send. Please email us directly at ' + YOUR_EMAIL;
393
- }
394
- });
395
- }
396
- }
397
-
398
- // ==================== SIDEBAR CONTROLS ====================
399
- function openSidebar() {
400
- sidebar.classList.add('open');
401
- overlay.classList.add('active');
402
- document.body.style.overflow = 'hidden';
403
  }
404
- function closeSidebar() {
405
- sidebar.classList.remove('open');
406
- overlay.classList.remove('active');
407
- document.body.style.overflow = '';
408
  }
409
-
410
- window.navigateTo = renderPage;
411
-
412
- const menuBtn = document.getElementById('menuBtn');
413
- const sidebar = document.getElementById('sidebar');
414
- const overlay = document.getElementById('overlay');
415
- const closeSidebarBtn = document.getElementById('closeSidebarBtn');
416
-
417
- menuBtn.addEventListener('click', openSidebar);
418
- closeSidebarBtn.addEventListener('click', closeSidebar);
419
- overlay.addEventListener('click', closeSidebar);
420
-
421
- document.querySelectorAll('[data-page]').forEach(item => {
422
- item.addEventListener('click', (e) => {
423
- const page = item.getAttribute('data-page');
424
- if (page) renderPage(page);
425
- });
426
- });
427
-
428
- document.getElementById('headerDownloadBtn')?.addEventListener('click', () => {
429
- window.location.href = EXE_URL;
430
  });
431
-
 
 
 
 
 
432
  renderPage('home');
433
  </script>
434
  </body>
 
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
6
+
7
+ <!-- SEO Meta Tags -->
8
+ <title>All File Converter | Best Professional File Conversion Software 2026</title>
9
+ <meta name="description" content="Convert any file format instantly with All File Converter - The #1 professional file conversion software. Support 200+ formats including PDF, images, video, audio. 100% offline, fast & secure. Download free trial.">
10
+ <meta name="keywords" content="file converter, video converter, image converter, PDF converter, audio converter, document converter, batch converter, free file converter, All File Converter, best file converter 2026">
11
  <meta name="author" content="BahadurAli's Team">
12
+ <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
13
+ <meta name="googlebot" content="index, follow">
14
+ <meta name="bingbot" content="index, follow">
15
+ <meta name="language" content="English">
16
+ <meta name="revisit-after" content="7 days">
17
+ <meta name="distribution" content="global">
18
+ <meta name="rating" content="General">
19
+
20
+ <!-- Open Graph / Social Media Meta Tags -->
21
+ <meta property="og:title" content="All File Converter - Professional File Conversion Software">
22
+ <meta property="og:description" content="Convert 200+ file formats instantly. Free download for Windows. 100% offline, GPU accelerated, batch processing.">
23
+ <meta property="og:type" content="software">
24
+ <meta property="og:url" content="https://allfileconverter.com">
25
+ <meta property="og:site_name" content="All File Converter">
26
+
27
+ <!-- Twitter Card -->
28
+ <meta name="twitter:card" content="summary_large_image">
29
+ <meta name="twitter:title" content="All File Converter - Best File Conversion Software">
30
+ <meta name="twitter:description" content="Convert any file format instantly. 200+ formats supported. Free download available.">
31
+
32
+ <!-- Canonical URL -->
33
+ <link rel="canonical" href="https://allfileconverter.com">
34
+
35
+ <!-- Schema.org markup -->
36
+ <script type="application/ld+json">
37
+ {
38
+ "@context": "https://schema.org",
39
+ "@type": "SoftwareApplication",
40
+ "name": "All File Converter",
41
+ "applicationCategory": "UtilityApplication",
42
+ "operatingSystem": "Windows 10, Windows 11",
43
+ "offers": {
44
+ "@type": "Offer",
45
+ "price": "0",
46
+ "priceCurrency": "USD"
47
+ },
48
+ "aggregateRating": {
49
+ "@type": "AggregateRating",
50
+ "ratingValue": "4.8",
51
+ "ratingCount": "12456"
52
+ }
53
+ }
54
+ </script>
55
+
56
+ <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800;900&display=swap" rel="stylesheet">
57
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
58
+
59
  <style>
60
+ * {
61
+ margin: 0;
62
+ padding: 0;
63
+ box-sizing: border-box;
64
+ }
65
+
66
+ body {
67
+ font-family: 'Inter', sans-serif;
68
+ background: linear-gradient(135deg, #0f0c29 0%, #1a1a3e 50%, #0f0c29 100%);
69
+ color: #ffffff;
70
+ line-height: 1.6;
71
+ min-height: 100vh;
72
+ }
73
+
74
+ /* Modern Navigation */
75
+ .navbar {
76
+ position: fixed;
77
+ top: 0;
78
+ left: 0;
79
+ right: 0;
80
+ background: rgba(10, 10, 26, 0.95);
81
+ backdrop-filter: blur(20px);
82
+ border-bottom: 1px solid rgba(139, 92, 246, 0.2);
83
+ z-index: 1000;
84
+ padding: 1rem 2rem;
85
+ }
86
+
87
+ .nav-container {
88
+ max-width: 1400px;
89
+ margin: 0 auto;
90
+ display: flex;
91
+ justify-content: space-between;
92
+ align-items: center;
93
+ }
94
+
95
+ .logo {
96
+ display: flex;
97
+ align-items: center;
98
+ gap: 12px;
99
+ font-size: 1.5rem;
100
+ font-weight: 800;
101
+ cursor: pointer;
102
+ }
103
+
104
+ .logo-icon {
105
+ width: 40px;
106
+ height: 40px;
107
+ background: linear-gradient(135deg, #8b5cf6, #6366f1);
108
+ border-radius: 12px;
109
+ display: flex;
110
+ align-items: center;
111
+ justify-content: center;
112
+ font-size: 1.2rem;
113
+ }
114
+
115
+ .logo-text {
116
+ background: linear-gradient(135deg, #fff, #a78bfa);
117
+ -webkit-background-clip: text;
118
+ background-clip: text;
119
+ color: transparent;
120
+ }
121
+
122
+ .nav-links {
123
+ display: flex;
124
+ gap: 2rem;
125
+ align-items: center;
126
+ }
127
+
128
+ .nav-links a {
129
+ color: #e5e5e5;
130
+ text-decoration: none;
131
+ font-weight: 500;
132
+ transition: 0.3s;
133
+ cursor: pointer;
134
+ }
135
+
136
+ .nav-links a:hover {
137
+ color: #a78bfa;
138
+ }
139
+
140
+ .download-btn-nav {
141
+ background: linear-gradient(135deg, #8b5cf6, #6366f1);
142
+ padding: 0.6rem 1.5rem;
143
+ border-radius: 50px;
144
+ border: none;
145
+ color: white;
146
+ font-weight: 600;
147
+ cursor: pointer;
148
+ transition: 0.3s;
149
+ }
150
+
151
+ .download-btn-nav:hover {
152
+ transform: translateY(-2px);
153
+ box-shadow: 0 5px 20px rgba(139, 92, 246, 0.4);
154
+ }
155
+
156
+ .mobile-menu {
157
+ display: none;
158
+ font-size: 1.5rem;
159
+ cursor: pointer;
160
+ background: none;
161
+ border: none;
162
+ color: white;
163
+ }
164
+
165
+ /* Hero Section */
166
+ .hero {
167
+ min-height: 100vh;
168
+ display: flex;
169
+ align-items: center;
170
+ justify-content: center;
171
+ text-align: center;
172
+ padding: 8rem 2rem 4rem;
173
+ }
174
+
175
+ .hero-content {
176
+ max-width: 900px;
177
+ }
178
+
179
+ .hero-badge {
180
+ display: inline-block;
181
+ background: rgba(139, 92, 246, 0.2);
182
+ border: 1px solid rgba(139, 92, 246, 0.4);
183
+ padding: 0.5rem 1.5rem;
184
+ border-radius: 50px;
185
+ font-size: 0.85rem;
186
+ margin-bottom: 2rem;
187
+ }
188
+
189
+ .hero h1 {
190
+ font-size: 4.5rem;
191
+ font-weight: 900;
192
+ line-height: 1.2;
193
+ margin-bottom: 1.5rem;
194
+ background: linear-gradient(135deg, #ffffff, #a78bfa, #c084fc);
195
+ -webkit-background-clip: text;
196
+ background-clip: text;
197
+ color: transparent;
198
+ }
199
+
200
+ .hero-subtitle {
201
+ font-size: 1.25rem;
202
+ color: #b0b0d0;
203
+ margin-bottom: 2rem;
204
+ }
205
+
206
+ .hero-buttons {
207
+ display: flex;
208
+ gap: 1rem;
209
+ justify-content: center;
210
+ flex-wrap: wrap;
211
+ }
212
+
213
+ .btn-primary {
214
+ background: linear-gradient(135deg, #8b5cf6, #6366f1);
215
+ padding: 1rem 2.5rem;
216
+ border-radius: 50px;
217
+ border: none;
218
+ color: white;
219
+ font-weight: 700;
220
+ font-size: 1rem;
221
+ cursor: pointer;
222
+ transition: 0.3s;
223
+ display: inline-flex;
224
+ align-items: center;
225
+ gap: 10px;
226
+ }
227
+
228
+ .btn-primary:hover {
229
+ transform: translateY(-3px);
230
+ box-shadow: 0 10px 30px rgba(139, 92, 246, 0.4);
231
+ }
232
+
233
+ .btn-secondary {
234
+ background: rgba(255, 255, 255, 0.1);
235
+ padding: 1rem 2.5rem;
236
+ border-radius: 50px;
237
+ border: 1px solid rgba(255, 255, 255, 0.2);
238
+ color: white;
239
+ font-weight: 700;
240
+ cursor: pointer;
241
+ transition: 0.3s;
242
+ }
243
+
244
+ .btn-secondary:hover {
245
+ background: rgba(255, 255, 255, 0.2);
246
+ transform: translateY(-3px);
247
+ }
248
+
249
+ /* Stats Section */
250
+ .stats {
251
+ padding: 4rem 2rem;
252
+ background: rgba(0, 0, 0, 0.3);
253
+ }
254
+
255
+ .stats-grid {
256
+ max-width: 1200px;
257
+ margin: 0 auto;
258
+ display: grid;
259
+ grid-template-columns: repeat(4, 1fr);
260
+ gap: 2rem;
261
+ text-align: center;
262
+ }
263
+
264
+ .stat-card {
265
+ background: rgba(255, 255, 255, 0.05);
266
+ padding: 2rem;
267
+ border-radius: 20px;
268
+ border: 1px solid rgba(255, 255, 255, 0.1);
269
+ }
270
+
271
+ .stat-number {
272
+ font-size: 3rem;
273
+ font-weight: 800;
274
+ background: linear-gradient(135deg, #a78bfa, #c084fc);
275
+ -webkit-background-clip: text;
276
+ background-clip: text;
277
+ color: transparent;
278
+ }
279
+
280
+ .stat-label {
281
+ margin-top: 0.5rem;
282
+ color: #b0b0d0;
283
+ }
284
+
285
+ /* Features Section */
286
+ .features {
287
+ padding: 6rem 2rem;
288
+ max-width: 1400px;
289
+ margin: 0 auto;
290
+ }
291
+
292
+ .section-title {
293
+ text-align: center;
294
+ font-size: 2.5rem;
295
+ font-weight: 800;
296
+ margin-bottom: 1rem;
297
+ }
298
+
299
+ .section-subtitle {
300
+ text-align: center;
301
+ color: #b0b0d0;
302
+ margin-bottom: 4rem;
303
+ }
304
+
305
+ .features-grid {
306
+ display: grid;
307
+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
308
+ gap: 2rem;
309
+ }
310
+
311
+ .feature-card {
312
+ background: rgba(255, 255, 255, 0.05);
313
+ padding: 2rem;
314
+ border-radius: 20px;
315
+ border: 1px solid rgba(255, 255, 255, 0.1);
316
+ transition: 0.3s;
317
+ text-align: center;
318
+ }
319
+
320
+ .feature-card:hover {
321
+ transform: translateY(-5px);
322
+ border-color: rgba(139, 92, 246, 0.5);
323
+ }
324
+
325
+ .feature-icon {
326
+ width: 70px;
327
+ height: 70px;
328
+ background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(99, 102, 241, 0.2));
329
+ border-radius: 20px;
330
+ display: flex;
331
+ align-items: center;
332
+ justify-content: center;
333
+ margin: 0 auto 1.5rem;
334
+ font-size: 2rem;
335
+ }
336
+
337
+ .feature-card h3 {
338
+ margin-bottom: 1rem;
339
+ }
340
+
341
+ .feature-card p {
342
+ color: #b0b0d0;
343
+ }
344
+
345
  /* Testimonials */
346
+ .testimonials {
347
+ padding: 6rem 2rem;
348
+ background: rgba(0, 0, 0, 0.3);
349
+ }
350
+
351
+ .testimonials-grid {
352
+ max-width: 1200px;
353
+ margin: 0 auto;
354
+ display: grid;
355
+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
356
+ gap: 2rem;
357
+ }
358
+
359
+ .testimonial-card {
360
+ background: rgba(255, 255, 255, 0.05);
361
+ padding: 2rem;
362
+ border-radius: 20px;
363
+ border: 1px solid rgba(255, 255, 255, 0.1);
364
+ }
365
+
366
+ .testimonial-text {
367
+ font-style: italic;
368
+ margin-bottom: 1.5rem;
369
+ color: #e5e5e5;
370
+ }
371
+
372
+ .testimonial-author {
373
+ display: flex;
374
+ align-items: center;
375
+ gap: 1rem;
376
+ }
377
+
378
+ .author-avatar {
379
+ width: 50px;
380
+ height: 50px;
381
+ background: linear-gradient(135deg, #8b5cf6, #6366f1);
382
+ border-radius: 50%;
383
+ display: flex;
384
+ align-items: center;
385
+ justify-content: center;
386
+ }
387
+
388
+ .author-name {
389
+ font-weight: 600;
390
+ }
391
+
392
+ .author-title {
393
+ font-size: 0.85rem;
394
+ color: #a78bfa;
395
+ }
396
+
397
+ /* CTA Section */
398
+ .cta {
399
+ padding: 6rem 2rem;
400
+ text-align: center;
401
+ }
402
+
403
+ .cta h2 {
404
+ font-size: 2.5rem;
405
+ margin-bottom: 1rem;
406
+ }
407
+
408
+ .cta p {
409
+ color: #b0b0d0;
410
+ margin-bottom: 2rem;
411
+ }
412
+
413
  /* Footer */
414
+ .footer {
415
+ background: #0a0a1a;
416
+ padding: 4rem 2rem 2rem;
417
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
418
+ }
419
+
420
+ .footer-grid {
421
+ max-width: 1200px;
422
+ margin: 0 auto;
423
+ display: grid;
424
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
425
+ gap: 3rem;
426
+ }
427
+
428
+ .footer-col h4 {
429
+ margin-bottom: 1.5rem;
430
+ font-size: 1.1rem;
431
+ }
432
+
433
+ .footer-col a {
434
+ display: block;
435
+ color: #b0b0d0;
436
+ text-decoration: none;
437
+ margin-bottom: 0.75rem;
438
+ transition: 0.3s;
439
+ cursor: pointer;
440
+ }
441
+
442
+ .footer-col a:hover {
443
+ color: #a78bfa;
444
+ transform: translateX(5px);
445
+ }
446
+
447
+ .social-links {
448
+ display: flex;
449
+ gap: 1rem;
450
+ margin-top: 1.5rem;
451
+ }
452
+
453
+ .social-links a {
454
+ width: 40px;
455
+ height: 40px;
456
+ background: rgba(255, 255, 255, 0.1);
457
+ border-radius: 50%;
458
+ display: flex;
459
+ align-items: center;
460
+ justify-content: center;
461
+ transition: 0.3s;
462
+ }
463
+
464
+ .social-links a:hover {
465
+ background: linear-gradient(135deg, #8b5cf6, #6366f1);
466
+ transform: translateY(-3px);
467
+ }
468
+
469
+ .copyright {
470
+ text-align: center;
471
+ padding-top: 3rem;
472
+ margin-top: 3rem;
473
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
474
+ color: #6b7280;
475
+ }
476
+
477
+ /* Mobile Sidebar */
478
+ .mobile-sidebar {
479
+ position: fixed;
480
+ top: 0;
481
+ right: -300px;
482
+ width: 280px;
483
+ height: 100vh;
484
+ background: rgba(10, 10, 26, 0.98);
485
+ backdrop-filter: blur(20px);
486
+ z-index: 2000;
487
+ transition: 0.3s;
488
+ padding: 5rem 2rem;
489
+ display: flex;
490
+ flex-direction: column;
491
+ gap: 1.5rem;
492
+ }
493
+
494
+ .mobile-sidebar.open {
495
+ right: 0;
496
+ }
497
+
498
+ .mobile-sidebar a {
499
+ color: white;
500
+ text-decoration: none;
501
+ font-size: 1.1rem;
502
+ cursor: pointer;
503
+ }
504
+
505
+ .close-sidebar {
506
+ position: absolute;
507
+ top: 1rem;
508
+ right: 1rem;
509
+ background: none;
510
+ border: none;
511
+ color: white;
512
+ font-size: 1.5rem;
513
+ cursor: pointer;
514
+ }
515
+
516
+ /* Responsive */
517
  @media (max-width: 768px) {
518
+ .nav-links {
519
+ display: none;
520
+ }
521
+
522
+ .mobile-menu {
523
+ display: block;
524
+ }
525
+
526
+ .hero h1 {
527
+ font-size: 2.5rem;
528
+ }
529
+
530
+ .stats-grid {
531
+ grid-template-columns: repeat(2, 1fr);
532
+ }
533
+
534
+ .features-grid {
535
+ grid-template-columns: 1fr;
536
+ }
537
+
538
+ .section-title {
539
+ font-size: 2rem;
540
+ }
541
  }
542
  </style>
543
  </head>
544
  <body>
545
 
546
+ <!-- Navigation -->
547
+ <nav class="navbar">
548
+ <div class="nav-container">
549
+ <div class="logo" onclick="renderPage('home')">
550
+ <div class="logo-icon">πŸ”„</div>
551
+ <span class="logo-text">All File Converter</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
552
  </div>
553
+ <div class="nav-links">
554
+ <a onclick="renderPage('home')">Home</a>
555
+ <a onclick="renderPage('features')">Features</a>
556
+ <a onclick="renderPage('testimonials')">Testimonials</a>
557
+ <a onclick="renderPage('pricing')">Pricing</a>
558
+ <a onclick="renderPage('faq')">FAQ</a>
559
+ <button class="download-btn-nav" id="navDownload"><i class="fas fa-download"></i> Download Now</button>
560
  </div>
561
+ <button class="mobile-menu" id="mobileMenuBtn"><i class="fas fa-bars"></i></button>
562
+ </div>
563
+ </nav>
564
+
565
+ <!-- Mobile Sidebar -->
566
+ <div class="mobile-sidebar" id="mobileSidebar">
567
+ <button class="close-sidebar" id="closeSidebar"><i class="fas fa-times"></i></button>
568
+ <a onclick="renderPage('home')">Home</a>
569
+ <a onclick="renderPage('features')">Features</a>
570
+ <a onclick="renderPage('testimonials')">Testimonials</a>
571
+ <a onclick="renderPage('pricing')">Pricing</a>
572
+ <a onclick="renderPage('faq')">FAQ</a>
573
+ <button class="btn-primary" id="mobileDownload" style="margin-top: 1rem;">Download Now</button>
574
+ </div>
575
 
576
  <!-- Main Content -->
577
+ <main id="mainContent"></main>
578
 
579
  <script>
580
+ // Configuration
581
  const YOUR_EMAIL = "bahaduralimunnabhai@gmail.com";
582
  const WHATSAPP_NUMBER = "923034572298";
583
  const EXE_URL = "https://huggingface.co/embedingHF/AFC/resolve/main/AllFileConverter_Setup.exe";
584
+
 
585
  const SOCIAL_LINKS = {
586
  huggingface: "https://huggingface.co/embedingHF",
587
  github: "https://github.com/bahaduralihashmi",
588
  linkedin: "https://www.linkedin.com/in/generatewithali"
589
  };
590
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
591
  const footerHTML = `
592
  <footer class="footer">
593
+ <div class="footer-grid">
594
+ <div class="footer-col">
595
+ <h4><i class="fas fa-exchange-alt"></i> All File Converter</h4>
596
+ <p style="color: #b0b0d0; margin-bottom: 1rem;">Professional file conversion software trusted by 50,000+ users worldwide.</p>
597
+ <div class="social-links">
598
+ <a href="${SOCIAL_LINKS.huggingface}" target="_blank">πŸ€—</a>
599
+ <a href="${SOCIAL_LINKS.github}" target="_blank"><i class="fab fa-github"></i></a>
600
+ <a href="${SOCIAL_LINKS.linkedin}" target="_blank"><i class="fab fa-linkedin-in"></i></a>
601
+ </div>
602
+ </div>
603
+ <div class="footer-col">
604
+ <h4>Product</h4>
605
+ <a onclick="renderPage('home')">Home</a>
606
+ <a onclick="renderPage('features')">Features</a>
607
+ <a onclick="renderPage('pricing')">Pricing</a>
608
+ <a class="download-trigger" style="cursor: pointer;">Download</a>
609
+ </div>
610
+ <div class="footer-col">
611
+ <h4>Resources</h4>
612
+ <a onclick="renderPage('faq')">FAQ</a>
613
+ <a onclick="renderPage('testimonials')">Testimonials</a>
614
+ <a href="mailto:${YOUR_EMAIL}">Support</a>
615
+ </div>
616
+ <div class="footer-col">
617
+ <h4>Legal</h4>
618
+ <a>Privacy Policy</a>
619
+ <a>Terms of Service</a>
620
+ <a href="https://wa.me/${WHATSAPP_NUMBER}" target="_blank">Contact</a>
621
+ </div>
622
  </div>
623
+ <div class="copyright">Β© 2026 All File Converter. Created with <i class="fas fa-heart" style="color: #ef4444;"></i> by BahadurAli's Team. All rights reserved.</div>
624
  </footer>
625
  `;
626
+
627
+ // Pages Content
628
  const pages = {
629
  home: `
630
+ <section class="hero">
631
+ <div class="hero-content">
632
+ <div class="hero-badge">
633
+ <i class="fas fa-star"></i> #1 File Converter Software 2026
634
+ </div>
635
+ <h1>Convert Any File<br>In Seconds</h1>
636
+ <div class="hero-subtitle">
637
+ Professional file conversion software supporting 200+ formats. Convert images, documents, video, and audio β€” completely offline, lightning fast, and 100% secure.
638
+ </div>
639
+ <div class="hero-buttons">
640
+ <button class="btn-primary" id="heroDownload"><i class="fab fa-windows"></i> Download for Windows</button>
641
+ <button class="btn-secondary" onclick="renderPage('features')"><i class="fas fa-play"></i> See Features</button>
642
+ </div>
643
+ <div style="margin-top: 2rem; font-size: 0.85rem; color: #6b7280;">Version 3.1.0 β€’ 98 MB β€’ Windows 10/11 β€’ Free Trial</div>
644
+ </div>
645
+ </section>
646
+
647
+ <section class="stats">
648
+ <div class="stats-grid">
649
+ <div class="stat-card">
650
+ <div class="stat-number">200+</div>
651
+ <div class="stat-label">File Formats Supported</div>
652
+ </div>
653
+ <div class="stat-card">
654
+ <div class="stat-number">50K+</div>
655
+ <div class="stat-label">Happy Users</div>
656
+ </div>
657
+ <div class="stat-card">
658
+ <div class="stat-number">99.9%</div>
659
+ <div class="stat-label">Success Rate</div>
660
+ </div>
661
+ <div class="stat-card">
662
+ <div class="stat-number">24/7</div>
663
+ <div class="stat-label">Premium Support</div>
664
+ </div>
665
+ </div>
666
+ </section>
667
+
668
+ <section class="features">
669
+ <h2 class="section-title">Powerful Features</h2>
670
+ <div class="section-subtitle">Everything you need for professional file conversion</div>
671
+ <div class="features-grid">
672
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-infinity"></i></div><h3>200+ Formats</h3><p>Images, PDF, Office documents, video, audio, archives and more</p></div>
673
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-layer-group"></i></div><h3>Batch Processing</h3><p>Convert thousands of files in one click with parallel processing</p></div>
674
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-lock"></i></div><h3>100% Offline</h3><p>No uploads, no cloud. Your sensitive data stays completely local</p></div>
675
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-bolt"></i></div><h3>GPU Accelerated</h3><p>Lightning fast conversions with hardware acceleration support</p></div>
676
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-drag-drop"></i></div><h3>Drag & Drop</h3><p>Intuitive interface, just drag files and convert instantly</p></div>
677
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-robot"></i></div><h3>AI Enhancement</h3><p>Smart AI optimizes quality and compression automatically</p></div>
678
+ </div>
679
+ </section>
680
+
681
+ <section class="testimonials">
682
+ <h2 class="section-title">Trusted by Professionals</h2>
683
+ <div class="section-subtitle">Join 50,000+ satisfied users worldwide</div>
684
+ <div class="testimonials-grid">
685
+ <div class="testimonial-card"><div class="testimonial-text">"Best file converter I've ever used! Batch processing saved me hours of work. Highly recommended!"</div><div class="testimonial-author"><div class="author-avatar"><i class="fas fa-user"></i></div><div><div class="author-name">Ahmed Raza</div><div class="author-title">Software Engineer</div></div></div></div>
686
+ <div class="testimonial-card"><div class="testimonial-text">"Fast, reliable, and completely offline. Perfect for sensitive documents. The AI enhancement is incredible!"</div><div class="testimonial-author"><div class="author-avatar"><i class="fas fa-user"></i></div><div><div class="author-name">Sana Mirza</div><div class="author-title">Graphic Designer</div></div></div></div>
687
+ <div class="testimonial-card"><div class="testimonial-text">"The batch processing feature alone is worth it. Converted 500+ images in minutes. Five stars!"</div><div class="testimonial-author"><div class="author-avatar"><i class="fas fa-user"></i></div><div><div class="author-name">Bilal Khan</div><div class="author-title">Video Editor</div></div></div></div>
688
+ </div>
689
+ </section>
690
+
691
+ <section class="cta">
692
+ <h2>Ready to Convert?</h2>
693
+ <p>Join thousands of professionals who trust All File Converter</p>
694
+ <button class="btn-primary" id="ctaDownload"><i class="fab fa-windows"></i> Download Free Trial</button>
695
+ </section>
696
+
697
+ ${footerHTML}
698
  `,
699
+
700
+ features: `
701
+ <section class="features" style="padding-top: 8rem;">
702
+ <h2 class="section-title">✨ All Features</h2>
703
+ <div class="features-grid">
704
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-file-image"></i></div><h3>Image Conversion</h3><p>JPG, PNG, WEBP, HEIC, GIF, BMP, TIFF, SVG, RAW</p></div>
705
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-file-pdf"></i></div><h3>Document Conversion</h3><p>PDF, DOCX, XLSX, PPTX, TXT, RTF, HTML, ODT</p></div>
706
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-video"></i></div><h3>Video Conversion</h3><p>MP4, AVI, MKV, MOV, WEBM, FLV, 3GP, M4V</p></div>
707
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-headphones"></i></div><h3>Audio Conversion</h3><p>MP3, WAV, FLAC, AAC, OGG, M4A, WMA</p></div>
708
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-compress"></i></div><h3>Compression</h3><p>Reduce file size while maintaining quality</p></div>
709
+ <div class="feature-card"><div class="feature-icon"><i class="fas fa-crop"></i></div><h3>Resize & Crop</h3><p>Adjust dimensions, aspect ratio, and rotation</p></div>
710
+ </div>
711
+ </section>
712
+ ${footerHTML}
713
+ `,
714
+
715
+ testimonials: `
716
+ <section class="testimonials" style="padding-top: 8rem;">
717
+ <h2 class="section-title">πŸ’¬ What Our Users Say</h2>
718
+ <div class="testimonials-grid">
719
+ <div class="testimonial-card"><div class="testimonial-text">"Amazing software! The speed and quality are unmatched. Highly recommended for professionals."</div><div class="testimonial-author"><div class="author-avatar"><i class="fas fa-user"></i></div><div><div class="author-name">Ali Hassan</div><div class="author-title">Content Creator</div></div></div></div>
720
+ <div class="testimonial-card"><div class="testimonial-text">"Finally a converter that handles everything offline. Love the AI enhancement feature!"</div><div class="testimonial-author"><div class="author-avatar"><i class="fas fa-user"></i></div><div><div class="author-name">Fatima Khan</div><div class="author-title">Business Owner</div></div></div></div>
721
+ <div class="testimonial-card"><div class="testimonial-text">"The batch processing feature is a game changer for my daily workflow. Five stars!"</div><div class="testimonial-author"><div class="author-avatar"><i class="fas fa-user"></i></div><div><div class="author-name">Omar Farooq</div><div class="author-title">Photographer</div></div></div></div>
722
+ </div>
723
+ </section>
724
+ ${footerHTML}
725
+ `,
726
+
727
+ pricing: `
728
+ <section style="padding: 8rem 2rem 4rem; max-width: 1200px; margin: 0 auto;">
729
+ <h2 class="section-title">πŸ’° Simple Pricing</h2>
730
+ <div class="features-grid">
731
+ <div class="feature-card"><h3 style="font-size: 2rem; margin-bottom: 1rem;">Free</h3><div class="stat-number" style="font-size: 3rem;">$0</div><p style="margin: 1rem 0;">Perfect for basic needs</p><ul style="text-align: left; list-style: none;"><li style="margin: 0.75rem 0;">βœ“ 200+ formats</li><li style="margin: 0.75rem 0;">βœ“ Batch up to 50 files</li><li style="margin: 0.75rem 0;">βœ“ Basic conversion</li></ul><button class="btn-primary download-trigger" style="width: 100%; margin-top: 1.5rem;">Download Free</button></div>
732
+ <div class="feature-card" style="border: 2px solid #8b5cf6;"><div class="hero-badge" style="position: absolute; top: -12px; left: 50%; transform: translateX(-50%);">Most Popular</div><h3 style="font-size: 2rem; margin-bottom: 1rem;">Pro</h3><div class="stat-number" style="font-size: 3rem;">$29</div><p style="margin: 1rem 0;">One-time payment</p><ul style="text-align: left; list-style: none;"><li style="margin: 0.75rem 0;">βœ“ Everything in Free</li><li style="margin: 0.75rem 0;">βœ“ Unlimited batch</li><li style="margin: 0.75rem 0;">βœ“ AI enhancement</li><li style="margin: 0.75rem 0;">βœ“ Priority support</li></ul><button class="btn-primary download-trigger" style="width: 100%; margin-top: 1.5rem;">Buy Now</button></div>
733
+ <div class="feature-card"><h3 style="font-size: 2rem; margin-bottom: 1rem;">Enterprise</h3><div class="stat-number" style="font-size: 2rem;">Custom</div><p style="margin: 1rem 0;">For organizations</p><ul style="text-align: left; list-style: none;"><li style="margin: 0.75rem 0;">βœ“ Everything in Pro</li><li style="margin: 0.75rem 0;">βœ“ Dedicated support</li><li style="margin: 0.75rem 0;">βœ“ Custom integration</li><li style="margin: 0.75rem 0;">βœ“ SLA guarantee</li></ul><button class="btn-primary" style="width: 100%; margin-top: 1.5rem;">Contact Sales</button></div>
734
+ </div>
735
+ </section>
736
+ ${footerHTML}
737
+ `,
738
+
739
+ faq: `
740
+ <section style="padding: 8rem 2rem 4rem; max-width: 800px; margin: 0 auto;">
741
+ <h2 class="section-title">❓ Frequently Asked Questions</h2>
742
+ <div style="display: flex; flex-direction: column; gap: 1rem;">
743
+ <div class="feature-card" style="text-align: left;"><h3 style="margin-bottom: 0.5rem;">Is All File Converter really free?</h3><p style="color: #b0b0d0;">Yes! The free version includes all basic conversions with 200+ formats support. No watermarks, no limitations on file size.</p></div>
744
+ <div class="feature-card" style="text-align: left;"><h3 style="margin-bottom: 0.5rem;">Does it work offline?</h3><p style="color: #b0b0d0;">Absolutely! No internet connection required after installation. All processing happens locally on your computer.</p></div>
745
+ <div class="feature-card" style="text-align: left;"><h3 style="margin-bottom: 0.5rem;">What file formats are supported?</h3><p style="color: #b0b0d0;">Over 200 formats including images (JPG, PNG, HEIC), documents (PDF, DOCX), video (MP4, AVI), and audio (MP3, WAV).</p></div>
746
+ <div class="feature-card" style="text-align: left;"><h3 style="margin-bottom: 0.5rem;">Is there a file size limit?</h3><p style="color: #b0b0d0;">No limits! Convert files of any size. The software is optimized for large files.</p></div>
747
+ </div>
748
+ </section>
749
+ ${footerHTML}
750
+ `
751
  };
752
+
753
+ // Render page function - make it global
754
+ window.renderPage = function(pageId) {
755
+ const content = pages[pageId] || pages.home;
756
+ document.getElementById('mainContent').innerHTML = content;
757
+ window.scrollTo({ top: 0, behavior: 'smooth' });
758
+
759
+ // Re-attach download button listeners
760
+ document.querySelectorAll('.download-trigger, #heroDownload, #navDownload, #mobileDownload, #ctaDownload').forEach(btn => {
761
+ if (btn) {
762
+ btn.addEventListener('click', function(e) {
763
+ e.preventDefault();
764
+ window.location.href = EXE_URL;
765
+ });
 
 
 
 
 
 
 
 
 
 
766
  }
 
 
 
 
 
 
 
 
767
  });
768
+ };
769
+
770
+ // Mobile menu
771
+ const mobileMenuBtn = document.getElementById('mobileMenuBtn');
772
+ const mobileSidebar = document.getElementById('mobileSidebar');
773
+ const closeSidebar = document.getElementById('closeSidebar');
774
+
775
+ if (mobileMenuBtn) {
776
+ mobileMenuBtn.addEventListener('click', () => mobileSidebar.classList.add('open'));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
777
  }
778
+ if (closeSidebar) {
779
+ closeSidebar.addEventListener('click', () => mobileSidebar.classList.remove('open'));
 
 
780
  }
781
+
782
+ document.addEventListener('click', (e) => {
783
+ if (mobileSidebar?.classList.contains('open') && !mobileSidebar.contains(e.target) && !mobileMenuBtn?.contains(e.target)) {
784
+ mobileSidebar.classList.remove('open');
785
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
786
  });
787
+
788
+ // Download button listeners
789
+ document.getElementById('navDownload')?.addEventListener('click', () => window.location.href = EXE_URL);
790
+ document.getElementById('mobileDownload')?.addEventListener('click', () => window.location.href = EXE_URL);
791
+
792
+ // Initial render
793
  renderPage('home');
794
  </script>
795
  </body>