PageSourceSearch

https://fakevoice.app/about.html

html fakevoice.app collected 2026-09-24 11:03:45 UTC 30,971 bytes, 468 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
8    <!-- SEO & Metadata -->
9    <title>About Fake Voice – Creator & Mission | Kanzati</title>
10    <meta name="description"
11        content="Learn about Ziad Khazzaka, founder of Kanzati and creator of Fake Voice. Discover the mission behind our AI voice cloning and mobile app solutions." />
12    <meta name="keywords" content="Ziad Khazzaka, Kanzati, Fake Voice developer, mobile app developer, AI enthusiast, voice cloning mission" />
13    <link rel="canonical" href="https://fakevoice.app/about.html" />
14
15    <!-- Open Graph -->
16    <meta property="og:title" content="About Ziad Khazzaka - Fake Voice Creator" />
17    <meta property="og:description" content="Meet the developer behind Fake Voice and explored our mission to innovate through AI and mobile technology." />
18    <meta property="og:image" content="https://fakevoice.app/ziad.jpg" />
19    <meta property="og:url" content="https://fakevoice.app/about.html" />
20    <meta property="og:type" content="profile" />
21
22    <!-- Twitter -->
23    <meta name="twitter:card" content="summary" />
24    <meta name="twitter:title" content="About Ziad Khazzaka - Fake Voice Developer" />
25    <meta name="twitter:description" content="Discover the story behind Fake Voice and Ziad's work in AI and mobile development." />
26    <meta name="twitter:image" content="https://fakevoice.app/ziad.jpg" />
27
28    <!-- HREFLANG TAGS -->
29    <link rel="alternate" hreflang="x-default" href="https://fakevoice.app/about.html" />
30    <link rel="alternate" hreflang="en" href="https://fakevoice.app/about.html" />
31
32    <!-- JSON-LD: Person + AboutPage -->
33    
33<script type="application/ld+json">
34    {
35      "@context": "https://schema.org",
36      "@type": "AboutPage",
37      "name": "About Fake Voice – Creator & Mission",
38      "url": "https://fakevoice.app/about.html",
39      "description": "Learn about Ziad Khazzaka, founder of Kanzati and creator of Fake Voice AI voice cloning app.",
40      "about": {
41        "@type": "Person",
42        "name": "Ziad Khazzaka",
43        "jobTitle": "Founder & Mobile App Developer",
44        "url": "https://fakevoice.app/about.html",
45        "sameAs": [
46          "https://www.linkedin.com/in/ziad-khazzaka-788526362",
47          "https://www.kanzati.com"
48        ],
49        "worksFor": {
50          "@type": "Organization",
51          "name": "Kanzati",
52          "url": "https://fakevoice.app/"
53        }
54      }
55    }
56    </script>
56
57
58    <!-- Tailwind CSS -->
59    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet" />
60    <link rel="stylesheet" href="styles.css" />
61
62    <!-- Fonts -->
63    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
64    <style>
65        body {
66            font-family: 'Inter', sans-serif;
67        }
68    </style>
69
70    <!-- Favicon -->
71    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
72
73    
73<script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-app-compat.js"></script>
73
74    
74<script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-auth-compat.js"></script>
74
75    
75<script src="portal/js/firebase-config.js"></script>
75
76    
76<script src="js/header-auth.js"></script>
76
77    
77<script type="module" src="firebase-analytics.js"></script>
77
78
79    <style>
80        .dropdown:hover .dropdown-menu {
81            display: block;
82        }
83    </style>
84
85    <!-- JSON-LD: APP INDEXING SOFTWARE APPLICATION -->
86    
86<script type="application/ld+json">
87    {
88      "@context": "https://schema.org",
89      "@type": "SoftwareApplication",
90      "name": "Fake Voice",
91      "operatingSystem": "ANDROID, IOS",
92      "applicationCategory": "MultimediaApplication",
93      "offers": {
94        "@type": "Offer",
95        "price": "0",
96        "priceCurrency": "USD"
97      },
98      "installUrl": "https://play.google.com/store/apps/details?id=com.kanzati.fakevoice",
99      "downloadUrl": "https://apps.apple.com/app/id6740585303"
100    }
101    </script>
101
102
103</head>
104
105<body class="bg-gray-50 text-gray-900">
106
107    <!-- HEADER -->
108    
109    <header class="bg-white shadow-md sticky top-0 z-50">
110        <div class="max-w-full mx-auto px-6 py-4 flex items-center justify-between">
111            <a href="/" class="flex items-center space-x-3">
112                <img src="icon.jpg" alt="Logo" class="w-10 h-10">
113                <h1 class="text-2xl font-bold">Fake Voice</h1>
114            </a>
115
116            <!-- Mobile Menu Button -->
117            <div class="lg:hidden">
118                <button id="mobile-menu-button" class="text-gray-700 focus:outline-none">
119                    <i class="fas fa-bars text-2xl"></i>
120                </button>
121            </div>
122
123            <nav class="hidden lg:flex items-center space-x-2 xl:space-x-5 whitespace-nowrap text-sm xl:text-base">
124                <a href="/" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
125                
126                
127                <a href="pricing.html" class="text-gray-700 hover:text-blue-600 font-medium" id="header-pricing-link">Pricing</a>
128                <a href="contact.html" class="text-gray-700 hover:text-blue-600 font-medium">Contact</a>
129                <a href="about.html" class="text-gray-700 hover:text-blue-600 font-medium">About</a>
130                <a href="/portal/" onclick="if(window.logAnalyticsEvent){window.logAnalyticsEvent(\'Click_portal_web\');}" class="bg-blue-600 text-white px-4 py-2 rounded-lg font-bold hover:bg-blue-700 transition">Web Portal Studio</a>
131                <a href="portal/" id="header-auth-link" data-depth="" class="text-gray-700 hover:text-blue-600 font-medium"><i class="fas fa-user-circle"></i> Login</a>
132                
133                <div class="relative dropdown">
134                    <button class="flex items-center space-x-1 text-gray-700 hover:text-blue-600 font-medium focus:outline-none">
135                        <span>EN</span>
136                        <svg class="w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
137                            <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
138                        </svg>
139                    </button>
140                    <div class="dropdown-menu absolute right-0 hidden pt-2 w-40 bg-white shadow-lg rounded border border-gray-200">
141                        <a href="" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/gb.png" class="mr-2" /> English</a>
142                        <a href="ar/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/sa.png" class="mr-2" /> العربية</a>
143                        <a href="de/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/de.png" class="mr-2" /> Deutsch</a>
144                        <a href="es/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/es.png" class="mr-2" /> Español</a>
145                        <a href="tr/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/tr.png" class="mr-2" /> Türkçe</a>
146                        <a href="sv/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/se.png" class="mr-2" /> Svenska</a>
147                        <a href="el/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/gr.png" class="mr-2" /> Ελληνικά</a>
148                        <a href="zh/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/cn.png" class="mr-2" /> 中文</a>
149                        <a href="ru/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/ru.png" class="mr-2" /> Русский</a>
150                        <a href="hi/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/in.png" class="mr-2" /> हिन्दी</a>
151                        <a href="ja/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/jp.png" class="mr-2" /> 日本語</a>
152                        <a href="it/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/it.png" class="mr-2" /> Italiano</a>
153                        <a href="pt/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/br.png" class="mr-2" /> Português</a>
154                        <a href="fr/" class="block px-4 py-2 hover:bg-gray-100 flex items-center text-sm"><img src="https://flagcdn.com/w20/fr.png" class="mr-2" /> Français</a>
155                    </div>
156                </div>
157            </nav>
158        </div>
159
160        <!-- Mobile Menu -->
161        <div id="mobile-menu" class="hidden lg:hidden bg-white border-t border-gray-100 px-6 py-6 space-y-4 shadow-xl">
162            <a href="/" class="block text-gray-700 hover:text-blue-600 font-medium text-lg">Home</a>
163            
164            <a href="pricing.html" class="block text-gray-700 hover:text-blue-600 font-medium text-lg">Pricing</a>
165            <a href="contact.html" class="block text-gray-700 hover:text-blue-600 font-medium text-lg">Contact</a>
166            <a href="about.html" class="block text-gray-700 hover:text-blue-600 font-medium text-lg">About</a>
167            <a href="/portal/" onclick="if(window.logAnalyticsEvent){window.logAnalyticsEvent(\'Click_portal_web\');}" class="block bg-blue-600 text-white px-4 py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center text-lg">Web Portal Studio</a>
168            <a href="portal/" class="block text-gray-700 hover:text-blue-600 font-medium text-lg"><i class="fas fa-user-circle mr-2"></i> Login</a>
169            <div class="pt-6 border-t border-gray-100">
170                <p class="text-sm font-bold text-gray-400 uppercase tracking-widest mb-4">Select Language</p>
171                <div class="grid grid-cols-2 gap-4">
172                    <a href="" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/gb.png" class="mr-2" /> English</a>
173                    <a href="ar/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/sa.png" class="mr-2" /> العربية</a>
174                    <a href="de/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/de.png" class="mr-2" /> Deutsch</a>
175                    <a href="es/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/es.png" class="mr-2" /> Español</a>
176                    <a href="tr/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/tr.png" class="mr-2" /> Türkçe</a>
177                    <a href="sv/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/se.png" class="mr-2" /> Svenska</a>
178                    <a href="el/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/gr.png" class="mr-2" /> Ελληνικά</a>
179                    <a href="zh/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/cn.png" class="mr-2" /> 中文</a>
180                    <a href="ru/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/ru.png" class="mr-2" /> Русский</a>
181                    <a href="hi/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/in.png" class="mr-2" /> हिन्दी</a>
182                    <a href="ja/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/jp.png" class="mr-2" /> 日本語</a>
183                    <a href="it/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/it.png" class="mr-2" /> Italiano</a>
184                    <a href="pt/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/br.png" class="mr-2" /> Português</a>
185                    <a href="fr/" class="flex items-center text-gray-700 hover:text-blue-600 text-sm"><img src="https://flagcdn.com/w20/fr.png" class="mr-2" /> Français</a>
186                </div>
187            </div>
188        </div>
189    </header>
190    
191
192    <!-- HERO SECTION -->
193    <section class="bg-white py-20">
194        <div class="max-w-4xl mx-auto px-6 text-center">
195
196            <!-- Profile Image -->
197            <div class="relative inline-block mb-8">
198                <div class="w-48 h-48 rounded-full overflow-hidden border-4 border-blue-100 shadow-xl mx-auto group">
199                    <img src="./ziad.jpg" alt="Ziad Khazzaka" class="w-full h-full object-cover">
200                </div>
201            </div>
202
203            <h1 class="text-4xl md:text-5xl font-bold mb-2 text-gray-900">Ziad Khazzaka</h1>
204            <p class="text-xl text-blue-600 font-bold mb-1">Full-Stack App Developer</p>
205            <p class="text-md text-gray-500 font-medium mb-6">
205iOS, Android, .NET, React, macOS | Turning Ideas into
206                Powerful Apps</p>
207
208            <div class="flex justify-center items-center gap-2 text-gray-500 mb-8 text-sm">
209                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
210                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
211                        d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
212                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
213                        d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
214                </svg>
215                <span>Zahle, Beqaa Governorate, Lebanon</span>
216                <span class="mx-2">•</span>
217                <a href="https://www.kanzati.com" target="_blank" class="text-blue-600 hover:underline">Kanzati.com</a>
218            </div>
219
220            <div class="text-lg text-gray-600 leading-relaxed max-w-3xl mx-auto mb-10 text-left space-y-4">
221                <p>
222                    I’m Ziad Khazzaka, founder of <strong>KANZATI – Ziad Khazzaka & Co.</strong>, and the creative mind
223                    behind a growing portfolio of innovative mobile apps designed to solve real-world problems through
224                    intuitive technology.
225                </p>
226                <p>
227                    From AI-powered tools like <em>Luna AI</em> and <em>Fake Voice</em>, to utility-driven platforms
228                    such as <em>SQL Dump</em> and <em>Baladiyati 2025</em>, my mission is clear: build purposeful,
229                    user-first apps that combine simplicity with powerful results. Whether it’s empowering users to
230                    clone voices with precision, edit photos with ease, or convert Excel to SQL in seconds, I believe in
231                    delivering experiences that feel magical but are grounded in cutting-edge tech.
232                </p>
233                <p>
234                    I work across iOS, Android, and web, blending strong design thinking with full-stack execution.
235                    Every app I launch is crafted with care — with a focus on privacy, usability, and real-world value.
236                </p>
237                <p class="font-medium text-gray-800">
238                    If you're passionate about tech that actually helps people, let’s connect.
239                </p>
240            </div>
241
242            <div class="flex justify-center gap-4">
243                <a href="mailto:[email protected]"
244                    class="px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-full font-semibold transition shadow-lg">
245                    Get in Touch
246                </a>
247                <a href="https://www.linkedin.com/in/ziad-khazzaka-788526362" target="_blank"
248                    class="px-6 py-3 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-full font-semibold transition border border-gray-200 flex items-center gap-2">
249                    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
250                        <path
251                            d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
252                    </svg>
253                    LinkedIn
254                </a>
255            </div>
256        </div>
257    </section>
258
259    <!-- EXPERIENCE SECTION -->
260    <section class="bg-white py-16 border-t border-gray-100">
261        <div class="max-w-4xl mx-auto px-6">
262            <h2 class="text-3xl font-bold mb-10 text-center">Professional Experience</h2>
263
264            <div class="relative pl-8 border-l-2 border-blue-100">
265                <!-- Role -->
266                <div class="mb-10 relative">
267                    <div class="absolute -left-[41px] bg-blue-600 h-5 w-5 rounded-full border-4 border-white shadow-sm">
268                    </div>
269
270                    <h3 class="text-xl font-bold text-gray-900">Co-Founder & App Developer</h3>
271                    <div class="text-blue-600 font-medium mb-1">Kanzati.com <span
272                            class="text-gray-400 text-sm font-normal">• Full-time</span></div>
273                    <div class="text-gray-500 text-sm mb-4">Jan 2017 - Present · 9 yrs 1 mo</div>
274
275                    <ul class="space-y-2 text-gray-600 list-disc list-outside ml-4">
276                        <li>Co-founded <strong>Kanzati.com</strong>, specializing in custom app development for mobile,
277                            web, and desktop platforms.</li>
278                        <li>Lead the development of iOS (App Store) and Android (Play Store) applications.</li>
279                        <li>Built and maintained .NET applications for various business solutions.</li>
280                        <li>Developed macOS apps, delivering optimized and user-focused experiences.</li>
281                        <li>Designed and built web applications using React and modern front-end technologies.</li>
282                        <li>Oversaw project management, client communication, and deployment processes.</li>
283                        <li>Passionate about building scalable, high-quality digital products.</li>
284                    </ul>
285                </div>
286            </div>
287        </div>
288    </section>
289
290    <!-- SKILLS SECTION -->
291    <section class="bg-gray-50 py-16">
292        <div class="max-w-6xl mx-auto px-6">
293            <h2 class="text-3xl font-bold mb-10 text-center">Technical Expertise</h2>
294            <div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
295                <!-- Skill 1 -->
296                <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition">
297                    <div class="text-blue-500 font-bold text-xl mb-2">Mobile Dev</div>
298                    <p class="text-sm text-gray-500">iOS (Swift), Android (Kotlin)</p>
299                </div>
300                <!-- Skill 2 -->
301                <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition">
302                    <div class="text-green-500 font-bold text-xl mb-2">Web & Desktop</div>
303                    <p class="text-sm text-gray-500">React, .NET, macOS AppKit</p>
304                </div>
305                <!-- Skill 3 -->
306                <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition">
307                    <div class="text-purple-500 font-bold text-xl mb-2">AI & ML</div>
308                    <p class="text-sm text-gray-500">Voice Synthesis, OCR</p>
309                </div>
310                <!-- Skill 4 -->
311                <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition">
312                    <div class="text-indigo-500 font-bold text-xl mb-2">Full Stack</div>
313                    <p class="text-sm text-gray-500">SQL, Firebase, PHP</p>
314                </div>
315            </div>
316        </div>
317    </section>
318
319    <!-- PROJECTS SECTION (Reused from Index) -->
320    <section class="bg-white py-20">
321        <div class="max-w-6xl mx-auto px-6 text-center">
322            <h2 class="text-3xl font-bold mb-12">Featured Projects</h2>
323
324            <div class="grid gap-10 md:grid-cols-4 justify-center">
325
326                <!-- Luna AI -->
327                <div class="hover:-translate-y-2 transition duration-300">
328                    <a href="https://apps.apple.com/us/app/luna-ai/id6738606913"
329                        class="block overflow-hidden rounded-[22%] w-40 h-40 mx-auto shadow-lg border border-gray-100">
330                        <img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/62/4c/6e/624c6ef7-074e-5a38-bd54-44f02a0a8bd9/AppIcon-0-1x_U007epad-0-0-0-1-0-85-220-0.jpeg/540x540bb.jpg"
331                            alt="Luna AI" class="w-full h-full object-cover">
332                    </a>
333                    <h4 class="text-lg font-semibold mb-2 mt-4">Luna AI</h4>
334                    <p class="text-sm text-gray-500 mb-3 px-2">Advanced AI Assistant</p>
335                </div>
336
337                <!-- Arabic OCR -->
338                <div class="hover:-translate-y-2 transition duration-300">
339                    <a href="https://apps.apple.com/us/app/arabic-ocr/id6745792738"
340                        class="block overflow-hidden rounded-[22%] w-40 h-40 mx-auto shadow-lg border border-gray-100">
341                        <img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/88/92/07/88920761-3bc3-8aa5-4095-cccc411fda69/AppIcon-0-1x_U007ephone-0-0-0-1-0-sRGB-85-220-0.jpeg/540x540bb.jpg"
342                            alt="Arabic OCR" class="w-full h-full object-cover">
343                    </a>
344                    <h4 class="text-lg font-semibold mb-2 mt-4">Arabic OCR</h4>
345                    <p class="text-sm text-gray-500 mb-3 px-2">Text Recognition Tool</p>
346                </div>
347
348                <!-- SQL Dump -->
349                <div class="hover:-translate-y-2 transition duration-300">
350                    <a href="https://apps.apple.com/us/app/sql-dump/id6744847226"
351                        class="block overflow-hidden rounded-[22%] w-40 h-40 mx-auto shadow-lg border border-gray-100">
352                        <img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/05/f4/90/05f490c7-627c-fca7-3be5-44c9a69ade0f/AppIcon-1x_U007ephone-0-1-sRGB-85-220-0.jpeg/540x540bb.jpg"
353                            alt="SQL Dump" class="w-full h-full object-cover">
354                    </a>
355                    <h4 class="text-lg font-semibold mb-2 mt-4">SQL Dump</h4>
356                    <p class="text-sm text-gray-500 mb-3 px-2">Database Utility</p>
357                </div>
358
359                <!-- Fake Voice -->
360                <div class="hover:-translate-y-2 transition duration-300">
361                    <a href="https://apps.apple.com/us/app/fake-voice-voice-cloning/id6740585303"
362                        class="block overflow-hidden rounded-[22%] w-40 h-40 mx-auto 
362shadow-lg border border-gray-100">
363                        <img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/8b/05/47/8b0547a1-5b6d-fdd5-c602-0ae2d549b746/AppIcon-0-1x_U007epad-0-1-85-220-0.png/540x540bb.jpg"
364                            alt="Fake Voice" class="w-full h-full object-cover">
365                    </a>
366                    <h4 class="text-lg font-semibold mb-2 mt-4">Fake Voice</h4>
367                    <p class="text-sm text-gray-500 mb-3 px-2">AI Voice Cloning</p>
368                </div>
369            </div>
370        </div>
371    </section>
372
373        <!-- FOOTER -->
374    
375
376    
376<script>
377        document.getElementById('mobile-menu-button')?.addEventListener('click', function() {
378            document.getElementById('mobile-menu').classList.toggle('hidden');
379        });
380    </script>
380
381<footer class="bg-gray-50 border-t border-gray-200 py-12">
382        <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-5 gap-8">
383            <div class="col-span-2">
384                <div class="flex items-center space-x-3 mb-6">
385                    <img src="https://fakevoice.app/icon.jpg" alt="Logo" class="w-8 h-8 rounded">
386                    <span class="text-xl font-bold text-gray-900">Fake Voice</span>
387                </div>
388                <p class="text-gray-700 max-w-sm mb-6">The premier platform for AI voice cloning and text-to-speech.
389                    Instantly generate lifelike speech in multiple languages.</p>
390                <div class="flex space-x-4">
391                    <a href="https://x.com/ziadkhazzaka" target="_blank"
392                        class="text-gray-500 hover:text-gray-900 text-xl transition"><i class="fab fa-twitter"></i></a>
393                    <a href="https://www.linkedin.com/in/ziad-khazzaka/" target="_blank"
394                        class="text-gray-500 hover:text-gray-900 text-xl transition"><i class="fab fa-linkedin"></i></a>
395                    <a href="mailto:[email protected]"
396                        class="text-gray-500 hover:text-gray-900 text-xl transition"><i class="fas fa-envelope"></i></a>
397                </div>
398            </div>
399            <div class="text-left">
400                <h4 class="font-bold text-gray-900 mb-6">Quick Links</h4>
401                <ul class="space-y-4 text-gray-700 font-medium">
402                    <li><a href="./" class="hover:text-blue-600 transition">Home</a></li>
403                    <li><a href="https://fakevoice.app/portal/" class="hover:text-blue-600 transition">Web
404                            Portal</a></li>
405                    <li></li>
406                    <li></li>
407                    <li><a href="#voice-demo-container" class="hover:text-blue-600 transition">Try Live Demo</a></li>
408                </ul>
409            </div>
410            <div class="text-left">
411                <h4 class="font-bold text-gray-900 mb-6">Resources</h4>
412                <ul class="space-y-4 text-gray-700 font-medium">
413                    <li><a href="about.html" class="hover:text-blue-600 transition">About Us</a></li>
414                    <li><a href="contact.html" class="hover:text-blue-600 transition">Contact</a></li>
415                    <li><a href="faq.html" class="hover:text-blue-600 transition">FAQ</a></li>
416                    <li><a href="terms-of-service.html" class="hover:text-blue-600 transition">Terms of Use</a></li>
417                    <li><a href="privacy-policy.html" class="hover:text-blue-600 transition">Privacy Policy</a></li>
418                </ul>
419            </div>
420
421                    <div class="text-left">
422                <h4 class="font-bold text-gray-900 mb-6">More Apps</h4>
423                <ul class="space-y-3">
424                    <li class="flex items-center flex-wrap gap-x-2 gap-y-1">
425                        <span class="text-gray-900 font-bold">Wand Desktop</span>
426                        <a href="https://apps.apple.com/us/app/wand-desktop/id6757389093" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-apple mr-0.5"></i>Mac</a>
427                    </li>
428                    <li class="flex items-center flex-wrap gap-x-2 gap-y-1">
429                        <span class="text-gray-900 font-bold">Luna AI</span>
430                        <a href="https://apple.co/4eVku6p" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-apple mr-0.5"></i>iOS</a>
431                        <span class="text-yellow-600 font-bold text-sm">|</span>
432                        <a href="https://play.google.com/store/apps/details?id=com.kanzati.lunaai" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-android mr-0.5"></i>Android</a>
433                    </li>
434                    <li class="flex items-center flex-wrap gap-x-2 gap-y-1">
435                        <span class="text-gray-900 font-bold">Arabic OCR</span>
436                        <a href="https://apps.apple.com/us/app/arabic-ocr/id6745792738" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-apple mr-0.5"></i>iOS</a>
437                        <span class="text-yellow-600 font-bold text-sm">|</span>
438                        <a href="https://play.google.com/store/apps/details?id=com.kanzati.arabicocr" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-android mr-0.5"></i>Android</a>
439                    </li>
440                    <li class="flex items-center flex-wrap gap-x-2 gap-y-1">
441                        <span class="text-gray-900 font-bold">SQL Dump</span>
442                        <a href="https://apps.apple.com/us/app/sql-dump/id6744847226" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-apple mr-0.5"></i>iOS</a>
443                        <span class="text-yellow-600 font-bold text-sm">|</span>
444                        <a href="https://apps.apple.com/us/app/sql-dump/id6744847226" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-apple mr-0.5"></i>Mac</a>
445                    </li>
446                    <li class="flex items-center flex-wrap gap-x-2 gap-y-1">
447                        <span class="text-gray-900 font-bold">Fake Voice</span>
448                        <a href="https://apps.apple.com/us/app/fake-voice-%D8%A7%D8%B3%D8%AA%D9%86%D8%B3%D8%A7%D8%AE-%D8%A7%D9%84%D8%B5%D9%88%D8%AA/id6740585303" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-apple mr-0.5"></i>iOS</a>
449                        <span class="text-yellow-600 font-bold text-sm">|</span>
450                        <a href="https://play.google.com/store/apps/details?id=com.kanzati.fakevoice" target="_blank" class="text-sm font-medium text-gray-700 hover:text-gray-900"><i class="fab fa-android mr-0.5"></i>Android</a>
451                    </li>
452                </ul>
453            </div>
454</div>
455        <div
456            class="max-w-7xl mx-auto px-6 border-t border-gray-200 mt-12 pt-8 text-center text-gray-500 text-sm font-medium mb-4">
457            <p>&copy; 2026 Fake Voice - Ziad Khazzaka & Co. All rights reserved.</p>
458        </div>
459    </footer>
460<script>
461    document.addEventListener('DOMContentLoaded', () => {
462        setTimeout(() => {
463            if(window.logAnalyticsEvent) window.logAnalyticsEvent('view_about_page');
464        }, 1000);
465    });
466</script>
466
467</body>
468</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.