// shadcn import { Button } from "@/components/ui/button" const products = [ { name: "Pink Blossom Plant", bgClass: "bg-pink-500", description: "A beautiful indoor flowering plant that adds freshness and elegance to any space.", price: "$140", image: "https://cdn.uiable.com/block/img-ecom-prod-1.png", }, { name: "Premium Bomber Jacket", bgClass: "bg-yellow-500", description: "Stylish and comfortable bomber jacket crafted with premium materials for everyday wear.", price: "$180", image: "https://cdn.uiable.com/block/img-ecom-prod-2.png", }, { name: "Travel Suitcase", bgClass: "bg-purple-500", description: "Lightweight hard-shell luggage with spacious storage and smooth 360° spinner wheels.", price: "$300", image: "https://cdn.uiable.com/block/img-ecom-prod-3.png", }, { name: "Ceramic Coffee Mug", bgClass: "bg-green-500", description: "Premium ceramic mug designed to keep your favorite coffee or tea warm for longer.", price: "$140", image: "https://cdn.uiable.com/block/img-ecom-prod-4.png", }, { name: "Premium Beauty Essentials", bgClass: "bg-cyan-500", description: "Discover our luxury beauty essentials crafted with high-quality ingredients for radiant, healthy-looking skin every day.", price: "$320", image: "https://cdn.uiable.com/block/img-ecom-prod-5.png", }, ] // ------------------------------ | E - COMMERCE 9 | ------------------------------ // export default function Ecommerce9() { return (

Explore Our Best Selling Collection

Discover premium products carefully selected for quality, style, and everyday convenience. Shop our featured collection at great prices.

{products.slice(0, 4).map((product, idx) => (

{product.name}

{product.description}

))}

{products[4].name}

{products[4].description}

{products[4].price}

) }