From 4cb2f177c196410f26e55c4368f67e6d0a03837b Mon Sep 17 00:00:00 2001
From: Pooria Setayesh <pooriaset@yahoo.com>
Date: Sat, 4 May 2024 17:35:42 +0330
Subject: [PATCH] feat: initialize promotions-center page

---
 src/app/[locale]/(main)/page.tsx              |  2 +-
 .../promotion-center/components/Header.tsx    | 34 +++++++++++++++++++
 .../[locale]/(main)/promotion-center/page.tsx | 22 ++++++++++++
 src/components/Header/Header.tsx              |  1 -
 4 files changed, 57 insertions(+), 2 deletions(-)
 create mode 100644 src/app/[locale]/(main)/promotion-center/components/Header.tsx
 create mode 100644 src/app/[locale]/(main)/promotion-center/page.tsx

diff --git a/src/app/[locale]/(main)/page.tsx b/src/app/[locale]/(main)/page.tsx
index 5e15d56..2628240 100644
--- a/src/app/[locale]/(main)/page.tsx
+++ b/src/app/[locale]/(main)/page.tsx
@@ -81,7 +81,7 @@ export default async function Home() {
 
   return (
     <main>
-      <Container maxWidth="xl">
+      <Container maxWidth="xl" sx={{ mt: 2 }}>
         <Grid container spacing={2}>
           <Grid item xs={12}>
             <HomePageSlider items={sliders} />
diff --git a/src/app/[locale]/(main)/promotion-center/components/Header.tsx b/src/app/[locale]/(main)/promotion-center/components/Header.tsx
new file mode 100644
index 0000000..4e589de
--- /dev/null
+++ b/src/app/[locale]/(main)/promotion-center/components/Header.tsx
@@ -0,0 +1,34 @@
+'use client';
+
+import { Box, Typography } from '@mui/material';
+import { useTranslations } from 'next-intl';
+import React from 'react';
+
+const Header = () => {
+  const t = useTranslations();
+  return (
+    <Box
+      sx={{
+        background: 'linear-gradient(45deg,#b500d0,#ff3a49)',
+        textAlign: 'center',
+        minHeight: 150,
+        display: 'flex',
+        justifyContent: 'center',
+      }}
+    >
+      <Typography
+        component="h1"
+        sx={{
+          color: '#fff',
+          fontWeight: 600,
+          fontSize: '1.75rem',
+          pt: 5,
+        }}
+      >
+        {t('header.navigation.promotions')}
+      </Typography>
+    </Box>
+  );
+};
+
+export default Header;
diff --git a/src/app/[locale]/(main)/promotion-center/page.tsx b/src/app/[locale]/(main)/promotion-center/page.tsx
new file mode 100644
index 0000000..2429185
--- /dev/null
+++ b/src/app/[locale]/(main)/promotion-center/page.tsx
@@ -0,0 +1,22 @@
+import { Card, CardContent, Container } from '@mui/material';
+import Header from './components/Header';
+
+const page = () => {
+  return (
+    <>
+      <Header />
+      <Container
+        maxWidth="xl"
+        sx={{
+          mt: -4,
+        }}
+      >
+        <Card variant="outlined">
+          <CardContent></CardContent>
+        </Card>
+      </Container>
+    </>
+  );
+};
+
+export default page;
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index e468e47..11dc69d 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -18,7 +18,6 @@ const Header = () => {
         top: 0,
         zIndex: 10,
         backgroundColor: '#ffffff',
-        mb: 2,
       }}
     >
       <Container maxWidth="xl">