PageSourceSearch

https://jlabs.online/hakkimizda

html jlabs.online collected 2026-10-02 00:38:44 UTC 26,457 bytes, 625 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>About - JLABS</title>
7        <meta name="description" content="JLabs hakk&#x131;nda daha fazla bilgi edinin. Milyonlarca oyuncuya ula&#x15F;an global mobil oyun &#x15F;irketimizin vizyonunu ve de&#x11F;erlerini ke&#x15F;fedin." />
8    <link rel="icon" type="image/png" href="https://cdn.joy.ac/JLabs/images/JLabs_3.png" />
9    <link rel="apple-touch-icon" href="https://cdn.joy.ac/JLabs/images/JLabs_3.png" />
10    
10<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3141611033319102"
11            crossorigin="anonymous"></script>
11
12
13    <!-- Tailwind via CDN -->
14    
14<script src="https://cdn.tailwindcss.com"></script>
14
15    
15<script>
16      tailwind.config = {
17        theme: {
18          extend: {
19            colors: {
20              background: "#050509",
21              header: "#050509",
22              accentYellow: "#F7B733",
23              accentPink: "#F45C7A",
24              muted: "#C7C7C7",
25            },
26            fontFamily: {
27              sans: ["Inter", "system-ui", "sans-serif"],
28            },
29          },
30        },
31      };
32    </script>
32
33    <style>
34      .glass-element {
35        position: relative;
36        overflow: hidden;
37        border-radius: 18px;
38        background:
39          radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.06), transparent 62%),
40          radial-gradient(circle at 80% 100%, rgba(255, 255, 255, 0.02), transparent 68%);
41        backdrop-filter: blur(5px) saturate(1.18);
42        -webkit-backdrop-filter: blur(5px) saturate(1.18);
43        border: 1px solid rgba(255, 255, 255, 0.045);
44        box-shadow:
45          0 0 26px rgba(0, 0, 0, 0.45),
46          inset 0 1px 0 rgba(255, 255, 255, 0.08);
47        opacity: 0;
48        contain: layout style paint;
49        will-change: opacity;
50      }
51
52      .glass-element::before {
53        content: "";
54        position: absolute;
55        inset: -28%;
56        border-radius: inherit;
57        background: radial-gradient(
58          circle at 0% 0%,
59          rgba(255, 255, 255, 0.12) 0%,
60          rgba(255, 255, 255, 0.03) 24%,
61          transparent 55%
62        );
63        mix-blend-mode: screen;
64        opacity: 0.35;
65        pointer-events: none;
66        transform: translate3d(0, 0, 0);
67        animation: glass-wave 20s ease-in-out infinite alternate;
68      }
69
70      @keyframes glass-wave {
71        0% {
72          transform: translate3d(-4%, -3%, 0) rotate(-4deg);
73          opacity: 0.5;
74        }
75        50% {
76          transform: translate3d(3%, 4%, 0) rotate(3deg);
77          opacity: 0.7;
78        }
79        100% {
80          transform: translate3d(6%, -2%, 0) rotate(-2deg);
81          opacity: 0.55;
82        }
83      }
84
85      #heroGrid {
86        display: grid;
87        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
88        grid-auto-rows: 80px;
89        gap: 0;
90        width: 100%;
91        height: 100%;
92      }
93
94      @media (min-width: 768px) {
95        #heroGrid {
96          grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
97          grid-auto-rows: 105px;
98          gap: 0;
99        }
100      }
101
102      @media (min-width: 1024px) {
103        #heroGrid {
104          grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
105          grid-auto-rows: 115px;
106          gap: 0;
107        }
108      }
109
110      #tubesCanvas,
111      #privacyTubesCanvas {
112        width: 100%;
113        height: 100%;
114        display: block;
115        filter: blur(18px);
116        opacity: 0.9;
117        transform: translateZ(0);
118        will-change: contents;
119        pointer-events: none;
120      }
121
122      .inverse-on-bg {
123        mix-blend-mode: difference;
124      }
125
126      /* Mobile infinite logo marquee (Connect partners) */
127      .logo-marquee {
128        position: relative;
129        overflow: hidden;
130      }
131
132      .logo-marquee-inner {
133        display: flex;
134        width: max-content;
135        animation: logo-scroll 12s linear infinite;
136        will-change: transform;
137      }
138
139      .logo-marquee-track {
140        display: flex;
141        align-items: center;
142        gap: 2.5rem;
143        flex: 0 0 auto;
144      }
145
146      .logo-marquee-track:first-child {
147        margin-right: 2.5rem;
148      }
149
150      .logo-marquee::before,
151      .logo-marquee::after {
152        content: "";
153        position: absolute;
154        top: 0;
155        bottom: 0;
156        width: 30px;
157        pointer-events: none;
158      }
159
160      .logo-marquee::before {
161        left: 0;
162        background: linear-gradient(
163          to right,
164          rgba(5, 5, 9, 1),
165          rgba(5, 5, 9, 0)
166        );
167      }
168
169      .logo-marquee::after {
170        right: 0;
171        background: linear-gradient(
172          to left,
173          rgba(5, 5, 9, 1),
174          rgba(5, 5, 9, 0)
175        );
176      }
177
178      @keyframes logo-scroll {
179        0% {
180          transform: translateX(0);
181        }
182        100% {
183          transform: translateX(-50%);
184        }
185      }
186
187      /* Contact email copy shimmer */
188      #emailCopyButton {
189        position: relative;
190        overflow: hidden;
191      }
192
193      #emailCopyButton::before {
194        content: "";
195        position: absolute;
196        inset: 0;
197        background: linear-gradient(
198          120deg,
199          rgba(247, 183, 51, 0) 0%,
200          rgba(247, 183, 51, 0.5) 35%,
201          rgba(244, 92, 122, 0.7) 60%,
202          rgba(247, 183, 51, 0) 100%
203        );
204        transform: translateX(-120%);
205        opacity: 0;
206        pointer-events: none;
207      }
208
209      #emailCopyButton.copy-active::before {
210        animation: email-copy-shimmer 650ms ease-out forwards;
211      }
212
213      @keyframes email-copy-shimmer {
214        0% {
215          transform: translateX(-120%);
216          opacity: 0;
217        }
218        30% {
219          opacity: 1;
220        }
221        100% {
222          transform: translateX(120%);
223          opacity: 0;
224        }
225      }
226
227      /* Mobil / düşük güçlü GPU: backdrop-blur + blend + tam ekran canvas blur çok pahalı (öz. Intel iGPU) */
228      @media (max-width: 767.98px) {
229        .glass-element {
230          backdrop-filter: none;
231          -webkit-backdrop-filter: none;
232          background:
233            radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.07), transparent 62%),
234            radial-gradient(circle at 80% 100%, rgba(255, 255, 255, 0.03), transparent 68%),
235            rgba(255, 255, 255, 0.035);
236          will-change: auto;
237        }
238
239        .glass-element::before {
240          animation: none;
241          opacity: 0.22;
242          transform: none;
243        }
244
245        #tubesCanvas,
246        #privacyTubesCanvas {
247          display: none;
248        }
249
250        .logo-marquee-inner {
251          animation-duration: 28s;
252        }
253
254        .inverse-on-bg {
255          mix-blend-mode: normal;
256        }
257      }
258
259      @media (prefers-reduced-motion: reduce) {
260        .glass-element::before {
261          animation: none;
262        }
263
264        .logo-marquee-inner {
265          animation: none;
266        }
267
268        #emailCopyButton.copy-active::before {
269          animation: none;
270          opacity: 0;
271        }
272      }
273    </style>
274    <link
275      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
276      rel="stylesheet"
277    />
278    
279</head>
280<body class="min-h-screen bg-background text-white font-sans flex flex-col">
281    <header class="w-full border-b border-white/5 bg-header/90 backdrop-blur-md sticky top-0 z-40">
282    <div class="max-w-6xl mx-auto px-4 lg:px-0 h-16 lg:h-20 flex items-center justify-between">
283        <a href="/" class="flex items-center gap-3">
284            <img src="https://cdn.joy.ac/JLabs/images/JLabs_3.png" alt="JLABS Logo" class="h-[130px] w-auto" loading="lazy" />
285        </a>
286
287        <nav class="hidden md:flex items-center gap-8 text-sm">
288            <a href="/hakkimizda" data-nav-key="connect" class="relative pb-1 transition-colors bg-gradient-to-r from-[#F7B733] to-[#FF8A3D] bg-clip-text text-transparent">
289                Hakk&#x131;m&#x131;zda
290            </a>
291            <a href="/oyunlar" data-nav-key="games" class="relative pb-1 transition-colors text-muted hover:text-[#ff8a3d]">
292                Oyunlar
293            </a>
294            <a href="/iletisim" data-nav-key="contact" class="group relative inline-flex rounded-full p-[1px] text-xs font-medium transition-all bg-white/15 hover:bg-gradient-to-r hover:from-[#F7B733] hover:to-[#FF8A3D]">
295                <span class="inline-flex rounded-full px-4 py-1.5 bg-[#2A2C34]">
296                    <span class="text-muted group-hover:bg-gradient-to-r group-hover:from-[#F7B733] group-hover:to-[#FF8A3D] group-hover:bg-clip-text group-hover:text-transparent">
297                        &#x130;leti&#x15F;im
298                    </span>
299                </span>
300            </a>
301
302            <div class="relative group ml-4" id="localeSelector">
303                <button type="button" class="inline-flex items-center gap-1 text-xs text-muted hover:text-white transition-colors" aria-expanded="false" aria-haspopup="true">
304                    <span>TR</span>
305                    <svg class="w-3 h-3" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
306                        <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
307                    </svg>
308                </button>
309                <div id="localeDropdown" class="hidden absolute right-0 mt-2 min-w-[140px] bg-[#0a0a0f] border border-white/10 rounded-lg shadow-xl py-1 z-50">
310                    <form method="post" class="flex flex-col" action="/en/Locale/SetLocale">
311                        <input type="hidden" name="returnUrl" value="/hakkimizda" />
312                        <button type="submit" name="culture" value="tr" class="w-full text-left px-4 py-2 text-xs text-muted hover:text-white hover:bg-white/5 bg-white/5 text-white">
313                            Türkçe
314                        </button>
315                        <button type="submit" name="culture" value="en" class="w-full text-left px-4 py-2 text-xs text-muted hover:text-white hover:bg-white/5 ">
316                            English
317                        </button>
318                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BRedwN8WpNPuSzKMWHdCsvRC9SzB0Nk0hsvmOqo6-RtJr6hFelVOmEQCYyYoZYo_RdDM7vOio-m0arTxLX9jTAwbZmgwErjn0UHHE6j07m3zVXZ702pA17j3tpS-qtEQfu8Lm-5FRhXDSQWlipGdVQ" /></form>
319                </div>
320            </div>
321        </nav>
322
323        <button id="menuToggle" class="md:hidden fixed top-4 right-4 z-50 inline-flex items-center justify-center w-10 h-10 rounded-full border border-white/15 bg-header/90 backdrop-blur-sm text-sm" aria-label="Toggle menu" aria-controls="mobileNav" aria-expanded="false">
324            <span class="sr-only">Menu</span>
325            <div class="space-y-1">
326                <span class="block w-4 h-[1.5px] bg-white"></span>
327                <span class="block w-3 h-[1.5px] bg-white"></span>
328            </div>
329        </button>
330    </div>
331</header>
332
333<div id="mobileNavBackdrop" class="md:hidden fixed inset-0 z-30 bg-black/55 opacity-0 pointer-events-none transition-opacity duration-300"></div>
334<nav id="mobileNav" class="md:hidden fixed inset-y-0 left-0 z-50 w-[82vw] max-w-[360px] -translate-x-full transition-transform duration-300 ease-out border-r border-white/10 bg-[#050509] shadow-2xl">
335    <div class="h-full px-6 py-6 flex flex-col bg-[#050509]">
336        <div class="flex items-center justify-between">
337            <a href="/" class="flex items-center gap-3">
338                <img src="https://cdn.joy.ac/JLabs/images/JLabs_3.png" alt="JLABS Logo" class="h-[100px] w-auto" loading="lazy" />
339            </a>
340            <button type="button" id="menuClose" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/15 text-white" aria-label="Close menu">
341                <span class="text-lg leading-none">&times;</span>
342            </button>
343        </div>
344
345        <div class="mt-14 space-y-6 text-4xl font-semibold tracking-tight">
346            <a href="/hakkimizda" data-mobile-nav-key="connect" class="block text-white hover:text-white/80 transition-colors">Hakk&#x131;m&#x131;zda</a>
347            <a href="/oyunlar" data-mobile-nav-key="games" class="block text-white hover:text-white/80 transition-colors">Oyunlar</a>
348            <a href="/iletisim" data-mobile-nav-key="contact" class="block text-white hover:text-white/80 transition-colors">&#x130;leti&#x15F;im</a>
349        </div>
350
351        <div class="mt-auto pt-6 border-t border-white/10">
352            <form method="post" class="flex gap-4 items-center" action="/en/Locale/SetLocale">
353            <input type="hidden" name="returnUrl" value="/hakkimizda" />
354                <button type="submit" name="culture" value="en" class="text-2xl font-medium text-muted hover:text-white">EN</button>
355                <span class="text-muted/50">|</span>
356                <button type="submit" name="culture" value="tr" class="text-2xl font-medium text-accentPink">TR</button>
357            <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BRedwN8WpNPuSzKMWHdCsvRC9SzB0Nk0hsvmOqo6-RtJr6hFelVOmEQCYyYoZYo_RdDM7vOio-m0arTxLX9jTAwbZmgwErjn0UHHE6j07m3zVXZ702pA17j3tpS-qtEQfu8Lm-5FRhXDSQWlipGdVQ" /></form>
358        </div>
359    </div>
360</nav>
361
362<script>
363    (function() {
364        function updateHeaderActiveStateFromHash() {
365            var normalizedPath = window.location.pathname.toLowerCase();
366            var hash = (window.location.hash || '').toLowerCase();
367            var desktopLinks = document.querySelectorAll('[data-nav-key]');
368            var mobileLinks = document.querySelectorAll('[data-mobile-nav-key]');
369
370            var hasServerActivePage = document.querySelector('[data-nav-key="connect"].text-white, [data-nav-key="contact"].text-white, [data-nav-key="games"].text-white');
371            if (hasServerActivePage) return;
372
373            var activeKey = hash === '#games' ? 'games' : null;
374            if (!activeKey) return;
375            desktopLinks.forEach(function(link) {
376                if (link.dataset.navKey === activeKey) {
377                    link.classList.add('text-white');
378                }
379            });
380            mobileLinks.forEach(function(link) {
381                if (link.dataset.mobileNavKey === activeKey) {
382                    link.classList.add('text-accentPink');
383                }
384            });
385        }
386
387        var localeSelector = document.getElementById('localeSelector');
388        var localeDropdown = document.getElementById('localeDropdown');
389        if (localeSelector && localeDropdown) {
390            localeSelector.querySelector('button').addEventListener('click', function(e) {
391                e.stopPropagation();
392                localeDropdown.classList.toggle('hidden');
393            });
394            document.addEventListener('click', function() { localeDropdown.classList.add('hidden'); });
395        }
396
397        updateHeaderActiveStateFromHash();
398        window.addEventListener('hashchange', updateHeaderActiveStateFromHash);
399    })();
400</script>
400
401
402
403    <main b-cmhnpz2yk9 class="flex-1 min-w-0">
404        
405
406<section
407    id="landing"
408    class="relative w-full px-0 py-0 overflow-hidden min-h-[620px] md:min-h-[780px] lg:min-h-[860px]"
409>
410    <div class="absolute inset-0 -z-10">
411        <div class="relative w-full h-full">
412            <div class="absolute inset-0 overflow-hidden">
413                <canvas id="tubesCanvas"></canvas>
414            </div>
415
416            
417
418            <div id="heroGrid" class="relative">
419            </div>
420        </div>
421    </div>
422
423    <div
424        class="relative max-w-6xl mx-auto px-4 lg:px-10 py-16 lg:py-28 flex flex-col items-center text-center gap-6"
425    >
426            <p class="text-xs md:text-sm uppercase tracking-[0.3em] text-[#fefefe]">
427                Jlabs Oyun Teknoloji
428            </p>
429        <h1
430            class="text-4xl md:text-5xl lg:text-6xl font-semibold leading-tight"
431        >
432            Oyunun dilini biliyoruz, hikayesini biz yaz&#x131;yoruz.
433        </h1>
434        <p
435            class="text-sm md:text-base text-[#fefefe] max-w-2xl mx-auto leading-relaxed whitespace-pre-line"
436        >
437            Mobil oyun d&#xFC;nyas&#x131;nda JLabs, milyonlarca oyuncuya ula&#x15F;m&#x131;&#x15F; global bir e&#x11F;lence &#x15F;irketidir. Oyuncuyu her &#x15F;eyin merkezine koyan yakla&#x15F;&#x131;m&#x131;m&#x131;zla, t&#xFC;m k&#x131;talardaki kullan&#x131;c&#x131;lar i&#xE7;in eri&#x15F;ilebilir ve unutulmaz mobil oyun deneyimleri tasarl&#x131;yoruz.&#xA;Yarat&#x131;c&#x131;l&#x131;&#x11F;&#x131;, teknolojiyi ve veri odakl&#x131; bak&#x131;&#x15F; a&#xE7;&#x131;s&#x131;n&#x131; harmanlayarak; farkl&#x131; k&#xFC;lt&#xFC;rlere ve oyuncu al&#x131;&#x15F;kanl&#x131;klar&#x131;na dokunan, uzun soluklu ve s&#xFC;rd&#xFC;r&#xFC;lebilir oyun deneyimleri in&#x15F;a etmeyi hedefliyoruz.
438        </p>
439    </div>
440</section>
441
442
443
444<section
445    id="partners"
446    class="relative bg-background border-t border-[#222226] pt-16 lg:pt-20 pb-16 lg:pb-24"
447>
448    <div class="relative max-w-6xl mx-auto px-4 lg:px-0">
449        <div class="text-center mb-10 lg:mb-14">
450            <h2
451                class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-3"
452            >
453                Grup &#x15E;irketlerimiz
454            </h2>
455        </div>
456
457        <div class="mt-8 md:mt-10 w-full px-4 md:px-10 lg:px-24">
458            <div class="logo-marquee py-3">
459                <div class="logo-marquee-inner">
460                    <div class="logo-marquee-track">
461                            <img src="https://cdn.joy.ac/JLabs/images/funjitsu.png" alt="Funjitsu" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
462                            <img src="https://cdn.joy.ac/JLabs/images/jlabs.png" alt="JLabs" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
463                            <img src="https://cdn.joy.ac/JLabs/images/joygame.png" alt="Joygame" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
464                            <img src="https://cdn.joy.ac/JLabs/images/jozzy.png" alt="Jozzy" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
465                            <img src="https://cdn.joy.ac/JLabs/images/madbyte.png" alt="Madbyte" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
466                    </div>
467                    <div class="logo-marquee-track" aria-hidden="true">
468                            <img src="https://cdn.joy.ac/JLabs/images/funjitsu.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
469                            <img src="https://cdn.joy.ac/JLabs/images/jlabs.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
470                            <img src="https://cdn.joy.ac/JLabs/images/joygame.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
471                            <img src="https://cdn.joy.ac/JLabs/images/jozzy.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
472                            <img src="https://cdn.joy.ac/JLabs/images/madbyte.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" />
473                    </div>
474                </div>
475            </div>
476        </div>
477    </div>
478</section>
479
480
481<section
482    id="values"
483    class="bg-background border-t border-white/5 pt-16 lg:pt-20 pb-16 lg:pb-24"
484>
485    <div class="max-w-6xl mx-auto px-4 lg:px-0">
486        <div class="text-center mb-10 lg:mb-14">
487            <h2
488                class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-3"
489            >
490                De&#x11F;erlerimiz
491            </h2>
492        </div>
493
494        <div
495            class="grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6 max-w-4xl mx-auto"
496        >
497            <article
498                class="glass-element opacity-100 p-5 md:p-6 text-left"
499            >
500                <h3 class="text-sm md:text-base font-semibold mb-2">
501                    Veriyle B&#xFC;y&#xFC;yoruz
502                </h3>
503                <p class="text-xs md:text-sm text-[#fefefe] leading-relaxed">
504                    Kararlar&#x131;m&#x131;z&#x131; sezgiyle de&#x11F;il, i&#xE7;g&#xF6;r&#xFC;yle al&#x131;r&#x131;z.
505                </p>
506            </article>
507
508            <article
509                class="glass-element opacity-100 p-5 md:p-6 text-left"
510            >
511                <h3 class="text-sm md:text-base font-semibold mb-2">
512                    Toplulukla &#x130;n&#x15F;
512a Ediyoruz
513                </h3>
514                <p class="text-xs md:text-sm text-[#fefefe] leading-relaxed">
515                    Oyuncular&#x131;m&#x131;z&#x131;n geri bildirimleri, fikirleri ve tutkular&#x131;yla JLabs&#x27;&#x131; birlikte &#x15F;ekillendiriyoruz
516                </p>
517            </article>
518
519            <article
520                class="glass-element opacity-100 p-5 md:p-6 text-left"
521            >
522                <h3 class="text-sm md:text-base font-semibold mb-2">
523                    S&#x131;n&#x131;r Tan&#x131;m&#x131;yoruz
524                </h3>
525                <p class="text-xs md:text-sm text-[#fefefe] leading-relaxed">
526                    Co&#x11F;rafya, dil veya k&#xFC;lt&#xFC;r bizi durduramaz. T&#xFC;m k&#x131;talardaki oyunculara ula&#x15F;mak i&#xE7;in her engeli a&#x15F;&#x131;yoruz.
527                </p>
528            </article>
529        </div>
530    </div>
531</section>
532
533
534
535<section
536    id="download"
537    class="relative bg-[#111114] border-t border-white/5 py-16 lg:py-20 overflow-hidden"
538>
539    <div
540        class="pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[460px] md:w-[620px] h-[210px] md:h-[250px] rounded-[999px] bg-[radial-gradient(circle_at_30%_50%,#F7B733,transparent_65%),radial-gradient(circle_at_80%_50%,#F45C7A,transparent_70%)] opacity-70 blur-3xl"
541    ></div>
542
543    <div class="relative max-w-6xl mx-auto px-4 lg:px-0 text-center">
544        <h2
545            class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-3"
546        >
547            Oyunlar&#x131;m&#x131;z&#x131; deneyimlemeye haz&#x131;r m&#x131;s&#x131;n&#x131;z?
548        </h2>
549        <p
550            class="text-sm md:text-base text-muted max-w-xl mx-auto mb-8 leading-relaxed"
551        >
552            En sevilen oyunlar&#x131;m&#x131;za g&#xF6;z at&#x131;n ve e&#x11F;lenceye diledi&#x11F;iniz her yerden ortak olun. Hemen indirin ve maceraya ba&#x15F;lay&#x131;n!
553        </p>
554
555        <div
556            class="flex flex-wrap items-center justify-center gap-4"
557        >
558            <a
559                href="https://apps.apple.com/tr/developer/j-labs-teknoloji-anonim-sirketi/id1700262942?l=tr"
560                target="_blank"
561                rel="noopener noreferrer"
562                class="inline-flex items-center gap-3 px-5 py-3 rounded-full bg-white text-black text-xs md:text-sm font-medium shadow-lg hover:bg-white/90 transition"
563            >
564                <span class="flex h-9 w-9 shrink-0 items-center justify-center">
565                    <img src="/jlabs/apple-logo.svg" alt="" class="h-8 w-8 object-contain" width="32" height="32" aria-hidden="true" />
566                </span>
567                <span class="flex flex-col items-start leading-tight">
568                    <span class="text-base font-semibold">
569                        App Store&#x27;dan &#x130;ndirin
570                    </span>
571                </span>
572            </a>
573
574            <a
575                href="https://play.google.com/store/apps/developer?id=JLabs+Games&amp;hl=tr"
576                target="_blank"
577                rel="noopener noreferrer"
578                class="inline-flex items-center gap-3 px-5 py-3 rounded-full bg-white text-black text-xs md:text-sm font-medium shadow-lg hover:bg-white/90 transition"
579            >
580                <span class="flex h-9 w-9 shrink-0 items-center justify-center">
581                    <img src="/jlabs/google-play-icon.svg" alt="" class="h-8 w-8 object-contain" width="32" height="32" aria-hidden="true" />
582                </span>
583                <span class="flex flex-col items-start leading-tight">
584                    <span class="text-base font-semibold">
585                        Google Play&#x27;den &#x130;ndirin
586                    </span>
587                </span>
588            </a>
589        </div>
590    </div>
591</section>
592
593
594
595
596    </main>
597
598    <footer class="border-t border-white/5 mt-12 py-10 text-xs text-muted bg-background">
599    <div class="max-w-6xl mx-auto px-4 lg:px-0 flex flex-col gap-8">
600        <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-8">
601            <div class="max-w-sm space-y-3">
602                <img src="https://cdn.joy.ac/JLabs/images/JLabs_3.png" alt="JLABS Logo" class="h-[160px] w-auto" loading="lazy" />
603            </div>
604
605            <nav class="flex flex-wrap items-center gap-4 md:gap-6 text-xs order-3 md:order-2">
606                <a href="/hakkimizda" class="hover:text-white transition-colors">Hakk&#x131;m&#x131;zda</a>
607                <a href="/oyunlar" class="hover:text-white transition-colors">Oyunlar</a>
608                <a href="/iletisim" class="hover:text-white transition-colors">&#x130;leti&#x15F;im</a>
609                <a href="/gizlilik-politikasi" class="hover:text-white transition-colors">Gizlilik</a>
610                <a href="/cerez-politikasi" class="hover:text-white transition-colors">&#xC7;erez Politikas&#x131;</a>
611                <a href="/kullanici-sozlesmesi" class="hover:text-white transition-colors">Kullan&#x131;c&#x131; S&#xF6;zle&#x15F;mesi</a>
612            </nav>
613
614        </div>
615
616    </div>
617</footer>
618
619
620    
621    
621<script type="module" src="/jlabs/connect.js"></script>
621
622
623<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e5653cac4612440983b98f47d50845aa","r":1,"spa":2}' crossorigin="anonymous"></script>
623
624</body>
625</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.