import React from 'react'; import { Card, Button } from '@material-tailwind/react'; const COMPONENT_DATA = [ { title: 'Product 1', description: 'Description for product 1', image: 'https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/background-2.jpg' }, { title: 'Product 2', description: 'Description for product 2', image: 'https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/background-3.jpg' }, { title: 'Product 3', description: 'Description for product 3', image: 'https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/background-4.jpg' }, { title: 'Product 4', description: 'Description for product 4', image: 'https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/background-5.jpg' }, { title: 'Product 5', description: 'Description for product 5', image: 'https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/background-6.jpg' }, { title: 'Product 6', description: 'Description for product 6', image: 'https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/background-1.jpg' }, ]; function ProductCard({ item }) { return (

{item.title}

{item.description}

); } function CardsSection() { return (

Explore Our Products

Browse through our curated selection of products with ease. Use the navigation buttons to explore more items.

{COMPONENT_DATA.map((item, index) => (

))}

); } export default CardsSection;

Ecommerce Cards Section - Code

Project Files

No file selected