import type { Metadata } from "next";
export const metadata: Metadata = { title: "Testimonials — Ravneet Brar", description: "What people say — genuine testimonials only, approved." };
export default function TestimonialsPage() {
  const items: any[] = []; // no fake testimonials
  return (
    <div className="bg-[#07080c] pt-24 min-h-[70vh]">
      <section className="max-w-[900px] mx-auto px-6 sm:px-8 py-12 text-center">
        <h1 className="text-[40px] font-[800] tracking-[-0.05em] text-white">WHAT PEOPLE SAY.</h1>
        <p className="text-white/50">Genuine testimonials only — approved before public.</p>
        <div className="mt-4 flex justify-center gap-2 text-xs">
          {["All","Clients","Collaborators","Zyphron","Community"].map(c=>(
            <span key={c} className="px-3 py-1 rounded-full border border-white/10 bg-white/5 text-white/60">{c}</span>
          ))}
        </div>
      </section>
      {items.length===0 ? (
        <div className="max-w-[600px] mx-auto px-6 sm:px-8 pb-12 text-center">
          <div className="rounded-2xl border border-white/10 bg-white/[0.04] p-12">
            <p className="text-white/40">No testimonials yet — they will appear here once approved in Admin.</p>
          </div>
        </div>
      ) : (
        <section className="max-w-[900px] mx-auto px-6 sm:px-8 pb-12 grid gap-4">
          {items.map((t:any)=> <div key={t.name} className="rounded-2xl border border-white/10 bg-white/[0.04] p-6"><p className="text-white">&ldquo;{t.quote}&rdquo;</p><p className="text-sm text-white/40 mt-2">{t.name} • {t.role}</p></div>)}
        </section>
      )}
    </div>
  );
}