diff --git a/src/app/[name]/notifications/page.tsx b/src/app/[name]/notifications/page.tsx
new file mode 100644
index 0000000..2c88291
--- /dev/null
+++ b/src/app/[name]/notifications/page.tsx
@@ -0,0 +1,42 @@
+'use client';
+
+import { ef } from '@/lib/helpers/utfNumbers';
+import { Trash } from 'iconsax-react';
+import React from 'react'
+import { useTranslation } from 'react-i18next';
+
+type Props = object
+
+export default function NotificationsIndex({ }: Props) {
+    const { t } = useTranslation('notifications')
+
+    return (
+        <div className='flex flex-col h-full'>
+            <h1 className='text-lg py-4'>{t('Heading')}</h1>
+
+            <ul className='flex flex-col gap-4 pb-20'>
+                <li className='bg-container py-5 px-4 rounded-container shadow-lg'>
+                    <h5 className='font-medium text-sm'>عنوان پیام</h5>
+                    <p className='text-xs mt-2 leading-5'>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است</p>
+
+                    <div className='flex items-center justify-between mt-5 '>
+                        <div className="flex items-center justify-start gap-2">
+                            <span className='px-4 pt-1 pb-0.5 text-xs bg-primary text-white rounded-md'>
+                                {t('Tags.New')}
+                            </span>
+                            <span className='text-disabled2 text-xs pt-0.5'>
+                                {ef('28 مرداد 1401')}
+                            </span>
+                            <span className='size-1.5 bg-disabled rounded-full'></span>
+                            <span className='text-disabled2 text-xs pt-0.5'>
+                                {ef('21:32')}
+                            </span>
+                        </div>
+                        <Trash size={24} className='stroke-primary' />
+                    </div>
+                </li>
+
+            </ul>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index dc2a564..5e77bc3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,7 +11,7 @@ export const metadata: Metadata = {
   description: 'Webapp dashboard',
 }
 
-const i18nNamespaces = ['common', 'menu', 'orders', 'auth', "rating", "chat"];
+const i18nNamespaces = ['common', 'menu', 'orders', 'auth', "rating", "chat", "notifications"];
 
 export default async function RootLayout({
   children,
diff --git a/src/locales/fa/notifications.json b/src/locales/fa/notifications.json
new file mode 100644
index 0000000..0655401
--- /dev/null
+++ b/src/locales/fa/notifications.json
@@ -0,0 +1,6 @@
+{
+    "Heading": "اعلان ها",
+    "Tags": {
+        "New": "جدید"
+    }
+}
\ No newline at end of file