"use client"; import React from "react"; const products = [ { id: 1, name: 'Basic Tee', href: '#', imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/product-page-01-related-product-01.jpg', imageAlt: "Front of men's Basic Tee in black.", price: '$35', color: 'Black', }, { id: 2, name: 'Basic Tee', href: '#', imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/product-page-01-related-product-02.jpg', imageAlt: "Front of men's Basic Tee in white.", price: '$35', color: 'Aspen White', }, { id: 3, name: 'Basic Tee', href: '#', imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/product-page-01-related-product-03.jpg', imageAlt: "Front of men's Basic Tee in dark gray.", price: '$35', color: 'Charcoal', }, { id: 4, name: 'Artwork Tee', href: '#', imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/product-page-01-related-product-04.jpg', imageAlt: "Front of men's Artwork Tee in peach with white and brown dots forming an isometric cube.", price: '$35', color: 'Iso Dots', }, ] export default function Example() { return (

Customers also purchased

{products.map((product) => (

{product.color}

{product.price}

))}

) }

Customers also purchased

{product.name}

E-commerce Storefront