<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Mavi Tik | Dijital Kartvizit ve Biyografi Linki Platformu</title>
<meta name="description" content="Mavi Tik ile tüm sosyal medya ve iletişim bilgilerinizi tek bir profesyonel linkte toplayın. Hızlı, şık ve etkili dijital kartvizitinizi ücretsiz oluşturun.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/assets/favicon.png" type="image/png">
<link rel="stylesheet" href="/assets/style.css">
</head>
<body>
<header class="site-header">
<div class="header-container">
<div class="logo-bar">
<a href="/">
<span class="beta-badge">BETA</span>
<img src="/assets/logo.svg" alt="Mavitik Logo" class="logo-img" width="250" height="100">
</a>
</div>
<div class="user-auth">
<a href="/login.php">Giriş Yap</a>
<a href="/register.php">Kayıt Ol</a>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<h1>Dijital kimliğiniz, tek bağlantıda.</h1>
<p>Sosyal medya, portfolyo ve iletişim bilgilerinizi bir araya getiren kurumsal profil sayfaları. Paylaşması kolay, yönetmesi hızlı, görünümü tutarlı.</p>
<div class="actions">
<a class="btn btn-primary" href="/register.php" aria-label="Ücretsiz profil oluştur">Ücretsiz Profil Oluştur</a>
<a class="btn btn-ghost" href="/login.php" aria-label="Giriş yap ve düzenlemeye başla">Giriş Yap</a>
</div>
</div>
</section>
<section class="highlights">
<div class="container">
<div class="high-grid">
<article class="card">
<h3>Tek Merkezden Yönetim</h3>
<p>Tüm linkleriniz ve iletişim kanallarınız tek sayfada. Güncelleyin, paylaşın, QR ile anında eriştirin.</p>
</article>
<article class="card">
<h3>Kurumsal Görünüm</h3>
<p>Minimal tipografi, dengeli boşluklar ve tutarlı renk sistemi ile marka algınız bozulmaz.</p>
</article>
<article class="card">
<h3>Mobil Öncelikli</h3>
<p>Telefon, tablet ve masaüstünde hızlı yüklenen, erişilebilir arayüz.</p>
</article>
</div>
</div>
</section>
<section class="strip">
<div class="container">
<div class="items">
<div class="item">
<span class="dot" aria-hidden="true"></span>
<p>Profilinize özel QR kod ile etkinliklerde saniyeler içinde bağlantı paylaşın.</p>
</div>
<div class="item">
<span class="dot" aria-hidden="true"></span>
<p>İstediğiniz alan adını yönlendirin; profilinizi markanıza entegre edin.</p>
</div>
<div class="item">
<span class="dot" aria-hidden="true"></span>
<p>Basit panel: Link ekleme, sıralama ve vurgulama işlemleri tek ekranda.</p>
</div>
</div>
</div>
</section>
<section class="cta">
<div class="container">
<h2>İki dakikada profesyonel profilinizi hazırlayın</h2>
<p>Binlerce kullanıcı gibi bilgilerinizi tek bir modern linkte toplayın.</p>
<a class="btn btn-primary" href="/register.php">Ücretsiz Başlayın</a>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-container">
<div class="footer-column">
<h4 class="footer-heading">Kurumsal</h4>
<ul class="footer-links">
<li><a href="/hakkimizda">Hakkımızda</a></li>
<li><a href="/reklam">Reklam</a></li>
<li><a href="/iletisim">İletişim</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-heading">Popüler Konular</h4>
<ul class="footer-links">
<li><a href="/blog/dijital-kartvizit">Dijital Kartvizit Nedir?</a></li>
<li><a href="/blog/biyografi-linki">Biyografi Linki Oluşturma</a></li>
<li><a href="/blog/qr-kodlu-kartvizit">QR Kodlu Kartvizit</a></li>
<li><a href="/blog/link-in-bio">Link in Bio Olusturma</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-heading">Yasal</h4>
<ul class="footer-links">
<li><a href="/kvkk">KVKK Aydınlatma Metni</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
© 2025 mavitik.net | Dijital Kartvizit Platformu
</div>
</footer>
<script>
function copyText(text, buttonElement) {
navigator.clipboard.writeText(text).then(function() {
const existingAlert = buttonElement.parentNode.querySelector('.copy-alert');
if (existingAlert) {
existingAlert.remove();
}
let alert = document.createElement('div');
alert.className = 'copy-alert';
alert.innerText = 'Kopyalandı!';
buttonElement.parentNode.appendChild(alert);
setTimeout(() => {
alert.remove();
}, 1800);
});
}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8CX64L7PE4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8CX64L7PE4');
</script>
</body>
</html>