retake/retake.fr
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Get Products out of page.tsx

Browse Source
This commit is contained in:
l-nmch
2024-12-21 23:13:14 +01:00
parent 79a7ce31e2
commit f7bfc50c8a
2 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/produits/page.tsx
View File

@@ -1,25 +1,5 @@
import { Container } from "@/components/Container"; import { Container } from "@/components/Container";
import Products from "@/components/products";
const articles = [
{
imageUrl: "https://img.leboncoin.fr/api/v1/lbcpb1/images/02/60/84/026084690ccdb649efa30f07c2228736a8e6f5a7.jpg?rule=classified-1200x800-webp",
title: "Serveur Workstation HP Z440",
description: "Serveur / Workstation / Ordinateur de CAO",
url: "https://www.leboncoin.fr/ad/ordinateurs/2851218069",
},
{
imageUrl: "https://img.leboncoin.fr/api/v1/lbcpb1/images/de/4e/73/de4e73c704bb22a74493b93bd6d07e4a522ab3ae.jpg?rule=classified-1200x800-webp",
title: "Mini ordinateur Lenovo tiny m72e",
description: "Mini PC Lenovo tiny ThinkCenter m72e",
url: "https://www.leboncoin.fr/ad/ordinateurs/2859959432",
},
{
imageUrl: "https://img.leboncoin.fr/api/v1/lbcpb1/images/78/dc/ce/78dcce7f5f4c98298a4446af25bc2b4358ecac5f.jpg?rule=classified-1200x800-webp",
title: "Imprimante HP LaserJet Pro 400 m401dn",
description: "Imprimante Laser HP m401dn",
url: "https://www.leboncoin.fr/ad/accessoires_informatique/2889667257",
},
];
export default function ArticlesPage() { export default function ArticlesPage() {
return ( return (
@@ -28,7 +8,7 @@ export default function ArticlesPage() {
<h1 className="text-3xl font-bold text-center mb-8">Nos Articles</h1> <h1 className="text-3xl font-bold text-center mb-8">Nos Articles</h1>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
{articles.map((article, index) => ( {Products.map((article, index) => (
<div key={index} className="bg-white p-6 rounded-lg shadow-lg dark:bg-trueGray-800"> <div key={index} className="bg-white p-6 rounded-lg shadow-lg dark:bg-trueGray-800">
<img <img
src={article.imageUrl} src={article.imageUrl}

22
src/components/products.js Normal file
View File

@@ -0,0 +1,22 @@
const Products = [
{
imageUrl: "https://img.leboncoin.fr/api/v1/lbcpb1/images/02/60/84/026084690ccdb649efa30f07c2228736a8e6f5a7.jpg?rule=classified-1200x800-webp",
title: "Serveur Workstation HP Z440",
description: "Serveur / Workstation / Ordinateur de CAO",
url: "https://www.leboncoin.fr/ad/ordinateurs/2851218069",
},
{
imageUrl: "https://img.leboncoin.fr/api/v1/lbcpb1/images/de/4e/73/de4e73c704bb22a74493b93bd6d07e4a522ab3ae.jpg?rule=classified-1200x800-webp",
title: "Mini ordinateur Lenovo tiny m72e",
description: "Mini PC Lenovo tiny ThinkCenter m72e",
url: "https://www.leboncoin.fr/ad/ordinateurs/2859959432",
},
{
imageUrl: "https://img.leboncoin.fr/api/v1/lbcpb1/images/78/dc/ce/78dcce7f5f4c98298a4446af25bc2b4358ecac5f.jpg?rule=classified-1200x800-webp",
title: "Imprimante HP LaserJet Pro 400 m401dn",
description: "Imprimante Laser HP m401dn",
url: "https://www.leboncoin.fr/ad/accessoires_informatique/2889667257",
},
];
export default Products;