You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
32 KiB
59 lines
32 KiB
6 months ago
|
const products = [
|
||
|
|
{
|
||
|
|
image: "https://plus.unsplash.com/premium_photo-1671395501275-630ae5ea02c4?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8dG9tYXRvfGVufDB8fDB8fHww",
|
||
|
|
title: "FRESH TOMATOES",
|
||
|
|
description:
|
||
|
|
"JUICY, NUTRIENT-RICH, AND PERFECT FOR COOKING OR SALADS. FARM-FRESH FLAVOR FOR YOUR MEALS!",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
image: "https://plus.unsplash.com/premium_photo-1661322640130-f6a1e2c36653?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
|
||
|
|
title: "FRESH APPLES",
|
||
|
|
description:
|
||
|
|
"CRISP, JUICY, AND PACKED WITH VITAMINS. PERFECT FOR SNACKING OR ADDING NATURAL SWEETNESS TO YOUR DISHES!",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
image: "https://plus.unsplash.com/premium_photo-1670512181061-e24282f7ee78?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8b3JhbmdlfGVufDB8fDB8fHww",
|
||
|
|
title: "FRESH ORANGES",
|
||
|
|
description:
|
||
|
|
"JUICY AND REFRESHING, LOADED WITH VITAMIN C. PERFECT FOR SNACKING OR FRESH-SQUEEZED JUICE!",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
image: "data:image/jpeg;base64,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
|
||
|
|
title: "FRESH MUSHROOMS",
|
||
|
|
description:
|
||
|
|
"DELICIOUS, VERSATILE, AND NUTRIENT-RICH. IDEAL FOR SOUPS, STIR-FRIES, AND SALADS!",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
image: "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR0O6SQ2iD6JgL9VVGBe8ckJurkd0wii3Q-AixdFPuFTUixrMIvb14ZqGBy5gIpz4yKlJf3YcnWFv_lLCDrqTLdpK5CGitCqZNBsdmSU-Bycg",
|
||
|
|
title: "FRESH BRINJALS",
|
||
|
|
description:
|
||
|
|
"TENDER AND VERSATILE, PERFECT FOR CURRIES, GRILLING, OR ROASTING. FARM-FRESH QUALITY!",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
image: "data:image/jpeg;base64,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
|
||
|
|
title: "FRESH BITTERGOURD",
|
||
|
|
description:
|
||
|
|
"CRISP, NUTRITIOUS, AND GREAT FOR DETOX. PERFECT FOR STIR-FRIES AND CURRIES!",
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
function Product () {
|
||
|
|
return (
|
||
|
|
<div className="container mx-auto p-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
|
||
|
|
{products.map((product, index) => (
|
||
|
|
<div key={index} className="bg-[#95bc79] p-4">
|
||
|
|
<img
|
||
|
|
src={product.image}
|
||
|
|
alt={product.title}
|
||
|
|
className="w-full h-48 object-cover mb-4"
|
||
|
|
/>
|
||
|
|
<h2 className="text-lg font-bold mb-2">{product.title}</h2>
|
||
|
|
<p className="text-sm">{product.description}</p>
|
||
|
|
</div>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Product;
|