import { getCollectionProducts } from 'lib/shopware'; import Image from 'next/image'; import Link from 'next/link'; export async function Carousel() { // Collections that start with `hidden-*` are hidden from the search page. // const products = await getCollectionProducts({ collection: 'hidden-homepage-carousel' }); // if (!products?.length) return null; return null; // return ( // <div className="relative w-full overflow-hidden bg-black dark:bg-white"> // <div className="flex animate-carousel"> // {[...products, ...products].map((product, i) => ( // <Link // key={`${product.handle}${i}`} // href={`/product/${product.handle}`} // className="relative h-[30vh] w-1/2 flex-none md:w-1/3" // > // {product.featuredImage ? ( // <Image // alt={product.title} // className="h-full object-contain" // fill // sizes="33vw" // src={product.featuredImage.url} // /> // ) : null} // <div className="absolute inset-y-0 right-0 flex items-center justify-center"> // <div className="inline-flex bg-white p-4 text-xl font-semibold text-black dark:bg-black dark:text-white"> // {product.title} // </div> // </div> // </Link> // ))} // </div> // </div> // ); }