diff --git a/src/app/[locale]/(main)/(container)/categories/page.tsx b/src/app/[locale]/(main)/(container)/categories/page.tsx
deleted file mode 100644
index 99f0962..0000000
--- a/src/app/[locale]/(main)/(container)/categories/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-const Page = async () => {
-  return <div>Categories</div>;
-};
-
-export default Page;
diff --git a/src/app/[locale]/(main)/promotion-center/layout.tsx b/src/app/[locale]/(main)/promotion-center/layout.tsx
new file mode 100644
index 0000000..65f3833
--- /dev/null
+++ b/src/app/[locale]/(main)/promotion-center/layout.tsx
@@ -0,0 +1,27 @@
+import { Card, CardContent, Container } from '@mui/material';
+import Header from './components/Header';
+import { FC, ReactNode } from 'react';
+
+interface LayoutProps {
+  children: ReactNode;
+}
+
+const Layout: FC<LayoutProps> = async ({ children }) => {
+  return (
+    <>
+      <Header />
+      <Container
+        maxWidth="xl"
+        sx={{
+          mt: -4,
+        }}
+      >
+        <Card variant="outlined">
+          <CardContent>{children}</CardContent>
+        </Card>
+      </Container>
+    </>
+  );
+};
+
+export default Layout;
diff --git a/src/app/[locale]/(main)/promotion-center/loading.tsx b/src/app/[locale]/(main)/promotion-center/loading.tsx
new file mode 100644
index 0000000..68f52d0
--- /dev/null
+++ b/src/app/[locale]/(main)/promotion-center/loading.tsx
@@ -0,0 +1,19 @@
+import { VariableProductItemSkeleton } from '@/components/VariableProductItem';
+import { Grid } from '@mui/material';
+import React from 'react';
+
+const loading = () => {
+  return (
+    <Grid container spacing={2}>
+      {new Array(6).fill(1).map((_item, index) => {
+        return (
+          <Grid key={index} item xs={12} md={6} lg={3} xl={2}>
+            <VariableProductItemSkeleton />
+          </Grid>
+        );
+      })}
+    </Grid>
+  );
+};
+
+export default loading;
diff --git a/src/app/[locale]/(main)/promotion-center/page.tsx b/src/app/[locale]/(main)/promotion-center/page.tsx
index 01707b4..c962709 100644
--- a/src/app/[locale]/(main)/promotion-center/page.tsx
+++ b/src/app/[locale]/(main)/promotion-center/page.tsx
@@ -1,22 +1,5 @@
-import { Card, CardContent, Container } from '@mui/material';
-import Header from './components/Header';
-
 const page = async () => {
-  return (
-    <>
-      <Header />
-      <Container
-        maxWidth="xl"
-        sx={{
-          mt: -4,
-        }}
-      >
-        <Card variant="outlined">
-          <CardContent></CardContent>
-        </Card>
-      </Container>
-    </>
-  );
+  return <></>;
 };
 
 export default page;
diff --git a/src/components/Header/components/BottomSection.tsx b/src/components/Header/components/BottomSection.tsx
index a91f2f6..9851b1c 100644
--- a/src/components/Header/components/BottomSection.tsx
+++ b/src/components/Header/components/BottomSection.tsx
@@ -9,7 +9,6 @@ const BottomSection = () => {
 
   const pages = [
     { label: t('header.navigation.products'), href: '/search' },
-    { label: t('header.navigation.categories'), href: '/categories' },
     {
       label: t('header.navigation.bestSelling'),
       href: `/search?sort=${bestSellingSortOption.key}`,