seninbilisim.com - SEO Analiz

Çok uzun başlık (title) kullanılmamalı.

Çok uzun açıklama bilgisi (description) kullanılmamalı.

Gereğinden fazla anahtar kelime (keywords) kullanılmamalı.

HX etiketi kriterlerine uyulmalı.

<H1> Etiketleri:

İŞİNİZİ DİJİTALE TAŞIYIN

<H2> Etiketleri:

Web Siteniz Ne Kadar <span class="bg-[linear-gradient(90deg,#fff,#ffbe7a,#ff6a00)] bg-clip-text text-transparent"> Güçlü? </span>
Öne Çıkan <span class="text-brand-orange">Yazılımlar</span>
WEB <span class="text-brand-orange">YAZILIM</span> HİZMETLERİ
BLOG & <span class="text-brand-orange">HABERLER</span>

<H3> Etiketleri:

WEB YAZILIM & E-TİCARET
DİJİTAL PAZARLAMA & SEO
KURUMSAL KİMLİK & TASARIM
<a href="/rent-a-car-prime-hazir-yazilim-scripti">Rent A Car Prime Hazır Yazılım Scripti</a>
<a href="/teknik-servis-prime-yazilim-scripti">Teknik Servis Prime Yazılım Scripti</a>
<a href="/haber-portal-prime-yazilim-scripti">Haber Portal Prime Yazılım Scripti</a>
<a href="/dernek-bagis-yazilim-hazir-scripti">Dernek Bağış Yazılım Hazır Scripti</a>
<a href="/nakliyat-prime-hazir-yazilim-scripti">Nakliyat Prime Hazır Yazılım Scripti</a>
<a href="/hali-yikama-hazir-yazilim-scripti">Halı Yıkama Hazır Yazılım Scripti</a>
<a href="/tatil-turizm-gezi-hazir-yazilim-scripti">Tatil Turizm Gezi Hazır Yazılım Scripti</a>
<a href="/hazir-e-ticaret-yazilimi-c2c-pazaryeri-scripti">Hazır E-Ticaret Yazılımı – C2C Pazaryeri Scripti</a>
<a href="/radyo-sen-dj-hazir-yazilim-scripti">Radyo Sen DJ Hazır Yazılım Scripti</a>
<a href="/blog/radyo-dj-nedir-2026-da-kendi-online-radyo-sitesini-kurmanin-en-kolay-yolu"> 🎧 Radyo DJ Nedir? 2026’da Kendi Online Radyo Sitesini Kurmanın En Kolay Yolu </a>
<a href="/blog/web-sitesi-neden-acilmaz-2026-guncel-cozum-rehberi"> Web Sitesi Neden Açılmaz? (2026 Güncel Çözüm Rehberi) </a>
<a href="/blog/seo-nasil-yapilir-2026-guncel-ve-etkili-rehber"> SEO Nasıl Yapılır? (2026 Güncel ve Etkili Rehber) </a>
Hayalindeki Projeyi Anlat

<H4> Etiketleri:

Hızlı Bağlantılar
İletişim Bilgileri
Bizi Takip Edin
Çerez Politikası
<span class="w-5 h-5 rounded-full bg-brand-orange text-white flex items-center justify-center text-[10px]">1</span> İletişim Bilgileri
<span class="w-5 h-5 rounded-full bg-brand-orange text-white flex items-center justify-center text-[10px]">2</span> Proje Detayları

<H5> Etiketleri:

<H6> Etiketleri:

Mümkün olduğunca az sayıda resim kullanılmalı.

Tüm resim (img) etiketlerinizde alt bilgisi olmalı.

Tüm resim (img) etiketlerinizde width ve height bilgisi olmalı.

Sayfanızdaki dış linklerinizin sayısı mümkün olduğunca az olmalı.

Dış linkler:

https://facebook.com
https://instagram.com
https://webaraclari.seninbilisim.com/
https://webaraclari.seninbilisim.com/
https://www.rentacar.seninbilisim.com
https://servis.seninbilisim.com/
https://haber.seninbilisim.com/
https://dernek.seninbilisim.com
https://nakliyat.seninbilisim.com
https://haliyikama.seninbilisim.com/
https://tatiltur.seninbilisim.com/
https://eticaret.seninbilisim.com/
https://radyo.seninbilisim.com
https://facebook.com
https://instagram.com
https://wa.me/905398816282

İç linkler:

/hizmetler/hazir-web-siteleri
tel:+905398816282
mailto:[email protected]
/
/
/hizmetlerimiz/web-tasarim
/hizmetlerimiz/grafik-tasarim
/hizmetlerimiz/seo-paketleri
/hizmetler/hazir-web-siteleri
/hakkimizda
/blog
/contact
/cart
/login
/
/hizmetlerimiz/web-tasarim
/hizmetlerimiz/grafik-tasarim
/hizmetlerimiz/seo-paketleri
/hizmetler/hazir-web-siteleri
/blog
/hakkimizda
/contact
/login
/hizmetler/hazir-web-siteleri
/contact
/hizmetlerimiz/web-tasarim
/hizmetlerimiz/seo-paketleri
/hizmetlerimiz/grafik-tasarim
/contact
/hizmetler/hazir-web-siteleri
/rent-a-car-prime-hazir-yazilim-scripti
/rent-a-car-prime-hazir-yazilim-scripti
/rent-a-car-prime-hazir-yazilim-scripti
/teknik-servis-prime-yazilim-scripti
/teknik-servis-prime-yazilim-scripti
/teknik-servis-prime-yazilim-scripti
/haber-portal-prime-yazilim-scripti
/haber-portal-prime-yazilim-scripti
/haber-portal-prime-yazilim-scripti
/dernek-bagis-yazilim-hazir-scripti
/dernek-bagis-yazilim-hazir-scripti
/dernek-bagis-yazilim-hazir-scripti
/nakliyat-prime-hazir-yazilim-scripti
/nakliyat-prime-hazir-yazilim-scripti
/nakliyat-prime-hazir-yazilim-scripti
/hali-yikama-hazir-yazilim-scripti
/hali-yikama-hazir-yazilim-scripti
/hali-yikama-hazir-yazilim-scripti
/tatil-turizm-gezi-hazir-yazilim-scripti
/tatil-turizm-gezi-hazir-yazilim-scripti
/tatil-turizm-gezi-hazir-yazilim-scripti
/hazir-e-ticaret-yazilimi-c2c-pazaryeri-scripti
/hazir-e-ticaret-yazilimi-c2c-pazaryeri-scripti
/hazir-e-ticaret-yazilimi-c2c-pazaryeri-scripti
/radyo-sen-dj-hazir-yazilim-scripti
/radyo-sen-dj-hazir-yazilim-scripti
/radyo-sen-dj-hazir-yazilim-scripti
/referanslar
/blog
/blog/radyo-dj-nedir-2026-da-kendi-online-radyo-sitesini-kurmanin-en-kolay-yolu
/blog/radyo-dj-nedir-2026-da-kendi-online-radyo-sitesini-kurmanin-en-kolay-yolu
/blog/web-sitesi-neden-acilmaz-2026-guncel-cozum-rehberi
/blog/web-sitesi-neden-acilmaz-2026-guncel-cozum-rehberi
/blog/seo-nasil-yapilir-2026-guncel-ve-etkili-rehber
/blog/seo-nasil-yapilir-2026-guncel-ve-etkili-rehber
/
/page/yazilim-sozlesmesi
/page/satis-sozlesmesi
/page/musteri-sozlesmesi
/page/cerez-politikasi
/page/kvkk-aydinlatma-metni
/page/iptal-ve-iade-kosullari
/page/kullanim-kosullari
/page/gizlilik-politikasi
tel:+905398816282
/page/yazilim-sozlesmesi
/page/satis-sozlesmesi
/page/musteri-sozlesmesi
/page/cerez-politikasi
/page/kvkk-aydinlatma-metni
/page/iptal-ve-iade-kosullari
/page/kullanim-kosullari
/page/gizlilik-politikasi
page/cerez-politikasi
/cart

Toplam 16 adet dış link ve 85 adet iç link bulunmaktadır.

Güvenilmeyen sitelere verilen linklerde rel="nofollow" etiketi olmalı.

Vurgulamak istenilen kelimelere biçim etiketleri verilmeli.

css ve javascript kodlar, harici bir sayfadan çağırılmalı.

Style kodları:

:root { --color-brand-orange: #ff6b00; --color-brand-dark: #121212; --color-brand-card: #1e1e1e; --color-brand-light: #fdfbf7; }
[x-cloak] { display: none !important; }
/* targeted glass dropdown refresh */.sb-services-dropdown{ width: 280px; margin-top: 10px; padding: 8px; border-radius: 28px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.55); box-shadow: 0 24px 55px rgba(15,23,42,.14), 0 8px 20px rgba(15,23,42,.08); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);}.dark .sb-services-dropdown{ background: rgba(18,18,18,.84); border-color: rgba(255,255,255,.08); box-shadow: 0 24px 55px rgba(0,0,0,.32), 0 8px 20px rgba(0,0,0,.18);}.sb-services-dropdown-inner{ border-radius: 22px; overflow: hidden; padding: 4px; background: transparent;}.sb-services-dropdown-item{ display:block; padding: 14px 16px; border-radius: 18px; transition: all .28s ease;}.sb-services-dropdown-item:hover{ transform: translateY(-1px); background: rgba(255,255,255,.72);}.dark .sb-services-dropdown-item:hover{ background: rgba(255,255,255,.05);}.sb-services-dropdown-item .sb-services-icon{ width: 44px; height: 44px; border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 10px 18px rgba(15,23,42,.08);}.sb-services-dropdown-item .sb-services-title{ font-size: 13px; font-weight: 900; letter-spacing: -.01em;}.sb-services-dropdown-item .sb-services-desc{ font-size: 11px; color: #6b7280; line-height: 1.35; margin-top: 2px;}.dark .sb-services-dropdown-item .sb-services-desc{ color: #9ca3af;}
@keyframes borderMove { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; }}.animate-border { background-size: 200% 200%; animation: borderMove 4s linear infinite;}
.sb-populer,.premium-badge-free{position:relative;top:-3px;transform:translateY(-1px);}
/* POPULER badge glow */.sb-populer{background:#539ab2 !important;color:#fff;box-shadow:0 2px 10px rgba(15,143,138,.45);}/* subtle glow on hover */.sb-populer:hover{box-shadow:0 4px 16px rgba(15,143,138,.65);}/* FREE badge pulse animation */.premium-badge-free{background:#ef4444;color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;animation:badgePulse 2s infinite;}@keyframes badgePulse{0%{transform:scale(1); box-shadow:0 0 0 0 rgba(239,68,68,.6)}70%{transform:scale(1.05); box-shadow:0 0 0 6px rgba(239,68,68,0)}100%{transform:scale(1); box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.sb-populer{background:#539ab2 !important;color:#fff;}
[x-cloak] { display: none !important; } .premium-badge-free { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: #ffffff; font-size: 8px; line-height: 1; padding: 4px 6px; border-radius: 999px; font-weight: 800; letter-spacing: 0.04em; box-shadow: 0 4px 10px rgba(239, 68, 68, 0.28); animation: badgePulse 1.8s ease-in-out infinite; transform-origin: center; } @keyframes badgePulse { 0% { transform: scale(1); box-shadow: 0 4px 10px rgba(239, 68, 68, 0.22); } 50% { transform: scale(1.05); box-shadow: 0 6px 14px rgba(239, 68, 68, 0.38); } 100% { transform: scale(1); box-shadow: 0 4px 10px rgba(239, 68, 68, 0.22); } }
.sb-wow-announcement{ background: radial-gradient(circle at 15% 50%, rgba(255,255,255,.16), transparent 24%), linear-gradient(90deg, #0f172a 0%, #1e293b 22%, #ff6a00 55%, #ff8a00 78%, #0f172a 100%); background-size: 100% 100%, 220% 220%; animation: sbWowGradient 12s ease infinite; } .sb-wow-announcement__bg{ position:absolute; inset:0; background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 28%, transparent 72%, rgba(255,255,255,.08)), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 18px); opacity:.55; pointer-events:none; } .sb-wow-announcement__shine{ position:absolute; inset:-40% auto -40% -20%; width:32%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); transform:skewX(-24deg); animation: sbWowShine 5.5s ease-in-out infinite; pointer-events:none; filter:blur(2px); } .sb-wow-announcement__link{ position:relative; display:flex; align-items:center; gap:16px; min-height:46px; padding:8px 20px; color:#fff; overflow:hidden; } .sb-wow-announcement__badge{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; background:rgba(15,23,42,.7); border:1px solid rgba(255,255,255,.16); box-shadow:0 8px 24px rgba(15,23,42,.22); backdrop-filter:blur(8px); } .sb-wow-announcement__badge-dot{ width:8px; height:8px; border-radius:999px; background:#22c55e; box-shadow:0 0 0 0 rgba(34,197,94,.7); animation: sbWowPulse 1.9s infinite; } .sb-wow-announcement__track-wrap{ position:relative; flex:1 1 auto; display:flex; overflow:hidden; mask-image:linear-gradient(to right, transparent 0, black 6%, black 94%, transparent 100%); -webkit-mask-image:linear-gradient(to right, transparent 0, black 6%, black 94%, transparent 100%); } .sb-wow-announcement__track{ flex:0 0 auto; min-width:max-content; display:flex; align-items:center; animation: sbWowMarquee 22s linear infinite; } .sb-wow-announcement__item{ position:relative; display:inline-flex; align-items:center; gap:14px; padding:0 30px; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; text-shadow:0 0 18px rgba(255,255,255,.22); } .sb-wow-announcement__item::after{ content:"✦"; position:absolute; right:-4px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.65); font-size:12px; } .sb-wow-announcement__cta{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.14); font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; backdrop-filter:blur(8px); transition:all .3s ease; } .sb-wow-announcement__link:hover .sb-wow-announcement__cta{ background:rgba(255,255,255,.18); transform:translateY(-1px); } .sb-wow-announcement:hover .sb-wow-announcement__track{ animation-play-state:paused; } @keyframes sbWowMarquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-100%); } } @keyframes sbWowGradient{ 0%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } } @keyframes sbWowShine{ 0%{ transform:translateX(-160%) skewX(-24deg); opacity:0; } 12%{ opacity:.9; } 30%{ opacity:.45; } 100%{ transform:translateX(420%) skewX(-24deg); opacity:0; } } @keyframes sbWowPulse{ 0%{ box-shadow:0 0 0 0 rgba(34,197,94,.65); } 70%{ box-shadow:0 0 0 10px rgba(34,197,94,0); } 100%{ box-shadow:0 0 0 0 rgba(34,197,94,0); } } @media (max-width: 768px){ .sb-wow-announcement__link{ gap:10px; min-height:42px; padding:7px 12px; } .sb-wow-announcement__badge{ padding:7px 10px; font-size:9px; letter-spacing:.12em; } .sb-wow-announcement__item{ padding:0 20px; font-size:9px; letter-spacing:.14em; } .sb-wow-announcement__cta{ display:none; } .sb-wow-announcement__track{ animation-duration:18s; } }
.hero-content-wrapper { padding-top: 40px !important; } @media (min-width: 768px) { .hero-content-wrapper { padding-top: 0 !important; } } /* 🚀 Performance: Hardware Accelerated Properties */ .mySwiper, .swiper-slide, .bg-zoom, .hero-content-wrapper div { will-change: transform, opacity, filter; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Dreamy Content Animations */ .swiper-slide-active .animate-title { animation: dreamySlideUp 1.4s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.2s; opacity: 0; } .swiper-slide-active .animate-desc { animation: dreamySlideUp 1.4s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.4s; opacity: 0; } .swiper-slide-active .animate-btns { animation: dreamySlideUp 1.4s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.6s; opacity: 0; } .swiper-slide-active .animate-float-card { animation: dreamyFloatIn 1.6s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.8s; opacity: 0; } @keyframes dreamySlideUp { from { opacity: 0; transform: translateY(15px); filter: blur(4px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* Slow Background Panning (Subtle) */ .swiper-slide-active .bg-zoom { animation: subtlePan 20s linear infinite alternate; } @keyframes subtlePan { from { transform: scale(1.05) translateX(-1%); } to { transform: scale(1.05) translateX(1%); } } @keyframes dreamyFloatIn { from { opacity: 0; transform: translateY(18px) scale(.96); filter: blur(8px); } to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .hero-glass-panel{ position: relative; overflow: hidden; backdrop-filter: blur(16px); background: linear-gradient(135deg, rgba(15, 23, 42, .72), rgba(15, 23, 42, .34)); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 80px rgba(15,23,42,.28); } .hero-glass-panel::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(249,115,22,.22), transparent 34%), linear-gradient(120deg, rgba(255,255,255,.12), transparent 38%, transparent 62%, rgba(255,255,255,.08)); pointer-events:none; } .hero-premium-btn{ position: relative; overflow: hidden; isolation: isolate; } .hero-premium-btn::after{ content:""; position:absolute; inset:-1px; background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.35) 50%, transparent 80%); transform: translateX(-140%) skewX(-18deg); transition: transform .8s ease; z-index: 0; } .hero-premium-btn:hover::after{ transform: translateX(140%) skewX(-18deg); } .hero-premium-btn > *{ position: relative; z-index: 1; } .hero-metric-chip{ backdrop-filter: blur(12px); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); } .hero-orb{ position:absolute; border-radius:999px; filter: blur(8px); opacity:.9; pointer-events:none; } .hero-orb--one{ width: 190px; height: 190px; right: -30px; top: -10px; background: radial-gradient(circle, rgba(249,115,22,.45), rgba(249,115,22,0)); animation: heroOrbFloat 7s ease-in-out infinite; } .hero-orb--two{ width: 140px; height: 140px; left: 45%; bottom: -18px; background: radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0)); animation: heroOrbFloat 9s ease-in-out infinite reverse; } @keyframes heroOrbFloat{ 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @media (max-width: 767px){ .hero-glass-panel{ padding: 22px !important; border-radius: 24px !important; } }
.sb-service-card{ isolation:isolate; } .sb-service-card::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background: linear-gradient(145deg, rgba(249,115,22,.14), rgba(255,255,255,.7), rgba(15,23,42,.05)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity:.75; pointer-events:none; transition: opacity .4s ease; } .sb-service-card::after{ content:""; position:absolute; inset:auto -20% -45% auto; width:190px; height:190px; border-radius:999px; background: radial-gradient(circle, rgba(249,115,22,.18), rgba(249,115,22,0) 70%); pointer-events:none; transition: transform .6s ease, opacity .6s ease; opacity:.75; } .sb-service-card:hover::after{ transform: scale(1.08) translate(-6px, -6px); opacity:1; } .sb-service-icon-wrap{ position:relative; overflow:hidden; background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(249,250,251,.75)); box-shadow: 0 18px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.55); } .dark .sb-service-icon-wrap{ background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)); } .sb-service-icon-wrap::after{ content:""; position:absolute; inset:-40% auto auto -20%; width:70%; height:180%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent); transform: rotate(20deg) translateX(-140%); transition: transform .8s ease; } .sb-service-card:hover .sb-service-icon-wrap::after{ transform: rotate(20deg) translateX(220%); } .sb-service-link-pill{ backdrop-filter: blur(10px); box-shadow: 0 10px 24px rgba(249,115,22,.10); }
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.bg-\[\#539ab2\]{ background-color:#539ab2 !important; color:#fff !important;}.demo-glass-button{ position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,0.14) !important; background:linear-gradient(135deg, rgba(15,23,42,0.88), rgba(30,41,59,0.72)) !important; color:#f8fafc !important; box-shadow:0 10px 26px rgba(15,23,42,0.20), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}.demo-glass-button::before{ content:""; position:absolute; top:-35%; left:-85%; width:60%; height:170%; transform:skewX(-22deg); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0.34), rgba(255,255,255,0)); animation:demoGlassSweep 3.8s ease-in-out infinite; pointer-events:none;}.demo-glass-button::after{ content:""; position:absolute; inset:1px; border-radius:0.7rem; background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01)); pointer-events:none;}.demo-glass-button:hover{ border-color:rgba(255,255,255,0.22) !important; color:#ffffff !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,23,42,0.28), inset 0 1px 0 rgba(255,255,255,0.10);}.demo-glass-button > span{ position:relative; z-index:1;}@keyframes demoGlassSweep{ 0%{ left:-85%; opacity:0; } 12%{ opacity:1; } 55%{ left:125%; opacity:1; } 100%{ left:125%; opacity:0; }}
.sb-wa-rail-wrap { position: fixed; right: max(10px, env(safe-area-inset-right)); z-index: 9998; } .sb-wa-rail { position: relative; width: 48px; min-height: 186px; padding: 10px 7px 12px; display: flex; flex-direction: column; align-items: center; gap: 10px; border-radius: 28px; text-decoration: none; background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)), linear-gradient(180deg, rgba(11,18,32,0.94), rgba(15,23,42,0.78)); border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 22px 46px rgba(15,23,42,0.26); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); overflow: hidden; transition: transform .22s ease, box-shadow .22s ease, filter .22s ease; } .sb-wa-rail::before { content: ""; position: absolute; top: -14px; right: -10px; width: 54px; height: 54px; border-radius: 999px; background: radial-gradient(circle, rgba(255,255,255,0.16), rgba(255,255,255,0) 72%); pointer-events: none; } .sb-wa-rail::after { content: ""; position: absolute; inset: auto -16px 12px auto; width: 66px; height: 66px; border-radius: 999px; background: radial-gradient(circle, rgba(37,211,102,0.22), rgba(37,211,102,0) 72%); filter: blur(8px); pointer-events: none; } .sb-wa-rail:hover { transform: translateY(-2px); box-shadow: 0 26px 54px rgba(15,23,42,0.32); filter: brightness(1.03); } .sb-wa-rail:active { transform: scale(.985); } .sb-wa-icon-shell { position: relative; z-index: 1; width: 34px; height: 34px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #43ec82 0%, #25D366 58%, #18b856 100%); border: 1px solid rgba(255,255,255,0.22); box-shadow: 0 12px 26px rgba(37,211,102,0.28); flex: 0 0 34px; } .sb-wa-icon-shell svg { width: 18px; height: 18px; fill: #fff; display: block; } .sb-wa-copy { position: relative; z-index: 1; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 10.5px; line-height: 1; letter-spacing: .18em; font-weight: 800; text-transform: uppercase; color: rgba(255,255,255,0.92); text-align: center; user-select: none; } .sb-wa-dot { position: relative; z-index: 1; width: 9px; height: 9px; border-radius: 999px; background: #4af28a; box-shadow: 0 0 0 6px rgba(74,242,138,0.13); flex: 0 0 9px; } @media (min-width: 1024px) { .sb-wa-rail-wrap { top: 60%; transform: translateY(-50%); } } @media (max-width: 1023px) { .sb-wa-rail-wrap { bottom: calc(132px + env(safe-area-inset-bottom)); } } @media (max-width: 640px) { .sb-wa-rail-wrap { right: max(8px, env(safe-area-inset-right)); bottom: calc(138px + env(safe-area-inset-bottom)); } .sb-wa-rail { width: 44px; min-height: 170px; padding: 9px 6px 11px; gap: 9px; border-radius: 25px; } .sb-wa-icon-shell { width: 31px; height: 31px; flex-basis: 31px; } .sb-wa-icon-shell svg { width: 16px; height: 16px; } .sb-wa-copy { font-size: 9.5px; letter-spacing: .16em; } .sb-wa-dot { width: 8px; height: 8px; flex-basis: 8px; } }

JavaScript Kodları:

tailwind.config = { darkMode: 'class', theme: { extend: { colors: { brand: { orange: 'var(--color-brand-orange)', dark: 'var(--color-brand-dark)', card: 'var(--color-brand-card)', light: 'var(--color-brand-light)' } }, fontFamily: { sans: ['Inter', 'sans-serif'], } } } }
document.documentElement.dir = 'ltr'; document.documentElement.lang = 'tr'; function applyDarkMode() { const localTheme = localStorage.getItem('theme'); const cookieTheme = (document.cookie.match(/theme=(dark|light)/) || [])[1]; const forceInitialLight = '1' === '1'; if (localTheme === 'dark') { document.documentElement.classList.add('dark'); } else if (localTheme === 'light') { document.documentElement.classList.remove('dark'); } else if (cookieTheme === 'dark') { document.documentElement.classList.add('dark'); } else if (cookieTheme === 'light') { document.documentElement.classList.remove('dark'); } else { if (forceInitialLight) { document.documentElement.classList.remove('dark'); } else { if (window.matchMedia('(prefers-color-scheme: dark)').matches) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } } } } applyDarkMode(); document.addEventListener('alpine:init', () => { Alpine.store('proposal', { open: false, selectedType: 'kurumsal', toggle(type = 'kurumsal') { this.selectedType = type; this.open = true; }, close() { this.open = false; } }); });
var swiper = new Swiper(".mySwiper", { loop: false, speed: 1000, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: ".swiper-pagination", clickable: true, dynamicBullets: true, }, effect: "creative", creativeEffect: { prev: { shadow: false, opacity: 0, translate: ["-10%", 0, 0], filter: "blur(10px)", }, next: { opacity: 0, translate: ["10%", 0, 0], filter: "blur(10px)", }, }, watchSlidesProgress: true, });
document.getElementById('newsletterForm').addEventListener('submit', function (e) { e.preventDefault(); const form = this; const btn = form.querySelector('button'); const icon = document.getElementById('newsletterIcon'); const spinner = document.getElementById('newsletterSpinner'); const msg = document.getElementById('newsletterMessage'); const email = form.querySelector('input[name="email"]').value; const token = form.querySelector('input[name="csrf_token"]').value; btn.disabled = true; icon.classList.add('hidden'); spinner.classList.remove('hidden'); msg.classList.add('hidden'); const formData = new URLSearchParams(); formData.append('email', email); formData.append('csrf_token', token); fetch('/newsletter/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: formData.toString() }) .then(response => response.json()) .then(data => { msg.textContent = data.message; msg.classList.remove('hidden'); if (data.status === 'success') { msg.className = 'mt-2 text-[10px] font-bold italic text-green-400'; form.reset(); } else { msg.className = 'mt-2 text-[10px] font-bold italic text-red-500'; } }) .catch(error => { msg.textContent = 'Bir hata oluştu.'; msg.classList.remove('hidden'); msg.className = 'mt-2 text-[10px] font-bold italic text-red-500'; }) .finally(() => { btn.disabled = false; icon.classList.remove('hidden'); spinner.classList.add('hidden'); }); });
document.addEventListener('DOMContentLoaded', function () { const proposalForm = document.getElementById('proposalForm'); if (proposalForm) { proposalForm.addEventListener('submit', function (e) { e.preventDefault(); // Show Loading Swal.fire({ title: 'Gönderiliyor...', text: 'Teklif talebiniz işleniyor, lütfen bekleyin.', icon: 'info', allowOutsideClick: false, showConfirmButton: false, willOpen: () => { Swal.showLoading() } }); const formData = new FormData(this); fetch('/proposal/submit', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.status === 'success') { Swal.fire({ title: 'Harika!', text: data.message, icon: 'success', confirmButtonText: 'Tamam', confirmButtonColor: '#ff6b00' }); this.reset(); // Close modal using Alpine store Alpine.store('proposal').open = false; } else { Swal.fire({ title: 'Hata!', text: data.message, icon: 'error', confirmButtonText: 'Tamam' }); } }) .catch(error => { console.error('Error:', error); Swal.fire({ title: 'Hata!', text: 'Bir sorun oluştu, lütfen daha sonra tekrar deneyin.', icon: 'error', confirmButtonText: 'Tamam' }); }); }); } });

Toplam 26 adet dahili style ve javascript kodu bulunmaktadır.

css ve js dosyalarınızın sayısı mümkün olduğunca az olmalıdır.

css, js, resim vb. dosyalar başka bir siteden çağırılmamalı.

Sayfanızın W3 valid hataları mümkün olduğunca az olmalı.

Bir sayfanın birden fazla benzeri varsa, canonical etiketi kullanılmalı.

Sayfanız mümkün olduğunca hızlı açılmalı.

CSS kodlarda @import olmamalı.

Mümkün olduğunca html kod boyutu az, metin boyutu fazla olmalı.