Update src/app/page.tsx

This commit is contained in:
2026-03-05 17:50:29 +00:00
parent ca2e87035b
commit 22cc9560c9

View File

@@ -141,10 +141,10 @@ export default function HomePage() {
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{[
{ name: "iPhone 15 Pro Max", price: "5,999 dh", oldPrice: "6,999 dh", discount: "-14%", image: "http://img.b2bpic.net/free-vector/modern-concept-set-smart-phones-collection-with-two-realistic-black-mobile-phones-with-stylish-large-displays-grey_1284-49100.jpg" },
{ name: "MacBook Pro 16\"", price: "12,999 dh", oldPrice: "14,999 dh", discount: "-13%", image: "http://img.b2bpic.net/free-photo/grey-laptop-table_23-2148189995.jpg" },
{ name: "Samsung Galaxy S24", price: "4,499 dh", oldPrice: "5,299 dh", discount: "-15%", image: "http://img.b2bpic.net/free-vector/futuristic-mobile-technology-with-circuit-lines_1017-30932.jpg" },
{ name: "iPad Pro 12.9\"", price: "7,999 dh", oldPrice: "9,499 dh", discount: "-16%", image: "http://img.b2bpic.net/free-photo/close-up-technological-devices-wooden-desk_1232-474.jpg" },
{ name: "iPhone 15 Pro Max", price: "5,999 dh", oldPrice: "6,999 dh", discount: "-14%", stock: "Only 3 left", image: "http://img.b2bpic.net/free-vector/modern-concept-set-smart-phones-collection-with-two-realistic-black-mobile-phones-with-stylish-large-displays-grey_1284-49100.jpg" },
{ name: "MacBook Pro 16\"", price: "12,999 dh", oldPrice: "14,999 dh", discount: "-13%", stock: "Limited Stock", image: "http://img.b2bpic.net/free-photo/grey-laptop-table_23-2148189995.jpg" },
{ name: "Samsung Galaxy S24", price: "4,499 dh", oldPrice: "5,299 dh", discount: "-15%", stock: "Only 5 left", image: "http://img.b2bpic.net/free-vector/futuristic-mobile-technology-with-circuit-lines_1017-30932.jpg" },
{ name: "iPad Pro 12.9\"", price: "7,999 dh", oldPrice: "9,499 dh", discount: "-16%", stock: "Only 2 left", image: "http://img.b2bpic.net/free-photo/close-up-technological-devices-wooden-desk_1232-474.jpg" },
].map((product, idx) => (
<Link
key={idx}
@@ -161,6 +161,9 @@ export default function HomePage() {
<div className="absolute top-3 right-3 bg-[#e63946] text-white px-3 py-1 rounded-full text-sm font-bold">
{product.discount}
</div>
<div className="absolute bottom-3 left-3 bg-amber-500 text-white px-3 py-1 rounded-full text-xs font-bold">
{product.stock}
</div>
</div>
<div className="p-6">
<h3 className="text-lg font-bold text-[#120006e6] mb-2 line-clamp-2">{product.name}</h3>