feat: kovakyazilim.com WordPress sitesinden tasarım + içerik aktarımı
Hostinger SSH + WP-CLI ile mevcut canlı sitedeki tasarım ve içerikler aktarıldı. Tasarım değişiklikleri: - Renkler: navy #0F2C5C → #043e8c (deep navy), sky #4DA3C7 → #3b82f6 (bright blue) - Tailwind blue palette uyumlu, WP kovak temasıyla bire bir - Font: Geist → Poppins (300/400/500/600/700/800) - Hero: gradient açık → dark gradient (#0f172a → #1e293b → #334155) - Pulse animasyonlu radial glow - 'Web Tasarım', 'Yazılım', 'Ajansı' kelimelerini blue-400 vurgu - Stats strip artık hero'nun alt kenarında (4 metrik) İçerik aktarımı (Appwrite): site_settings/homepage güncellendi: - Hero: 'Kocaeli Web Tasarım ve Yazılım Ajansı' + 2015'ten beri tagline - Stats: 150+ proje / 50+ müşteri / 100% memnuniyet / 24/7 destek - Services intro: 'İzmit ve Kocaeli Web Tasarım Hizmetlerimiz' - Projects intro: 'İzmit Web Tasarım Referanslarımız' - CTA: 'Projeniz İçin Hemen Teklif Alın' 6 referans projesi seed edildi (WP'deki real client listesi): - Torpido Makina (torpidomakina.com.tr) — Volvo Penta yetkili bayi - Marjinal Dent (marjinaldent.com) — Diş kliniği - Abdullah Tosun Mimarlık (abdullahtosun.art) — Mimar portfoyu - Calibra PPF (calibrappf.com) — Araç kaplama - Atolye Bastar — Zanaat atölyesi (yakında) - MarineCRM — Denizcilik CRM (özel yazılım) 6 hizmet description'u WP içerikleriyle güncellendi: - web-tasarim → 'Profesyonel Web Tasarım İzmit' - e-ticaret → 'E-Ticaret Sitesi Yapımı' - mobil-uygulama → 'Mobil Uygulama Geliştirme' - yazilim-gelistirme → 'Özel Yazılım Geliştirme İzmit' - seo-dijital-pazarlama → 'SEO Hizmeti Kocaeli' - dijital-reklam → 'Dijital Pazarlama Kocaeli' 7 sektör/bölge landing sayfası industries tablosuna seed edildi: - /sektor/kocaeli-web-tasarim - /sektor/izmit-web-tasarim - /sektor/gebze-web-tasarim - /sektor/kocaeli-seo - /sektor/izmit-seo - /sektor/kocaeli-yazilim - /sektor/izmit-web-tasarim-fiyat (paket fiyat tablosu ile) Her sektör için: - WP'deki rank_math_description meta'ları SEO desc olarak - Markdown content + features list + FAQ - featured + order ayarlı 37 route, build temiz. Sıradaki adım: WP uploads klasöründen müşteri görsellerini indirip project image_url'lerini local'e taşıyabilir (şu an Pexels CDN kullanılıyor).
This commit is contained in:
+43
-13
@@ -2,15 +2,23 @@
|
||||
|
||||
:root {
|
||||
--background: #ffffff;
|
||||
--foreground: #0a0f1c;
|
||||
--navy: #0f2c5c;
|
||||
--navy-700: #15407f;
|
||||
--navy-50: #eef3fb;
|
||||
--sky: #4da3c7;
|
||||
--sky-600: #2f87ad;
|
||||
--sky-50: #ecf6fb;
|
||||
--muted: #5b6577;
|
||||
--border: #e5e9f0;
|
||||
--foreground: #0f172a;
|
||||
|
||||
/* Kovak brand palette (WP'den aktarıldı) */
|
||||
--navy: #043e8c; /* primary deep navy — CTA */
|
||||
--navy-700: #032d66;
|
||||
--navy-50: #eff6ff;
|
||||
--sky: #3b82f6; /* primary bright blue — accent */
|
||||
--sky-600: #2563eb;
|
||||
--sky-50: #dbeafe;
|
||||
|
||||
/* Dark hero gradient stops */
|
||||
--hero-dark-1: #0f172a;
|
||||
--hero-dark-2: #1e293b;
|
||||
--hero-dark-3: #334155;
|
||||
|
||||
--muted: #64748b;
|
||||
--border: #e2e8f0;
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
@@ -24,30 +32,52 @@
|
||||
--color-sky-brand-50: var(--sky-50);
|
||||
--color-muted-foreground: var(--muted);
|
||||
--color-border-soft: var(--border);
|
||||
--font-sans: var(--font-geist-sans);
|
||||
--font-sans: var(--font-poppins);
|
||||
--font-mono: var(--font-geist-mono);
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-sans), Arial, Helvetica, sans-serif;
|
||||
font-family: var(--font-poppins), Arial, Helvetica, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { width: 5px; }
|
||||
::-webkit-scrollbar-track { background: #f1f5f9; }
|
||||
::-webkit-scrollbar-thumb { background: var(--navy); border-radius: 3px; }
|
||||
|
||||
.hero-grid {
|
||||
background-image:
|
||||
radial-gradient(circle at 1px 1px, rgba(15, 44, 92, 0.08) 1px, transparent 0);
|
||||
radial-gradient(circle at 1px 1px, rgba(4, 62, 140, 0.08) 1px, transparent 0);
|
||||
background-size: 24px 24px;
|
||||
}
|
||||
|
||||
.gradient-text {
|
||||
background: linear-gradient(90deg, var(--navy) 0%, var(--sky) 100%);
|
||||
background: linear-gradient(135deg, var(--navy) 0%, var(--sky) 100%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.hero-dark {
|
||||
background: linear-gradient(135deg, var(--hero-dark-1) 0%, var(--hero-dark-2) 50%, var(--hero-dark-3) 100%);
|
||||
}
|
||||
|
||||
.hero-glow::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: -50%;
|
||||
background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);
|
||||
animation: hero-pulse 4s ease-in-out infinite;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@keyframes hero-pulse {
|
||||
0%, 100% { transform: scale(1); opacity: 0.5; }
|
||||
50% { transform: scale(1.1); opacity: 0.8; }
|
||||
}
|
||||
|
||||
@keyframes float-slow {
|
||||
0%, 100% { transform: translateY(0); }
|
||||
50% { transform: translateY(-12px); }
|
||||
|
||||
Reference in New Issue
Block a user