Anasayfa için
Her bölümün basit anlatımı + kopyalanabilir draft
Ne: Sitenin ilk görünen büyük bölümü. Başlık + açıklama + CTA butonu + görsel/video.
Neden: İlk izlenim, %70 kullanıcı sadece hero'yu görüp karar verir.
Modern üretim hatları için güvenilir ekipman ve profesyonel servis hizmetleri.
Hero Görseli
Ne: İçerik yüklenirken gösterilen animasyonlu placeholder.
Neden: Kullanıcı beklerken "boşluk" görmez, site hızlı hisseder. Spinner'dan çok daha iyi!
↓ Gerçek zamanlı skeleton animasyonu
Ne: Hero başlıklarında renk geçişli, hareketli yazı.
Neden: Dikkat çeker, premium his verir.
Alt başlık normal renkte kalır
Ne: Hizmet veya özellik kartları. İkon + başlık + kısa açıklama.
Neden: "Ne yapıyoruz?" sorusuna hızlı cevap. Hover efekti interaktiflik katar.
↓ Kartların üzerine gel
Modern üretim hatları
Hızlı teslimat ağı
7/24 teknik servis
Ne: Sayısal başarı göstergeleri. Animasyonlu sayaç efekti.
Neden: Güven oluşturur, "bizi tercih etmek için sebepler" verir.
Ne: Yatay kaydırmalı ürün/içerik listesi.
Neden: Az alanda çok içerik gösterir, mobilde dokunmatik kaydırma.
Ne: Müşteri yorumları, referans logoları.
Neden: Sosyal kanıt (social proof). "Başkaları güvendi, sen de güvenebilirsin."
"25 yıldır beraber çalışıyoruz. Her zaman profesyonel ve güvenilir hizmet aldık."
"Teknik servis ekibi müthiş. Arıza durumunda 2 saat içinde müdahale ediyorlar."
Ne: Sayfanın sonunda aksiyon çağrısı.
Neden: Tüm sayfayı gezen kullanıcıya son bir "harekete geç" mesajı.
Uzman ekibimiz 24 saat içinde size dönüş yapacaktır.
Header: Sticky, backdrop-blur, logo + menü + CTA
Footer: 4 kolon grid, logo + linkler + iletişim + sosyal medya
Kısa açıklama
Renk: CSS custom properties ile tutarlılık
Grid: Görsel = 3 kolon, Text = 2 kolon