Ege Can Komur
aa2b7280b6
Yeni bölümler ve component'ler: - WhatsAppFloat: sağ altta her sayfada görünen 'pulse' animasyonlu WhatsApp butonu - MobileCtaBar: mobilde alt sabit bar — Ara / WhatsApp / Teklif Al üç buton - TrustBand: hero altı 4 trust kartı (Google ★, proje sayısı, dönüş süresi, garanti) + Google rating + yorum sayısı satırı - LogoCloud: müşteri logoları grayscale strip - QuickLeadForm: ad + telefon iki alanlı inline mini form (anasayfada) - app/actions submitContact 'source' alanını destekliyor (quick lead → message zorunlu değil) - WhyUs: 4 USP kartı (Hızlı teslim, Yerel destek, Modern tech, Satış sonrası) - ProcessSteps: 4 adımlı 'nasıl çalışıyoruz' süreç akışı (numaralı timeline) Schema (JSON-LD): - OrganizationLd: LocalBusiness + Address + AggregateRating (Google review puanı/sayısı) - ServiceLd: hizmet detay sayfaları için - FaqLd: hizmet FAQ'leri için - BreadcrumbLd, ArticleLd: hazır Anasayfaya OrganizationLd ekli — Google Ads quality score + organic rich results. Performans: - REST GET çağrıları cache:'no-store' yerine next.revalidate=60 (ISR) - Public sayfalar artık static rendering — LCP düşer - Mutations ve session GET'ler hâlâ no-store site_settings yeni alanları (panelden yönetilebilir): - whatsapp_message (default WhatsApp opener) - client_logos[] (logo URL listesi) - trust_items[] (JSON: icon|value|label) - why_us[] (JSON: icon, title, description) - process_steps[] (JSON: title, description) - lead_form_title, lead_form_description - google_rating, google_review_count, google_review_url Admin /admin/site formuna yeni 'Conversion / reklam optimizasyonu', 'Neden Biz?' ve 'Süreç adımları' bölümleri eklendi. Mevcut anasayfa yapısı (üstten alta): 1. Hero 2. TrustBand (mini güven sinyalleri) 3. LogoCloud (varsa müşteri logoları) 4. Hızlı iletişim + QuickLeadForm (2 sütun: tel/WA CTA + mini form) 5. Hizmetler 6. WhyUs (Neden Biz?) 7. ProcessSteps (Nasıl çalışıyoruz?) 8. Projeler 9. Testimonials 10. CTA (Final + WhatsApp)
62 lines
802 B
TypeScript
62 lines
802 B
TypeScript
import {
|
|
Globe,
|
|
ShoppingCart,
|
|
Smartphone,
|
|
Code2,
|
|
Users,
|
|
TrendingUp,
|
|
Share2,
|
|
Megaphone,
|
|
Layers,
|
|
Star,
|
|
Briefcase,
|
|
Clock,
|
|
Shield,
|
|
Zap,
|
|
Award,
|
|
Headphones,
|
|
CheckCircle2,
|
|
Sparkles,
|
|
Target,
|
|
Rocket,
|
|
Lock,
|
|
type LucideIcon,
|
|
} from "lucide-react";
|
|
|
|
const iconMap: Record<string, LucideIcon> = {
|
|
Globe,
|
|
ShoppingCart,
|
|
Smartphone,
|
|
Code2,
|
|
Users,
|
|
TrendingUp,
|
|
Share2,
|
|
Megaphone,
|
|
Layers,
|
|
Star,
|
|
Briefcase,
|
|
Clock,
|
|
Shield,
|
|
Zap,
|
|
Award,
|
|
Headphones,
|
|
CheckCircle2,
|
|
Sparkles,
|
|
Target,
|
|
Rocket,
|
|
Lock,
|
|
};
|
|
|
|
export const ICON_NAMES = Object.keys(iconMap);
|
|
|
|
export function Icon({
|
|
name,
|
|
className,
|
|
}: {
|
|
name?: string | null;
|
|
className?: string;
|
|
}) {
|
|
const Cmp = (name && iconMap[name]) || Layers;
|
|
return <Cmp className={className} />;
|
|
}
|