import Image from "next/image"; import Link from "next/link"; import React from "react"; const ProductListing = ({ data, title, id }) => { if (!data) return null; // Handle case where data is not yet available return (

{title}

{data.map((product) => { return (

{product.brand}

{product.title}

{product.title}

{product.short_description}

Current Price {product.currentPrice}

Starting Price {product.initialPrice}

{product.ratings} Star

{product.detail_description}

); })} ); }; ProductListing.displayName = "ProductListing"; export default ProductListing;