commerce/components/home-page/manufacturers.tsx
Chloe 9e9573c7be
feat: implement browse by manufacturers section
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
2024-06-09 12:30:18 +07:00

19 lines
596 B
TypeScript

import ManufacturersGrid from 'components/manufacturers-grid';
import Tag from 'components/tag';
import { getMetaobjects } from 'lib/shopify';
const Manufacturers = async () => {
const manufacturers = await getMetaobjects('make');
return (
<div className="px-6 py-20">
<div className="mx-auto flex max-w-7xl flex-col gap-3">
<Tag text="Get Started" />
<h3 className="mb-3 text-3xl font-semibold lg:text-4xl">Browse Parts By Manufacturer</h3>
<ManufacturersGrid manufacturers={manufacturers} />
</div>
</div>
);
};
export default Manufacturers;