diff --git a/src/app/page.tsx b/src/app/page.tsx index 44dd86f..806d21c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,309 +1,808 @@ import { - ArrowRight, - Building2, - BarChart3, - FileText, - Users, - MapPin, - Presentation, - Star, - CheckCircle2, - Phone, + ArrowRight, BarChart3, Building2, Calendar, CheckCircle2, + FileText, MapPin, Phone, Presentation, Shield, Users, Zap, + TrendingUp, Receipt, Kanban, Star, } from "lucide-react"; -import { Badge } from "@/components/ui/badge"; +import { + Accordion, AccordionContent, AccordionItem, AccordionTrigger, +} from "@/components/ui/accordion"; -export default function Home() { +/* ─── Nav ─────────────────────────────────────────────── */ +function Nav() { return ( -
- {/* Nav */} -
-
- KovakCRM -
+
+ ); +} - {/* Products */} -
-
-
-

- Sektörünüze özel CRM -

-

- Genel işletmeler için İşletmem, gayrimenkul profesyonelleri için Kovak Emlak CRM. -

+/* ─── Hero ────────────────────────────────────────────── */ +function Hero() { + return ( +
+ {/* Grid pattern */} +
+ {/* Radial glow */} +
+ {/* Top beam */} +
+ +
+
+
+ + KovakSoft tarafından geliştirildi
-
- {/* İşletmem */} -
-
-
-
- -
- - Genel İşletme - -
-

İşletmem

-

- Müşteri yönetimi, faturalama, görev takibi ve finansal raporlama — hepsi bir arada. -

-

- Ücretsiz başlangıç planı -

-
-
-
    - {[ - "Müşteri & lead yönetimi", - "Fatura oluşturma ve gönderme", - "Hizmet & yazılım takibi", - "Kanban görev panosu", - "Gelir/gider finans tablosu", - "Takvim & etkinlik yönetimi", - "Çok kullanıcı & ekip yönetimi", - ].map((f) => ( -
  • - - {f} -
    • - ))} -
- - Ücretsiz Dene - -
-
+

+ İki platform, + + bir ekosistem + +

- {/* Kovak Emlak CRM */} -
-
-
-
- -
- - Gayrimenkul - -
-

Kovak Emlak CRM

-

- İlan yönetimi, müşteri eşleştirme, harita görünümü ve dijital sunum aracı. -

-

- Ücretsiz başlangıç planı -

-
-
-
    - {[ - "Satılık & kiralık ilan yönetimi", - "Müşteri & potansiyel alıcı takibi", - "Harita üzerinde ilan görüntüleme", - "Dijital sunum sayfası (link ile paylaş)", - "Müşteri–ilan eşleştirme", - "Yatırımcı portföy yönetimi", - "Ofis üyesi yönetimi", - ].map((f) => ( -
  • - - {f} -
    • - ))} -
- - Ücretsiz Dene - -
-
-
-
-
- - {/* Features */} -
-
-
-

- Her iki üründe ortak güç -

-

- KovakSoft altyapısı — güvenli, hızlı ve Türkçe destek. -

-
-
- {[ - { - icon: Users, - title: "Çok Kullanıcı", - desc: "Ekibinizi davet edin, rol bazlı erişim yönetin. Owner, admin ve üye rolleri.", - }, - { - icon: FileText, - title: "Fatura & Finans", - desc: "E-fatura uyumlu fatura oluşturun, gelir/gider tablonuzu anlık takip edin.", - }, - { - icon: MapPin, - title: "Harita Entegrasyonu", - desc: "İlanları ve müşterileri harita üzerinde görüntüleyin, konum bazlı filtreleme yapın.", - }, - { - icon: Presentation, - title: "Dijital Sunum", - desc: "İlanlarınızı link ile paylaşın — müşteriniz uygulama indirmeden görüntülesin.", - }, - { - icon: Star, - title: "Türkçe & Yerel", - desc: "Arayüz, destek ve faturalama Türkçe. TRY para birimi, Türkiye vergi sistemi uyumlu.", - }, - { - icon: Building2, - title: "Güvenli Altyapı", - desc: "Verileriniz yalnızca size ait. Çok-kiracılı mimari ile tam izolasyon.", - }, - ].map(({ icon: Icon, title, desc }) => ( -
-
- -
-

{title}

-

{desc}

-
- ))} -
-
-
- - {/* CTA */} -
-
-

- Bugün başlayın, ücretsiz -

-

- Kredi kartı gerekmez. Dakikalar içinde kurulum. İstediğiniz zaman iptal. +

+ Türk işletmelerine özel bulut CRM çözümleri. Genel işletme yönetiminden + gayrimenkul portföyüne — ihtiyacınıza göre seçin, dakikada başlayın.

-
+ + +

Kredi kartı gerekmez · KVKK uyumlu · Türkçe destek

+
+ + {/* Mock UI preview */} +
+ {/* İşletmem mockup */} +
+
+
+
+
+ İşletmem — Finans +
+
+
+ {[["Gelir", "₺48.200", "text-indigo-400"], ["Gider", "₺12.400", "text-red-400"], ["Net", "₺35.800", "text-emerald-400"]].map(([l, v, c]) => ( +
+

{l}

+

{v}

+
+ ))} +
+ {[["Fatura #048", "Onaylı"], ["Fatura #047", "Ödendi"], ["Fatura #046", "Bekliyor"]].map(([name, status], i) => ( +
+
+ +
+ {name} + {status} +
+ ))} +
+
+ + {/* Emlak CRM mockup */} +
+
+
+
+
+ Emlak CRM — Harita +
+
+
+ {[[38, 32], [58, 52], [72, 28], [25, 68], [82, 65]].map(([x, y], i) => ( +
+
+
+ ))} +
+
+ {[["3+1 Daire", "₺2.850.000", "Satılık"], ["2+1 Daire", "₺14.000/ay", "Kiralık"]].map(([t, p, s]) => ( +
+
+

{t}

+

{p}

+ {s} +
+ ))} +
+
+
+
+
+ ); +} + +/* ─── Stats Bar ───────────────────────────────────────── */ +function StatsBar() { + const stats = [ + { value: "500+", label: "Aktif İşletme" }, + { value: "99.9%", label: "Uptime" }, + { value: "KVKK", label: "Uyumlu Altyapı" }, + { value: "7/24", label: "Türkçe Destek" }, + ]; + return ( +
+
+ {stats.map(({ value, label }) => ( +
+ {value} + {label} +
+ ))} +
+
+ ); +} + +/* ─── Products ────────────────────────────────────────── */ +function Products() { + return ( +
+
+
+

Ürünler

+

+ Sektörünüze özel, sıfırdan tasarlanmış +

+

+ Genel bir CRM'i sektörünüze uyarlamaya çalışmayın. + Sizin için sıfırdan yazılmış olanı kullanın. +

+
+ +
+ {/* İşletmem */} +
+
+
+
+
+
+ +
+ + Genel İşletme + +
+

İşletmem

+

+ Müşteri takibinden e-faturaya, görev panosundan finansal raporlamaya — işletmenizin her alanı tek panelde. +

+
+
+ +
+
    + {[ + "Müşteri & lead yönetimi", + "Fatura oluşturma ve takibi", + "Gelir / gider finansal tablosu", + "Kanban görev panosu", + "Takvim & etkinlik yönetimi", + "Çok kullanıcı & ekip rolleri", + ].map((f) => ( +
  • + + {f} +
    • + ))} +
+ +
+
+ + {/* Kovak Emlak CRM */} +
+
+
+
+
+
+ +
+ + Emlak Sektörü + +
+

Kovak Emlak CRM

+

+ İlan yönetimi, müşteri eşleştirme, harita görünümü ve dijital sunum — emlak profesyonelleri için tasarlandı. +

+
+
+ +
+
    + {[ + "Satılık & kiralık ilan portföyü", + "Müşteri & alıcı eşleştirme", + "Harita üzerinde ilan görüntüleme", + "Paylaşılabilir dijital sunum linki", + "Yatırımcı portföy yönetimi", + "Ofis ekibi yönetimi", + ].map((f) => ( +
  • + + {f} +
    • + ))} +
+ +
+
+
+
+
+ ); +} + +/* ─── Bento Features ──────────────────────────────────── */ +function BentoFeatures() { + return ( +
+
+
+

Özellikler

+

+ Her iki üründe ortak güç +

+

+ KovakSoft altyapısı — Türkiye'ye özel, güvenli ve ölçeklenebilir. +

+
+ + {/* Bento Grid */} +
+ {/* Wide feature */} +
+
+
+
+ +
+

Fatura & Finans Yönetimi

+

+ Fatura oluşturun, gönderin ve takip edin. Gelir/gider tablonuzu anlık görüntüleyin. + E-fatura sistemine uyumlu yapı. +

+
+ {["E-Fatura", "Gelir/Gider", "Raporlama"].map((t) => ( + {t} + ))} +
+
+
+ + {/* Tall narrow */} +
+
+
+
+ +
+

KVKK Uyumlu

+

+ Müşteri verileri yalnızca size ait. Çok-kiracılı mimari ile tam veri izolasyonu. +

+
+ +
+
+
+ + {/* Three small cards */} +
+
+
+
+ +
+

Ekip Yönetimi

+

+ Rol bazlı erişim. Owner, admin ve üye rolleriyle şirketinizi yönetin. +

+
+
+ +
+
+
+
+ +
+

Takvim & Görevler

+

+ Kanban görev panosu ve entegre takvim ile hiçbir işi kaçırmayın. +

+
+
+ +
+
+
+
+ +
+

Harita Entegrasyonu

+

+ İlanları ve müşterileri harita üzerinde görüntüleyin, konum bazlı filtreleyin. +

+
+
+ + {/* Wide bottom */} +
+
+
+
+ +
+

Dijital Sunum

+

+ İlanlarınızı link ile paylaşın. Müşteriniz uygulama indirmeden görüntülesin, hemen iletişime geçsin. +

+
+
+ +
+
+
+
+ +
+

Hızlı Kurulum

+

+ Yazılım yüklemenize gerek yok. Tarayıcınızdan kayıt olun, dakikalar içinde kullanmaya başlayın. +

+
+
+
+
+
+ ); +} + +/* ─── Feature Splits ──────────────────────────────────── */ +function FeatureSplits() { + return ( +
+
+ {/* İşletmem split */} +
+
+

İşletmem

+

+ Finansınız her an
+ gözünüzün önünde +

+

+ Fatura kesen, ödemeleri takip eden, gelir/gider dengenizi anlık gösteren bir sistem. + Manuel hesap tablolarına son verin. +

+
    + {[ + { icon: Receipt, text: "Saniyeler içinde fatura oluşturun ve gönderin" }, + { icon: TrendingUp, text: "Aylık gelir/gider trendlerini grafik üzerinde görün" }, + { icon: Kanban, text: "Kanban görev panosuyla ekibinizi koordine edin" }, + ].map(({ icon: Icon, text }) => ( +
  • +
    + +
    + {text} +
    • + ))} +
+ + İşletmem'i Dene + +
+ {/* Mockup */} +
+
+
+
+
+ Finans Tablosu +
+
+
+
+

Toplam Gelir (Mayıs)

+

₺48.200

+
+ +12.4% +
+ {/* Bar chart mock */} +
+ {[40, 65, 45, 80, 55, 90, 70, 85, 60, 95, 75, 100].map((h, i) => ( +
+ ))} +
+ {[["Fatura #048", "Kovak Yapı A.Ş.", "+₺8.400"], ["Fatura #047", "Medya Ajans", "+₺12.000"], ["Fatura #046", "Tech Ltd.", "+₺5.800"]].map(([id, co, amount]) => ( +
+
+

{co}

+

{id}

+
+ {amount} +
+ ))} +
+
+
+ + {/* Emlak CRM split (reversed) */} +
+ {/* Mockup first on desktop */} +
+
+
+
+
+ İlan Yönetimi +
+ {/* Map */} +
+
+ {[[28, 38], [52, 25], [68, 55], [42, 65], [78, 35]].map(([x, y], i) => ( +
+
+ +
+
+ ))} +
+

5 ilan · İstanbul

+
+
+ {/* Cards */} +
+ {[ + { title: "Kadıköy 3+1", price: "₺2.850.000", type: "Satılık", rooms: "3+1", m2: "120m²" }, + { title: "Beşiktaş 2+1", price: "₺14.000/ay", type: "Kiralık", rooms: "2+1", m2: "85m²" }, + { title: "Üsküdar 4+1", price: "₺4.200.000", type: "Satılık", rooms: "4+1", m2: "165m²" }, + { title: "Şişli 1+1", price: "₺8.500/ay", type: "Kiralık", rooms: "1+1", m2: "55m²" }, + ].map((p) => ( +
+
+

{p.title}

+

{p.price}

+
+ {p.rooms} + {p.m2} +
+
+ ))} +
+
+ +
+

Kovak Emlak CRM

+

+ Portföyünüz haritada,
+ müşteriniz önünüzde +

+

+ Onlarca ilanı takip edin, alıcılarla eşleştirin, sunum linki paylaşın. + Klasör ve Excel'e elveda. +

+
    + {[ + { icon: MapPin, text: "İlanları harita üzerinde görüntüleyin ve filtreleyin" }, + { icon: Presentation, text: "Tek linkle paylaşılan dijital sunum oluşturun" }, + { icon: Users, text: "Alıcı-satıcı eşleştirmeyi otomatikleştirin" }, + ].map(({ icon: Icon, text }) => ( +
  • +
    + +
    + {text} +
    • + ))} +
+ Emlak CRM'i Dene
-
+
+
+ ); +} - {/* Contact */} -
-
-
-
-

Sorularınız mı var?

-

- Ekibimiz size yardımcı olmaktan memnuniyet duyar. -

+/* ─── Testimonials ────────────────────────────────────── */ +function Testimonials() { + const quotes = [ + { + quote: "İşletmem sayesinde fatura sürecimiz tamamen otomatikleşti. Aylık 8 saat kazandık.", + name: "Ahmet Yılmaz", + role: "Genel Müdür, Teknoloji Ajansı", + accent: "indigo", + }, + { + quote: "İlan sunum linklerini müşterilere gönderdiğimizde randevu oranımız 2 katına çıktı.", + name: "Selin Kaya", + role: "Emlak Danışmanı, Kadıköy", + accent: "amber", + }, + { + quote: "Ekibimi davet ettim, her biri kendi müşterilerini görüyor. Veri karışması sıfır.", + name: "Murat Demir", + role: "Kurucu, Muhasebe Ofisi", + accent: "emerald", + }, + ]; + + return ( +
+
+
+

Müşteriler

+

+ 500+ işletme güveniyor +

+
+
+ {quotes.map(({ quote, name, role, accent }) => ( +
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+

"{quote}"

+
+

{name}

+

{role}

+
- +
+
+ ); +} + +/* ─── FAQ ─────────────────────────────────────────────── */ +function Faq() { + const items = [ + { + q: "İki ürün arasındaki fark nedir?", + a: "İşletmem genel işletmeler için tasarlanmıştır: fatura, müşteri, hizmet, görev ve finans yönetimi sunar. Kovak Emlak CRM ise gayrimenkul sektörüne özeldir: ilan portföyü, harita görünümü, dijital sunum ve alıcı-satıcı eşleştirme içerir.", + }, + { + q: "Her iki ürünü de aynı hesapla kullanabilir miyim?", + a: "Evet. Aynı e-posta ile her iki uygulamaya kayıt olabilirsiniz. Çalışma alanlarınız tamamen ayrıdır, veriler karışmaz.", + }, + { + q: "Verilerim güvende mi?", + a: "Tüm veriler Türkiye lokasyonlu sunucularda KVKK uyumlu biçimde saklanır. Her işletmenin verisi tamamen izole tutulur — başka bir kullanıcı sizin verilerinize hiçbir şekilde erişemez.", + }, + { + q: "Ücretsiz plan ne kadar kullanılabilir?", + a: "Ücretsiz plan süre sınırsızdır. Belirli bir kullanım eşiğine ulaştığınızda Pro plana geçebilirsiniz. Kredi kartı bilgisi girmenize gerek yoktur.", + }, + { + q: "Teknik destek alabilir miyim?", + a: "Evet. Türkçe e-posta ve telefon desteği sunuyoruz. Ayrıca uygulama içi yardım dokümanları sürekli güncellenmektedir.", + }, + ]; + + return ( +
+
+
+

SSS

+

+ Sıkça sorulan sorular +

+
+ + {items.map(({ q, a }, i) => ( + + + {q} + + + {a} + + + ))} + +
+
+ ); +} + +/* ─── CTA Banner ──────────────────────────────────────── */ +function CtaBanner() { + return ( +
+
+
+
+

+ Bugün başlayın +

+

+ Kredi kartı gerekmez. 5 dakikada kurulum. İstediğiniz zaman iptal. +

+ +

+ info@kovakyazilim.com · +90 551 590 29 35 +

+
+
+ ); +} + +/* ─── Footer ──────────────────────────────────────────── */ +function Footer() { + return ( +
+
+
+
+ KovakCRM +

+ KovakSoft Yazılım ve Medya Ltd. Şti. +

+
-
-
- - {/* Footer */} - +
+

© 2025 KovakSoft Yazılım ve Medya Ltd. Şti. Tüm hakları saklıdır.

+
+ KVKK Aydınlatma + Gizlilik Politikası +
+
+
+ + ); +} + +/* ─── Page ────────────────────────────────────────────── */ +export default function Home() { + return ( +
+
); } diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx new file mode 100644 index 0000000..597ef3c --- /dev/null +++ b/src/components/ui/accordion.tsx @@ -0,0 +1,72 @@ +import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion" + +import { cn } from "@/lib/utils" +import { ChevronDownIcon, ChevronUpIcon } from "lucide-react" + +function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) { + return ( + + ) +} + +function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) { + return ( + + ) +} + +function AccordionTrigger({ + className, + children, + ...props +}: AccordionPrimitive.Trigger.Props) { + return ( + + + {children} + + + + + ) +} + +function AccordionContent({ + className, + children, + ...props +}: AccordionPrimitive.Panel.Props) { + return ( + +
+ {children} +
+ + ) +} + +export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }