<!DOCTYPE html>
<html lang="tr">
<head>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<!-- Primary Meta Tags -->
<title>BilenVar - Araba, Ziraat taım , İsim analizi, Burç, Film öneri ve bilgi yarışması | Ücretsiz Araçlar</title>
<meta name="description" content="Araba bilgilerinden film önerilerine, isim analizinden burç yorumlarına, ziraat tarım bilgilerinden yapay zeka ile sohbete kadar ücretsiz araçlar.">
<meta name="keywords" content="araba bilgisi, isim analizi, burç yorumu, film önerileri, ziraat tarım takvimi, yapay zeka , bilgi yarışması">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://bilenvar.com/">
<meta property="og:title" content="Araba bilgilerinden film önerilerine, isim analizinden burç yorumlarına, ziraat tarım bilgilerinden yapay zeka ile sohbete kadar ücretsiz araçlar.">
<meta property="og:description" content="Kişiselleştirilmiş film önerileri, detaylı araba model bilgileri, aylık tarım ve ziraat bilgileri">
<meta property="og:image" content="icons/Icon-512.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://bilenvar.com/">
<meta property="twitter:title" content="Araba bilgilerinden film önerilerine, isim analizinden burç yorumlarına, ziraat tarım bilgilerinden yapay zeka ile sohbete kadar ücretsiz araçlar.">
<meta property="twitter:description" content="Kişiselleştirilmiş film önerileri, detaylı araba model bilgileri, aylık tarım ve ziraat bilgileri">
<meta property="twitter:image" content="icons/Icon-512.png">
<!-- Keywords -->
<meta name="keywords" content="film önerileri, araba modelleri, ziraat tarım bilgisi, tarım takvimi, film tavsiyeleri, otomobil özellikleri">
<!-- Additional SEO Meta Tags -->
<meta name="author" content="Bilenvar">
<meta name="robots" content="index, follow">
<meta name="language" content="Turkish">
<meta name="revisit-after" content="7 days">
<!-- iOS meta tags & icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Bilenvar">
<link rel="apple-touch-icon" href="icons/Icon-192.png">
<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png">
<link rel="canonical" href="https://bilenvar.com/">
<!-- Web Manifest -->
<link rel="manifest" href="manifest.json">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "BilenVar",
"applicationCategory": "ConsultantApplication",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "TRY"
},
"featureList": [
"Araba bilgileri",
"Ziraat tarım Bilgileri",
"İsim Analizi",
"Burç Yorumları",
"Film Önerileri",
"Bilgi Yarışması",
"Yapay zeka",
"ai"
]
}
</script>
<style>
body {
background-color: #f0f8ff; /* AliceBlue rengi örneği */
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
#loading {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
background-color: #ffffff;
}
/* Alternatif loading animasyonu - noktalı */
.dots {
display: flex;
gap: 8px;
margin-top: 20px;
}
.dot {
width: 12px;
height: 12px;
background-color: #3498db;
border-radius: 50%;
animation: dotPulse 1.5s ease-in-out infinite;
}
.dot:nth-child(2) { animation-delay: 0.2s; }
.dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes dotPulse {
0%, 100% { transform: scale(0.8); opacity: 0.5; }
50% { transform: scale(1.2); opacity: 1; }
}
.tools-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0; /* Arka planda kalması için */
overflow: hidden;
pointer-events: none; /* Yazılar tıklanamaz */
}
.tool-item {
position: absolute;
font-size: 1.5rem;
font-weight: bold;
color: rgba(0, 0, 0, 0.2); /* Şeffaflık */
animation: float 10s infinite ease-in-out;
}
@keyframes float {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(10px, 10px);
}
}
</style>
<!-- Diğer head içerikleri -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXX"
crossorigin="anonymous"></script>
<meta name="google-adsense-account" content="ca-pub-XXXXXXXXXXXX">
</head>
<body>
<!-- Loading Indicator -->
<div id="loading">
<!-- Spinner animasyonu -->
<!-- <div class="spinner"></div>-->
<div class="tools-background">
<div class="tool-item" style="top: 1%; left: 15%;">Araba Bilgileri</div>
<div class="tool-item" style="top: 20%; left: 60%;">Ziraat Tarım Bilgileri</div>
<div class="tool-item" style="top: 50%; left: 40%;">İsim Analizi</div>
<div class="tool-item" style="top: 70%; left: 10%;">Burç Yorumları</div>
<div class="tool-item" style="top: 30%; left: 80%;">Film Önerileri</div>
<div class="tool-item" style="top: 60%; left: 50%;">Bilgi Yarışması</div>
<div class="tool-item" style="top: 40%; left: 20%;">Yapay Zeka</div>
<div class="tool-item" style="top: 80%; left: 70%;">ai</div>
<div class="tool-item" style="top: 50%; left: 90%;">Kredi Hesapla</div>
<div class="tool-item" style="top: 10%; left: 40%;">Yakıt Tüketimi Hesapla</div>
</div>
<img src="icons/Icon-192.png" alt="Bu bir örnek resimdir" width="100" height="100">
<!-- Noktalı animasyon -->
<div class="dots">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
<!-- <div class="loading-text">Yükleniyor</div>-->
</div>
<!-- Flutter Web Bootstrap -->
<script src="flutter_bootstrap.js" async></script>
<!-- Service Worker Registration -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('flutter_service_worker.js?v=3654772396');
});
}
</script>
</body>
</html>