diff --git a/frontend/components/profile/notifications/notification.vue b/frontend/components/profile/notifications/notification.vue
new file mode 100644
index 0000000..0636bf3
--- /dev/null
+++ b/frontend/components/profile/notifications/notification.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts"></script>
+
+<template>
+    <li
+        class="w-full rounded-xl border border-slate-200 bg-slate-50 p-4 flex items-center justify-between"
+    >
+        <div class="flex flex-col gap-2">
+            <div class="flex items-center gap-3">
+                <Icon name="bi:info-circle" size="20" />
+                <h3 class="typo-sub-h-lg font-semibold">تغییر وضعیت سفارش</h3>
+                |
+                <span class="typo-p-xs text-cyan-500 font-semibold">
+                    ۲۳ تیر
+                </span>
+            </div>
+            <p class="typo-p-sm text-slate-700 text-justify">
+                لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
+                استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله
+                در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
+                نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
+                کتابهای زیادی در شصت.
+            </p>
+        </div>
+    </li>
+</template>
+
+<style scoped></style>