feat: add honest pilot section, Mac App Store link and platform badges, update Telegram template
This commit is contained in:
ayrisdev
@@ -962,6 +962,143 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
{/* ══════════════════════════════ KURUCU PİLOTU & ŞEFFAF SÜREÇ ═════ */}
|
||||||
|
<section className="border-t border-zinc-100 bg-white py-20 md:py-28">
|
||||||
|
<div className="mx-auto max-w-[1200px] px-5 md:px-16">
|
||||||
|
<Reveal>
|
||||||
|
<div className="text-center max-w-[68ch] mx-auto mb-14">
|
||||||
|
<span className="inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-xs font-bold" style={{ background: ACCENT_SOFT, color: ACCENT_DARK }}>
|
||||||
|
<Sparkles size={14} /> Şeffaf ve Dürüst Yaklaşım
|
||||||
|
</span>
|
||||||
|
<h2 className="mt-4 text-[clamp(1.75rem,3.2vw,2.5rem)] font-extrabold tracking-tight text-zinc-950">
|
||||||
|
Şu an müşteri referansı göstermiyoruz — kasıtlı olarak.
|
||||||
|
</h2>
|
||||||
|
<p className="mt-4 text-base leading-relaxed text-zinc-600">
|
||||||
|
AyrisLegal yeni. Sahte ya da ödünç yorumlar yerine dürüst olmayı seçtik: platformu kurucu ekiple birlikte, doğrudan geri bildiriminizle ve kendi dava dosyalarınızla test edin.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</Reveal>
|
||||||
|
|
||||||
|
{/* 3 Adım Kartları */}
|
||||||
|
<div className="grid grid-cols-1 gap-6 md:grid-cols-3 mb-16">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
step: '1',
|
||||||
|
title: 'Formu Doldurun',
|
||||||
|
desc: '30 saniyede temel büro bilgilerinizi ve ilgilendiğiniz dava alanlarını iletin. Kredi kartı veya taahhüt gerekmez.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
step: '2',
|
||||||
|
title: 'Kurucu Ekipten Biri Sizi Arar',
|
||||||
|
desc: 'Mühendislik ve hukuk ekibimiz aynı gün sizinle iletişime geçerek birebir demo için ortak uygun saati netleştirir.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
step: '3',
|
||||||
|
title: '15 Dk Dosyanızla Canlı Test',
|
||||||
|
desc: 'Kendi tensip zabıtlarınız, bilirkişi raporlarınız ve tanık beyanlarınız üzerinde çelişki analizini canlı görün.',
|
||||||
|
},
|
||||||
|
].map((item, idx) => (
|
||||||
|
<Reveal key={item.step} delay={idx * 0.08}>
|
||||||
|
<div className="relative flex h-full flex-col rounded-3xl border border-zinc-200/80 bg-zinc-50/60 p-8 transition-all hover:bg-white hover:shadow-lg hover:border-zinc-300">
|
||||||
|
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-zinc-900 text-white font-mono text-base font-bold shadow-sm">
|
||||||
|
{item.step}
|
||||||
|
</div>
|
||||||
|
<h3 className="mt-5 text-lg font-bold text-zinc-950">
|
||||||
|
{item.title}
|
||||||
|
</h3>
|
||||||
|
<p className="mt-2 text-sm leading-relaxed text-zinc-600">
|
||||||
|
{item.desc}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</Reveal>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* ══════════ PLATFORM & MAĞAZA ROZETLERİ ══════════ */}
|
||||||
|
<Reveal delay={0.2}>
|
||||||
|
<div className="rounded-3xl border border-zinc-200/80 bg-zinc-950 p-8 md:p-12 text-white shadow-xl">
|
||||||
|
<div className="flex flex-col lg:flex-row lg:items-center justify-between gap-8">
|
||||||
|
<div className="max-w-[48ch]">
|
||||||
|
<div className="inline-flex items-center gap-2 rounded-full bg-emerald-500/10 px-3 py-1 text-xs font-bold text-emerald-400 border border-emerald-500/20">
|
||||||
|
<span className="h-2 w-2 rounded-full bg-emerald-400 animate-pulse" /> macOS'ta Yayındayız
|
||||||
|
</div>
|
||||||
|
<h3 className="mt-3 text-2xl font-extrabold tracking-tight text-white">
|
||||||
|
Masaüstü ve Mobil Ekosistemi
|
||||||
|
</h3>
|
||||||
|
<p className="mt-2 text-sm text-zinc-400 leading-relaxed">
|
||||||
|
Ofisinizde derin dosya analizi için macOS masaüstünde yayındayız; Windows ve mobil uygulamalarımız çok yakında.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Mağaza Butonları */}
|
||||||
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3.5 w-full lg:w-auto">
|
||||||
|
{/* Apple macOS */}
|
||||||
|
<a
|
||||||
|
href="https://apps.apple.com/tr/app/ayris-legal/id6802116702?mt=12"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="group flex items-center gap-3.5 rounded-2xl border border-zinc-700/80 bg-zinc-900 px-4 py-3 text-left transition-all hover:border-zinc-500 hover:bg-zinc-800/90 active:scale-[0.99] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-400"
|
||||||
|
>
|
||||||
|
<svg className="h-7 w-7 text-white shrink-0 fill-current group-hover:scale-105 transition-transform" viewBox="0 0 24 24" aria-hidden="true">
|
||||||
|
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 6.37c.62-.75 1.04-1.8 0.92-2.85-.9.04-1.99.6-2.64 1.36-.58.67-1.09 1.74-.96 2.76 1 .08 2.06-.52 2.68-1.27z" />
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<span className="text-xs font-semibold text-zinc-400">macOS / Apple Store</span>
|
||||||
|
<span className="rounded bg-emerald-500/20 px-1.5 py-0.5 text-xs font-bold text-emerald-400 whitespace-nowrap">Yayında</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm font-bold text-white group-hover:text-emerald-300 transition-colors">Apple Mac Uygulaması</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{/* Windows */}
|
||||||
|
<div className="flex items-center gap-3.5 rounded-2xl border border-zinc-800/60 bg-zinc-900/40 px-4 py-3 text-left opacity-80">
|
||||||
|
<svg className="h-6 w-6 text-zinc-400 shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true">
|
||||||
|
<path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.901-1.802" />
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<span className="text-xs font-semibold text-zinc-400">Windows Store</span>
|
||||||
|
<span className="rounded bg-amber-500/20 px-1.5 py-0.5 text-xs font-bold text-amber-300 whitespace-nowrap">Çok Yakında</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm font-bold text-zinc-300">Windows Uygulaması</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* iPhone / iPad App Store */}
|
||||||
|
<div className="flex items-center gap-3.5 rounded-2xl border border-zinc-800/60 bg-zinc-900/40 px-4 py-3 text-left opacity-80">
|
||||||
|
<svg className="h-7 w-7 text-zinc-400 shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true">
|
||||||
|
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 6.37c.62-.75 1.04-1.8 0.92-2.85-.9.04-1.99.6-2.64 1.36-.58.67-1.09 1.74-.96 2.76 1 .08 2.06-.52 2.68-1.27z" />
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<span className="text-xs font-semibold text-zinc-400">iOS / iPhone</span>
|
||||||
|
<span className="rounded bg-amber-500/20 px-1.5 py-0.5 text-xs font-bold text-amber-300 whitespace-nowrap">Çok Yakında</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm font-bold text-zinc-300">App Store Mobil</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Google Play */}
|
||||||
|
<div className="flex items-center gap-3.5 rounded-2xl border border-zinc-800/60 bg-zinc-900/40 px-4 py-3 text-left opacity-80">
|
||||||
|
<svg className="h-6 w-6 text-zinc-400 shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true">
|
||||||
|
<path d="M3.609 1.814L13.792 12 3.61 22.186c-.365-.333-.61-.83-.61-1.406V3.22c0-.576.245-1.073.61-1.406zM15.207 13.414l2.586 2.586-11.534 6.55 8.948-9.136zm2.586-5.414l-2.586 2.586-8.948-9.136 11.534 6.55zm1.414 1.414l3.197 1.815c.928.528.928 1.386 0 1.914l-3.197 1.815-2.121-2.121 2.121-2.121z" />
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<span className="text-xs font-semibold text-zinc-400">Android</span>
|
||||||
|
<span className="rounded bg-amber-500/20 px-1.5 py-0.5 text-xs font-bold text-amber-300 whitespace-nowrap">Çok Yakında</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm font-bold text-zinc-300">Google Play Store</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Reveal>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
{/* ══════════════════════════════ DÖNÜŞÜM / CTA BLOĞU ══════════════ */}
|
{/* ══════════════════════════════ DÖNÜŞÜM / CTA BLOĞU ══════════════ */}
|
||||||
<section className="bg-zinc-50/70 py-20 md:py-28">
|
<section className="bg-zinc-50/70 py-20 md:py-28">
|
||||||
<div className="mx-auto max-w-[1100px] px-5 md:px-16">
|
<div className="mx-auto max-w-[1100px] px-5 md:px-16">
|
||||||
|
|||||||
@@ -54,13 +54,15 @@ async function sendTelegramNotification({
|
|||||||
const now = new Date().toLocaleString('tr-TR', { timeZone: 'Europe/Istanbul' })
|
const now = new Date().toLocaleString('tr-TR', { timeZone: 'Europe/Istanbul' })
|
||||||
|
|
||||||
const text =
|
const text =
|
||||||
`🎯 <b>Yeni AyrisLegal Demo Talebi!</b>\n\n` +
|
`⚖️ <b>[AyrisLegal] Yeni Demo & İletişim Talebi</b>\n\n` +
|
||||||
|
`📍 <b>Kaynak:</b> <code>ayrislegal.com / İletişim Formu</code>\n` +
|
||||||
`👤 <b>Ad Soyad:</b> ${escapeHtml(name)}\n` +
|
`👤 <b>Ad Soyad:</b> ${escapeHtml(name)}\n` +
|
||||||
`📧 <b>E-posta:</b> <code>${escapeHtml(email)}</code>\n` +
|
`📧 <b>E-posta:</b> <code>${escapeHtml(email)}</code>\n` +
|
||||||
`🏢 <b>Büro / Kurum:</b> ${org ? escapeHtml(org) : '<i>Belirtilmedi</i>'}\n` +
|
`🏢 <b>Büro / Kurum:</b> ${org ? escapeHtml(org) : '<i>Belirtilmedi</i>'}\n` +
|
||||||
`📞 <b>Telefon:</b> ${phone ? `<code>${escapeHtml(phone)}</code>` : '<i>Belirtilmedi</i>'}\n` +
|
`📞 <b>Telefon:</b> ${phone ? `<code>${escapeHtml(phone)}</code>` : '<i>Belirtilmedi</i>'}\n` +
|
||||||
`🌐 <b>IP Adresi:</b> <code>${escapeHtml(ip)}</code>\n` +
|
`🌐 <b>IP Adresi:</b> <code>${escapeHtml(ip)}</code>\n` +
|
||||||
`⏰ <b>Tarih & Saat:</b> ${now}`
|
`⏰ <b>Tarih:</b> ${now}\n\n` +
|
||||||
|
`<i>Bu mesaj AyrisLegal web sitesinden gönderilmiştir.</i>`
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const res = await fetch(`https://api.telegram.org/bot${botToken}/sendMessage`, {
|
const res = await fetch(`https://api.telegram.org/bot${botToken}/sendMessage`, {
|
||||||
|
|||||||
Reference in New Issue
Block a user