Ege Can Komur
f833d429fc
Backend altyapısı: - 4 yeni Appwrite tablosu: blog_posts, testimonials, seo_pages, seo_settings - Appwrite Storage bucket: kovak-yazilim-media (görsel yüklemeleri) - Appwrite Auth ile session cookie tabanlı koruma Admin paneli (/admin): - Login akışı (email/password) + protected layout - Dashboard: sayım kartları + hızlı aksiyonlar - Blog CRUD: markdown content, kapak görseli, draft/published, SEO alanları - Services CRUD: lucide ikon seçici - Projects CRUD: teknoloji etiketleri, live URL - Testimonials CRUD: puanlama - SEO yöneticisi: global ayarlar + sayfa bazlı override - Mesaj inbox: status filtreleme + güncelleme - Medya kütüphanesi: Appwrite Storage upload/delete Public: - /blog ve /blog/[slug] sayfaları (markdown render) - Anasayfaya Testimonials bölümü - Tüm public sayfalarda generateMetadata + seo_pages override - Header'a Blog linki Route yapısı: - app/(site)/ — public site, Header/Footer ortak - app/admin/login — auth dışı - app/admin/(protected)/ — requireUser() korumalı 23 route üretiliyor, public static, admin dynamic.
99 lines
3.7 KiB
TypeScript
99 lines
3.7 KiB
TypeScript
import Link from "next/link";
|
||
import type { Metadata } from "next";
|
||
import { ArrowRight } from "lucide-react";
|
||
import { Hero } from "@/components/hero";
|
||
import { SectionTitle } from "@/components/section-title";
|
||
import { ServicesGrid } from "@/components/services-grid";
|
||
import { ProjectsGrid } from "@/components/projects-grid";
|
||
import { TestimonialsCarousel } from "@/components/testimonials";
|
||
import { listProjects, listServices, listTestimonials } from "@/lib/data";
|
||
import { buildMetadata } from "@/lib/seo";
|
||
|
||
export async function generateMetadata(): Promise<Metadata> {
|
||
return buildMetadata("/");
|
||
}
|
||
|
||
export default async function Home() {
|
||
const [services, projects, testimonials] = await Promise.all([
|
||
listServices({ featured: true }),
|
||
listProjects({ featured: true, limit: 6 }),
|
||
listTestimonials({ featured: true }),
|
||
]);
|
||
|
||
return (
|
||
<>
|
||
<Hero />
|
||
|
||
<section className="border-y border-[var(--border)] bg-[var(--navy-50)]/40 py-20">
|
||
<div className="mx-auto max-w-7xl px-6">
|
||
<SectionTitle
|
||
eyebrow="Ne yapıyoruz?"
|
||
title="Uçtan uca dijital çözümler"
|
||
description="Strateji, tasarım, geliştirme ve büyüme — tek bir ekip, tek bir vizyon."
|
||
/>
|
||
<div className="mt-12">
|
||
<ServicesGrid services={services} />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section className="py-20">
|
||
<div className="mx-auto max-w-7xl px-6">
|
||
<div className="flex flex-col items-start justify-between gap-4 md:flex-row md:items-end">
|
||
<SectionTitle
|
||
align="left"
|
||
eyebrow="Çalışmalarımız"
|
||
title="Öne çıkan projeler"
|
||
description="Müşterilerimiz için tasarladığımız ve geliştirdiğimiz seçili işler."
|
||
/>
|
||
<Link
|
||
href="/projeler"
|
||
className="inline-flex items-center gap-1 text-sm font-medium text-[var(--sky-600)] hover:text-[var(--navy)]"
|
||
>
|
||
Tümünü gör <ArrowRight className="size-4" />
|
||
</Link>
|
||
</div>
|
||
<div className="mt-12">
|
||
<ProjectsGrid projects={projects} />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{testimonials.length > 0 && (
|
||
<section className="border-y border-[var(--border)] bg-[var(--navy-50)]/40 py-20">
|
||
<div className="mx-auto max-w-7xl px-6">
|
||
<SectionTitle
|
||
eyebrow="Referanslar"
|
||
title="Müşterilerimiz ne diyor?"
|
||
description="Birlikte çalıştığımız markalardan geri bildirimler."
|
||
/>
|
||
<div className="mt-12">
|
||
<TestimonialsCarousel items={testimonials} />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
)}
|
||
|
||
<section className="relative overflow-hidden bg-[var(--navy)] py-20 text-white">
|
||
<div className="absolute -left-20 top-0 size-96 rounded-full bg-[var(--sky)]/20 blur-3xl" aria-hidden />
|
||
<div className="relative mx-auto max-w-4xl px-6 text-center">
|
||
<h2 className="text-3xl font-bold tracking-tight sm:text-4xl">
|
||
Projenizi konuşalım
|
||
</h2>
|
||
<p className="mx-auto mt-4 max-w-xl text-white/70">
|
||
İhtiyacınızı dinleyip size en uygun çözümü öneren bir ekip arıyorsanız,
|
||
ilk görüşme bizden.
|
||
</p>
|
||
<Link
|
||
href="/iletisim"
|
||
className="mt-8 inline-flex items-center gap-2 rounded-full bg-white px-6 py-3 text-sm font-medium text-[var(--navy)] transition hover:bg-[var(--sky-50)]"
|
||
>
|
||
Ücretsiz keşif görüşmesi
|
||
<ArrowRight className="size-4" />
|
||
</Link>
|
||
</div>
|
||
</section>
|
||
</>
|
||
);
|
||
}
|