Conectează-ți proiectele Reznex cusite-ul tău.

// app/projects/page.tsx (Next.js Server Component)
export default async function PortfolioProjectsPage() {
  const res = await fetch("https://www.reznex.ro/api/v1/activity", {
    headers: {
      Authorization: `Bearer ${process.env.REZNEX_API_KEY}`,
    },
    next: { revalidate: 3600 }, // Sincronizare automată la fiecare oră
  });

  const { success, user, data, stats } = await res.json();

  if (!success) {
    return <div>Nu s-au putut prelua datele de pe Reznex.</div>;
  }

  return (
    <section>
      <h1>Proiectele mele ({stats.total_projects})</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
        {data.projects.map((project) => (
          <article key={project.id} className="p-4 border rounded-xl">
            <img src={project.image_url} alt={project.title} />
            <h2>{project.title}</h2>
            <p>{project.description}</p>
            <a href={project.url} target="_blank" rel="noreferrer">
              Vezi documentația pe Reznex →
            </a>
          </article>
        ))}
      </div>
    </section>
  );
}