api ulandi

src/app/[locale]/category/[categoryId]/page.tsx

@@ -1,10 +1,10 @@
-import SubCategory from '@/features/category/ui/SubCategory';
+import Product from '@/features/category/ui/Product';
 import { Suspense } from 'react';
 
 const page = () => {
   return (
     <Suspense>
-      <SubCategory />
+      <Product />
     </Suspense>
   );
 };

src/app/[locale]/layout-shell.tsx

@@ -20,9 +20,11 @@ export default function LayoutShell({
 
   return (
     <Suspense>
-      <Navbar />
-      {children}
-      {!hideFooter && <Footer />}
+      <div className="flex min-h-screen flex-col">
+        <Navbar />
+        <main className="flex-1 max-lg:mb-20">{children}</main>
+        {!hideFooter && <Footer />}
+      </div>
     </Suspense>
   );
 }

src/app/[locale]/page.tsx

@@ -1,14 +1,9 @@
-import { subCategoriesData } from '@/features/category/lib/data';
-import { CategoryCarousel } from '@/widgets/categories/ui/category-carousel';
 import Welcome from '@/widgets/welcome/ui';
 
 export default async function Home() {
   return (
     <div>
       <Welcome />
-      {subCategoriesData.slice(0, 6).map((e) => (
-        <CategoryCarousel category={e} key={e.id} />
-      ))}
     </div>
   );
 }