31 lines
888 B
JavaScript
31 lines
888 B
JavaScript
|
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>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|