import Link from "next/link";
import { items } from "./lib/data";

export default function Home() {
  return (
    <>
      <section className="hero">
        <h1>Bienvenido a <span>App de Prueba</span></h1>
        <p>
          Una aplicación de demostración con Next.js 15, diseño moderno,
          tema claro/oscuro y transiciones suaves.
        </p>
      </section>
      <section className="grid">
        {items.map((item) => (
          <Link key={item.id} href={`/item/${item.id}`} className="card">
            <div className="thumb">
              <img src={item.img} alt={item.name} loading="lazy" />
            </div>
            <div className="card-body">
              <h3>{item.name}</h3>
              <p>{item.description}</p>
              <span className="tag">{item.tag}</span>
            </div>
          </Link>
        ))}
      </section>
    </>
  );
}