diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx
deleted file mode 100644
index 0af39dd..0000000
--- a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { LoadingPage } from "@/components/loading";
-
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/Z1bVbMZYEOI
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
-export default function Page() {
-  return <LoadingPage />;
-}
diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx
deleted file mode 100644
index 0af39dd..0000000
--- a/src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { LoadingPage } from "@/components/loading";
-
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/Z1bVbMZYEOI
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
-export default function Page() {
-  return <LoadingPage />;
-}
diff --git a/src/app/(category-sidebar)/products/[category]/loading.tsx b/src/app/(category-sidebar)/products/[category]/loading.tsx
deleted file mode 100644
index 0af39dd..0000000
--- a/src/app/(category-sidebar)/products/[category]/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { LoadingPage } from "@/components/loading";
-
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/Z1bVbMZYEOI
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
-export default function Page() {
-  return <LoadingPage />;
-}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 779a59a..95569ac 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,8 +4,6 @@ import "./globals.css";
 import Link from "next/link";
 import { SearchDropdownComponent } from "@/components/search-dropdown";
 import { MenuIcon } from "lucide-react";
-import { Suspense } from "react";
-import { Cart } from "@/components/cart";
 
 const helvetica = localFont({
   src: "./fonts/HelveticaNeueLTPro-Md.woff",
@@ -28,6 +26,7 @@ export const metadata: Metadata = {
 
 // revalidate the data at most every day
 export const revalidate = 86400;
+export const dynamic = "force-static";
 
 export default async function RootLayout({
   children,
@@ -66,9 +65,6 @@ export default async function RootLayout({
                 >
                   ORDER
                 </Link>
-                <Suspense>
-                  <Cart />
-                </Suspense>
               </div>
               <Link
                 href="/order-history"