Ege Can Komur
c0da5ae8d3
Yeni Appwrite kolonları: - services: content (markdown), features[], faq[] (JSON-encoded), hero_image - projects: gallery[], content (markdown), client_name, industry, duration, service_slug Public sayfalar: - /hizmetler/[slug]: hero + features checklist + markdown content + FAQ accordion + ilgili projeler (service_slug eşleşmesi) - /projeler/[slug]: hero + meta tablosu (müşteri/sektör/süre/yıl) + kapak görseli + markdown vaka çalışması + lightbox galeri + diğer projeler Yeni componentler: - components/gallery.tsx: lightbox galeri (keyboard nav, prev/next, ESC kapat) - components/faq-list.tsx: accordion FAQ (tek seferde tek açık) Admin formları: - Hizmet formu: hero_image, content (markdown), features (virgülle), FAQ (her blok '---' ile ayrılır, ilk satır soru, kalanı cevap) - Proje formu: gallery (her satıra bir URL), content (markdown), client_name, industry, duration, service_slug (dropdown — hizmetlerden seçim) Linkler: - ServicesGrid kartları → /hizmetler/[slug] - ProjectsGrid kartları → /projeler/[slug] (live_url butonu ayrı, target=_blank) 29 route üretiliyor.
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { ChevronDown } from "lucide-react";
|
|
import type { FaqItem } from "@/lib/types";
|
|
|
|
export function FaqList({ items }: { items: FaqItem[] }) {
|
|
const [open, setOpen] = useState<number | null>(0);
|
|
|
|
return (
|
|
<div className="divide-y divide-[var(--border)] rounded-2xl border border-[var(--border)] bg-white">
|
|
{items.map((it, i) => {
|
|
const isOpen = open === i;
|
|
return (
|
|
<details
|
|
key={i}
|
|
open={isOpen}
|
|
onToggle={(e) => {
|
|
if ((e.target as HTMLDetailsElement).open) setOpen(i);
|
|
else if (isOpen) setOpen(null);
|
|
}}
|
|
className="group"
|
|
>
|
|
<summary className="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-medium text-[var(--navy)] hover:bg-[var(--navy-50)]/60">
|
|
<span>{it.q}</span>
|
|
<ChevronDown
|
|
className={`size-4 shrink-0 text-[var(--muted)] transition ${
|
|
isOpen ? "rotate-180" : ""
|
|
}`}
|
|
/>
|
|
</summary>
|
|
<div className="px-5 pb-5 text-sm leading-relaxed text-[var(--muted)]">
|
|
{it.a}
|
|
</div>
|
|
</details>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|