diff --git a/app/wardrobe/page.tsx b/app/wardrobe/page.tsx
index a02011521..d5bdb3a2c 100644
--- a/app/wardrobe/page.tsx
+++ b/app/wardrobe/page.tsx
@@ -1,7 +1,7 @@
 import Grid from 'components/grid';
 import Footer from 'components/layout/footer';
 import ProductGridItems from 'components/layout/product-grid-items';
-import { getLiveProducts } from 'lib/utils';
+import { getLiveWardrobeProducts } from 'lib/utils';
 import { Suspense } from 'react';
 
 export const runtime = 'edge';
@@ -14,17 +14,22 @@ export const metadata = {
 };
 
 export default async function Wardrobe() {
-  const liveProducts  = await getLiveProducts({});
+  const liveProducts  = await getLiveWardrobeProducts({});
   
   return (
     <>
       <Suspense>
         {/* <Carousel /> carousel highlighting quality,  */}
+        <h2 className='text-3xl flex justify-center my-10'>art for the wardrobe</h2>
         {liveProducts.length > 0 ? (
           <Grid className="grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 m-6">
             <ProductGridItems products={liveProducts} />
           </Grid>
-        ) : null}
+        ) : <section className='container flex justify-center my-16'>
+            <h2 className='text-3xl my-16'>opps!</h2>
+            <p>something went wrong 😖</p>
+          </section>
+          }
         <Suspense>
           <Footer />
         </Suspense>