diff --git a/src/app/[locale]/auth/page.tsx b/src/app/[locale]/auth/page.tsx
index 02d09b7..d97fc7f 100644
--- a/src/app/[locale]/auth/page.tsx
+++ b/src/app/[locale]/auth/page.tsx
@@ -1,10 +1,11 @@
 import Login from '@/features/auth/ui/Login';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Login />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/cart/order/page.tsx b/src/app/[locale]/cart/order/page.tsx
index 6728f70..72a3f84 100644
--- a/src/app/[locale]/cart/order/page.tsx
+++ b/src/app/[locale]/cart/order/page.tsx
@@ -1,10 +1,11 @@
 import OrderPage from '@/features/cart/ui/OrderPage';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <OrderPage />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/cart/page.tsx b/src/app/[locale]/cart/page.tsx
index 03bfd0d..169842c 100644
--- a/src/app/[locale]/cart/page.tsx
+++ b/src/app/[locale]/cart/page.tsx
@@ -1,10 +1,11 @@
 import CartPage from '@/features/cart/ui/CartPage';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <CartPage />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/category/[categoryId]/[subId]/page.tsx b/src/app/[locale]/category/[categoryId]/[subId]/page.tsx
index bb01546..5f9a5f5 100644
--- a/src/app/[locale]/category/[categoryId]/[subId]/page.tsx
+++ b/src/app/[locale]/category/[categoryId]/[subId]/page.tsx
@@ -1,10 +1,11 @@
 import Product from '@/features/category/ui/Product';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Product />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/category/[categoryId]/page.tsx b/src/app/[locale]/category/[categoryId]/page.tsx
index de0dae1..cc563c0 100644
--- a/src/app/[locale]/category/[categoryId]/page.tsx
+++ b/src/app/[locale]/category/[categoryId]/page.tsx
@@ -1,10 +1,11 @@
 import SubCategory from '@/features/category/ui/SubCategory';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <SubCategory />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/category/page.tsx b/src/app/[locale]/category/page.tsx
index 479f090..096200a 100644
--- a/src/app/[locale]/category/page.tsx
+++ b/src/app/[locale]/category/page.tsx
@@ -1,10 +1,11 @@
 import Category from '@/features/category/ui/Category';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Category />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/favourite/page.tsx b/src/app/[locale]/favourite/page.tsx
index 502b9e4..b480835 100644
--- a/src/app/[locale]/favourite/page.tsx
+++ b/src/app/[locale]/favourite/page.tsx
@@ -1,10 +1,11 @@
 import Favourite from '@/features/favourite/ui/Favourite';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <Favourite />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/layout-shell.tsx b/src/app/[locale]/layout-shell.tsx
index 658f25a..ad6d105 100644
--- a/src/app/[locale]/layout-shell.tsx
+++ b/src/app/[locale]/layout-shell.tsx
@@ -3,6 +3,7 @@
 import { usePathname } from '@/shared/config/i18n/navigation';
 import Footer from '@/widgets/footer/ui';
 import Navbar from '@/widgets/navbar/ui';
+import { Suspense } from 'react';
 
 const HIDE_FOOTER_ROUTES = ['/auth', '/checkout'];
 
@@ -18,10 +19,10 @@ export default function LayoutShell({
   );
 
   return (
-    <>
+    <Suspense>
       <Navbar />
       {children}
       {!hideFooter && <Footer />}
-    </>
+    </Suspense>
   );
 }
diff --git a/src/app/[locale]/product/[product]/page.tsx b/src/app/[locale]/product/[product]/page.tsx
index d63eac4..a5460f8 100644
--- a/src/app/[locale]/product/[product]/page.tsx
+++ b/src/app/[locale]/product/[product]/page.tsx
@@ -1,10 +1,11 @@
 import ProductDetail from '@/features/product/ui/Product';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <ProductDetail />
-    </div>
+    </Suspense>
   );
 };
 
diff --git a/src/app/[locale]/search/page.tsx b/src/app/[locale]/search/page.tsx
index de5fbc7..0fe8343 100644
--- a/src/app/[locale]/search/page.tsx
+++ b/src/app/[locale]/search/page.tsx
@@ -1,10 +1,11 @@
 import SearchResult from '@/features/search/ui/Search';
+import { Suspense } from 'react';
 
 const page = () => {
   return (
-    <div>
+    <Suspense>
       <SearchResult />
-    </div>
+    </Suspense>
   );
 };