diff --git a/packages/Webkul/Notify/src/DataGrids/NotifyDataGrid.php b/packages/Webkul/Notify/src/DataGrids/NotifyDataGrid.php
index e121c31..a3ba5b5 100644
--- a/packages/Webkul/Notify/src/DataGrids/NotifyDataGrid.php
+++ b/packages/Webkul/Notify/src/DataGrids/NotifyDataGrid.php
@@ -64,8 +64,6 @@ public function prepareColumns()
             'filterable' => false,
         ]);
 
-
-
         $this->addColumn([
             'index'      => 'customer_name',
             'label'      => trans('notify::app.admin.customer_name'),
@@ -75,7 +73,6 @@ public function prepareColumns()
             'filterable' => false,
         ]);
 
-
         $this->addColumn([
             'index'      => 'created_at',
             'label'      => trans('notify::app.admin.add_date'),
@@ -92,9 +89,6 @@ public function prepareColumns()
             'searchable' => true,
             'sortable'   => true,
             'filterable' => false,
-            'closure'    => function ($value) {
-                return '<a href="" class="secondary-button" data-product-id="' . $value->id . '" onclick="sendQuickMail(' . $value->id . ')">' . trans('notify::app.admin.send_notification') . '</a>';
-            },
         ]);
     }
 }
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Http/Controllers/Admin/NotifyController.php b/packages/Webkul/Notify/src/Http/Controllers/Admin/NotifyController.php
index 64a53dc..1f8434c 100644
--- a/packages/Webkul/Notify/src/Http/Controllers/Admin/NotifyController.php
+++ b/packages/Webkul/Notify/src/Http/Controllers/Admin/NotifyController.php
@@ -59,12 +59,10 @@ public function store(Request $request)
      * @param  \Illuminate\Http\Request  $request
      * @return \Illuminate\View\View
      */
-    public function updateStockStatus(Request $request)
+    public function send_notification()
     {
-        $notificationId = $request->notificationId;
-
         try {
-            $data = $this->notifyRepository->find($notificationId);
+            $data = $this->notifyRepository->find(request()->input('id'));
 
             $customer = $this->customerRepository->find($data->customer_id);
 
diff --git a/packages/Webkul/Notify/src/Http/Controllers/Shop/NotifyController.php b/packages/Webkul/Notify/src/Http/Controllers/Shop/NotifyController.php
index 6af6b14..6e50c2c 100644
--- a/packages/Webkul/Notify/src/Http/Controllers/Shop/NotifyController.php
+++ b/packages/Webkul/Notify/src/Http/Controllers/Shop/NotifyController.php
@@ -2,7 +2,7 @@
 
 namespace Webkul\Notify\Http\Controllers\Shop;
 
-use Illuminate\Http\Request;
+use Illuminate\Http\JsonResponse;
 use Webkul\Notify\Http\Controllers\Controller;
 use Webkul\Notify\Repository\NotifyRepository;
 
@@ -23,11 +23,15 @@ public function __construct(protected NotifyRepository $notifyRepository)
      * 
      * @return \Illuminate\View\View
      */
-    public function store(Request $request)
+    public function store() :JsonResponse
     {
         $this->notifyRepository->create([
-            'product_id'   => $request->product_id,
-            'customer_id'  => $request->customer_id,
+            'product_id'  => request()->input('product_id'),
+            'customer_id' => request()->input('customer_id'),
+        ]);
+
+        return new JsonResponse([
+            'message' => trans('notify::app.shop.message'),
         ]);
     }
 }
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Providers/NotifyServiceProvider.php b/packages/Webkul/Notify/src/Providers/NotifyServiceProvider.php
index 6587fcf..9c31b87 100644
--- a/packages/Webkul/Notify/src/Providers/NotifyServiceProvider.php
+++ b/packages/Webkul/Notify/src/Providers/NotifyServiceProvider.php
@@ -19,11 +19,13 @@ class NotifyServiceProvider extends ServiceProvider
     public function boot()
     {
 
+        $this->publishes([__DIR__ . '/../Resources/views/products/view.blade.php' => ('packages/Webkul/Shop/src/Resources/views/products/view.blade.php')]);
+
         $this->app->register(ModuleServiceProvider::class);
 
         $this->app->register(EventServiceProvider::class);
 
-        $this->loadMigrationsFrom(__DIR__ .'/../Database/Migrations');
+        $this->loadMigrationsFrom(__DIR__ . '/../Database/Migrations');
 
         $this->loadRoutesFrom(__DIR__ . '/../Routes/admin-routes.php');
 
@@ -42,7 +44,8 @@ public function boot()
     public function register()
     {
         $this->mergeConfigFrom(
-            dirname(__DIR__) . '/Config/admin-menu.php', 'menu.admin'
+            dirname(__DIR__) . '/Config/admin-menu.php',
+            'menu.admin'
         );
     }
 }
diff --git a/packages/Webkul/Notify/src/Resources/lang/ar/app.php b/packages/Webkul/Notify/src/Resources/lang/ar/app.php
new file mode 100755
index 0000000..6c606b3
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/ar/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'الهوية',
+        'product_name'      => 'اسم المنتج',
+        'customer_name'     => 'اسم العميل',
+        'add_date'          => 'إضافة التاريخ',
+        'send_notification' => 'إرسال إشعار',
+    ],
+
+    'shop'  =>  [
+        'message' => 'سنعلمك قريباً',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/bn/app.php b/packages/Webkul/Notify/src/Resources/lang/bn/app.php
new file mode 100644
index 0000000..8463dcd
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/bn/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'আইডি',
+        'product_name'      => 'পণ্যের নাম',
+        'customer_name'     => 'গ্রাহকের নাম',
+        'add_date'          => 'তারিখ যোগ করুন',
+        'send_notification' => 'বিজ্ঞপ্তি প্রেরণ করুন',
+    ],
+
+    'shop'  =>  [
+        'message' => 'আমরা শীঘ্রই আপনাকে জানাবো',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/de/app.php b/packages/Webkul/Notify/src/Resources/lang/de/app.php
new file mode 100755
index 0000000..d66d7d9
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/de/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Produktname',
+        'customer_name'     => 'Kundenname',
+        'add_date'          => 'Datum hinzufügen',
+        'send_notification' => 'Benachrichtigung senden',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Wir werden Sie bald benachrichtigen',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/lang/en/app.php b/packages/Webkul/Notify/src/Resources/lang/en/app.php
old mode 100644
new mode 100755
index ac833c6..e1aa187
--- a/packages/Webkul/Notify/src/Resources/lang/en/app.php
+++ b/packages/Webkul/Notify/src/Resources/lang/en/app.php
@@ -7,5 +7,9 @@
         'customer_name'     => 'Customer Name',
         'add_date'          => 'Add Date',
         'send_notification' => 'Send Notification',
+    ],
+
+    'shop'  =>  [
+        'message' => 'We will notify you soon',
     ]
 ];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/es/app.php b/packages/Webkul/Notify/src/Resources/lang/es/app.php
new file mode 100755
index 0000000..36d3eba
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/es/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Nombre del Producto',
+        'customer_name'     => 'Nombre del Cliente',
+        'add_date'          => 'Agregar Fecha',
+        'send_notification' => 'Enviar Notificación',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Le notificaremos pronto',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/fa/app.php b/packages/Webkul/Notify/src/Resources/lang/fa/app.php
new file mode 100755
index 0000000..5bade5e
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/fa/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'شناسه',
+        'product_name'      => 'نام محصول',
+        'customer_name'     => 'نام مشتری',
+        'add_date'          => 'تاریخ افزودن',
+        'send_notification' => 'ارسال اطلاعیه',
+    ],
+
+    'shop'  =>  [
+        'message' => 'به زودی به شما اطلاع خواهیم داد',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/fr/app.php b/packages/Webkul/Notify/src/Resources/lang/fr/app.php
new file mode 100755
index 0000000..3f00975
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/fr/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Nom du Produit',
+        'customer_name'     => 'Nom du Client',
+        'add_date'          => 'Ajouter une Date',
+        'send_notification' => 'Envoyer une Notification',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Nous vous notifierons bientôt',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/he/app.php b/packages/Webkul/Notify/src/Resources/lang/he/app.php
new file mode 100755
index 0000000..6548e2c
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/he/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'מזהה',
+        'product_name'      => 'שם המוצר',
+        'customer_name'     => 'שם הלקוח',
+        'add_date'          => 'הוסף תאריך',
+        'send_notification' => 'שלח הודעה',
+    ],
+
+    'shop'  =>  [
+        'message' => 'נודיע לך בקרוב',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/hi_IN/app.php b/packages/Webkul/Notify/src/Resources/lang/hi_IN/app.php
new file mode 100755
index 0000000..1069fff
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/hi_IN/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'आईडी',
+        'product_name'      => 'प्रोडक्ट नाम',
+        'customer_name'     => 'ग्राहक का नाम',
+        'add_date'          => 'तारीख जोड़ें',
+        'send_notification' => 'सूचना भेजें',
+    ],
+
+    'shop'  =>  [
+        'message' => 'हम आपको जल्दी ही सूचित करेंगे',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/it/app.php b/packages/Webkul/Notify/src/Resources/lang/it/app.php
new file mode 100755
index 0000000..86c9cc2
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/it/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Nome Prodotto',
+        'customer_name'     => 'Nome Cliente',
+        'add_date'          => 'Aggiungi Data',
+        'send_notification' => 'Invia Notifica',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Ti avviseremo presto',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/lang/ja/app.php b/packages/Webkul/Notify/src/Resources/lang/ja/app.php
new file mode 100755
index 0000000..42f78f5
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/ja/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => '製品名',
+        'customer_name'     => '顧客名',
+        'add_date'          => '日付を追加',
+        'send_notification' => '通知を送信',
+    ],
+
+    'shop'  =>  [
+        'message' => '近くお知らせします',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/lang/nl/app.php b/packages/Webkul/Notify/src/Resources/lang/nl/app.php
new file mode 100755
index 0000000..8044021
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/nl/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Productnaam',
+        'customer_name'     => 'Naam klant',
+        'add_date'          => 'Datum toevoegen',
+        'send_notification' => 'Notificatie versturen',
+    ],
+
+    'shop'  =>  [
+        'message' => 'We zullen u binnenkort op de hoogte stellen',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/lang/pl/app.php b/packages/Webkul/Notify/src/Resources/lang/pl/app.php
new file mode 100755
index 0000000..2f4180f
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/pl/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Nazwa Produktu',
+        'customer_name'     => 'Imię Klienta',
+        'add_date'          => 'Dodaj Datę',
+        'send_notification' => 'Wyślij Powiadomienie',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Powiadomimy Cię wkrótce',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/pt_BR/app.php b/packages/Webkul/Notify/src/Resources/lang/pt_BR/app.php
new file mode 100755
index 0000000..2ee8113
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/pt_BR/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => 'Nome do Produto',
+        'customer_name'     => 'Nome do Cliente',
+        'add_date'          => 'Adicionar Data',
+        'send_notification' => 'Enviar Notificação',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Notificaremos você em breve',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/ru/app.php b/packages/Webkul/Notify/src/Resources/lang/ru/app.php
new file mode 100755
index 0000000..96b5474
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/ru/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ИД',
+        'product_name'      => 'Название продукта',
+        'customer_name'     => 'Имя клиента',
+        'add_date'          => 'Добавить дату',
+        'send_notification' => 'Отправить уведомление',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Мы скоро вас уведомим',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/sin/app.php b/packages/Webkul/Notify/src/Resources/lang/sin/app.php
new file mode 100755
index 0000000..0854f66
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/sin/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'අංකය',
+        'product_name'      => 'නිෂ්පාදන නාමය',
+        'customer_name'     => 'සැපයුම්කරුවේ නම',
+        'add_date'          => 'දිනය එකතු කරන්න',
+        'send_notification' => 'ස්ථාවර යවන්න',
+    ],
+
+    'shop'  =>  [
+        'message' => 'වැඩිදුර ඔබට කියවා ඇත',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/lang/tr/app.php b/packages/Webkul/Notify/src/Resources/lang/tr/app.php
new file mode 100755
index 0000000..dd9f93f
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/tr/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'Kimlik',
+        'product_name'      => 'Ürün Adı',
+        'customer_name'     => 'Müşteri Adı',
+        'add_date'          => 'Tarih Ekle',
+        'send_notification' => 'Bildirim Gönder',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Sizi yakında bilgilendireceğiz',
+    ]
+];
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/lang/uk/app.php b/packages/Webkul/Notify/src/Resources/lang/uk/app.php
new file mode 100755
index 0000000..36b31d6
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/uk/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ІД',
+        'product_name'      => 'Назва продукту',
+        'customer_name'     => 'Імя клієнта',
+        'add_date'          => 'Додати дату',
+        'send_notification' => 'Надіслати сповіщення',
+    ],
+
+    'shop'  =>  [
+        'message' => 'Ми сповістимо вас найближчим часом',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/lang/zh_CN/app.php b/packages/Webkul/Notify/src/Resources/lang/zh_CN/app.php
new file mode 100755
index 0000000..633001a
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/lang/zh_CN/app.php
@@ -0,0 +1,15 @@
+<?php
+
+return [
+    'admin' => [
+        'id'                => 'ID',
+        'product_name'      => '产品名称',
+        'customer_name'     => '客户名称',
+        'add_date'          => '添加日期',
+        'send_notification' => '发送通知',
+    ],
+
+    'shop'  =>  [
+        'message' => '我们将尽快通知您',
+    ]
+];
diff --git a/packages/Webkul/Notify/src/Resources/views/admin/index.blade.php b/packages/Webkul/Notify/src/Resources/views/admin/index.blade.php
index aab9765..07e05b7 100644
--- a/packages/Webkul/Notify/src/Resources/views/admin/index.blade.php
+++ b/packages/Webkul/Notify/src/Resources/views/admin/index.blade.php
@@ -1,25 +1,100 @@
 <x-admin::layouts>
-    <x-admin::datagrid :src="route('notify.admin.index')">
-    </x-admin::datagrid>
-
-    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
-
-    <script>
-        function sendQuickMail(notificationId) {
-            $.ajax({
-                type: 'POST',
-                url: '{{ route("notify.admin.updateStockStatus") }}',
-                data: {
-                    notificationId: notificationId,
-                    _token: '{{ csrf_token() }}'
-                },
-                success: function(response) {
-                    alert(response.message);
-                },
-                error: function(error) {
-                    console.error('Error sending notification:', error);
+    <x-slot:title>
+        Notify
+    </x-slot:title>
+
+    <div class="flex  gap-[16px] justify-between items-center max-sm:flex-wrap">
+        <p class="py-[11px] text-[20px] text-gray-800 dark:text-white font-bold">
+            Notify
+        </p>
+    </div>
+
+    <v-notify></v-notify>
+
+    @pushOnce('scripts')
+        <script type="text/x-template" id="v-notify-template">
+
+            {!! view_render_event('admin.customers.reviews.list.before') !!}
+
+            <x-admin::datagrid
+                src="{{ route('notify.admin.index') }}"
+                :isMultiRow="true"
+                ref="notify_data"
+            >
+                <template #body="{ columns, records, setCurrentSelectionMode, applied, isLoading, performAction }">
+                    <template v-if="! isLoading">
+                        <div
+                            class="row grid grid-cols-6 px-[16px] py-[10px] border-b-[1px] dark:border-gray-800 transition-all hover:bg-gray-50 dark:hover:bg-gray-950"
+                            v-for="record in records" style="grid-template-columns: repeat(5, 1fr);"
+                        >
+                            <!-- id -->
+                            <p
+                                class="text-[16px] text-gray-800 dark:text-white"
+                                v-text="record.id" 
+                            >
+                            </p>
+
+                            <!-- Product name -->
+                            <p
+                                class="text-[16px] text-gray-800 dark:text-white"
+                                v-text="record.product_name"
+                            >
+                            </p>
+
+                            <!-- Customer name -->
+                            <p 
+                                class="text-[16px] text-gray-800 dark:text-white"
+                                v-text="record.customer_name"
+                            >
+                            </p>
+
+                            <!-- Date -->
+                            <p
+                                class="text-[16px] text-gray-800 dark:text-white"
+                                v-text="record.created_at"
+                            >
+                            </p>
+
+                            <div class="flex">
+                                <button
+                                    class="primary-button"
+                                    type="button"
+                                    @click="notifyNow(record.id)"
+                                >
+                                    Send Notification
+                                </button>
+                            </div>
+                        </div>
+                    </template>
+
+                    <!-- Datagrid Body Shimmer -->
+                    <template v-else>
+                        <x-admin::shimmer.datagrid.table.body :isMultiRow="true"></x-admin::shimmer.datagrid.table.body>
+                    </template>
+                </template>
+            </x-admin::datagrid>
+        </script>
+
+        <script type="module">
+            app.component('v-notify', {
+                template: '#v-notify-template',
+                methods: {
+                    notifyNow(id) {
+                        let formData = new FormData();
+                        formData.append('id', id);
+
+                        this.$axios.post(`{{ route('notify.admin.send_notification') }}`, formData)
+                            .then((response) => {
+                                this.$emitter.emit('add-flash', { type: 'success', message: 'Notified Successfully' });
+                            })
+                            .catch(error => {
+                                if (error.response.status == 422) {
+                                    setErrors(error.response.data.errors);
+                                }
+                            });
+                        },
                 }
-            });
-        }
-    </script>
+            })
+        </script>
+    @endPushOnce
 </x-admin::layouts>
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Resources/views/products/view.blade.php b/packages/Webkul/Notify/src/Resources/views/products/view.blade.php
new file mode 100644
index 0000000..a9a481c
--- /dev/null
+++ b/packages/Webkul/Notify/src/Resources/views/products/view.blade.php
@@ -0,0 +1,571 @@
+@inject ('reviewHelper', 'Webkul\Product\Helpers\Review')
+@inject ('productViewHelper', 'Webkul\Product\Helpers\View')
+
+@php
+    $avgRatings = round($reviewHelper->getAverageRating($product));
+
+    $percentageRatings = $reviewHelper->getPercentageRating($product);
+
+    $customAttributeValues = $productViewHelper->getAdditionalData($product);
+@endphp
+
+<!-- SEO Meta Content -->
+@push('meta')
+    <meta name="description" content="{{ trim($product->meta_description) != "" ? $product->meta_description : \Illuminate\Support\Str::limit(strip_tags($product->description), 120, '') }}"/>
+
+    <meta name="keywords" content="{{ $product->meta_keywords }}"/>
+
+    @if (core()->getConfigData('catalog.rich_snippets.products.enable'))
+        <script type="application/ld+json">
+            {{ app('Webkul\Product\Helpers\SEO')->getProductJsonLd($product) }}
+        </script>
+    @endif
+
+    <?php $productBaseImage = product_image()->getProductBaseImage($product); ?>
+
+    <meta name="twitter:card" content="summary_large_image" />
+
+    <meta name="twitter:title" content="{{ $product->name }}" />
+
+    <meta name="twitter:description" content="{!! htmlspecialchars(trim(strip_tags($product->description))) !!}" />
+
+    <meta name="twitter:image:alt" content="" />
+
+    <meta name="twitter:image" content="{{ $productBaseImage['medium_image_url'] }}" />
+
+    <meta property="og:type" content="og:product" />
+
+    <meta property="og:title" content="{{ $product->name }}" />
+
+    <meta property="og:image" content="{{ $productBaseImage['medium_image_url'] }}" />
+
+    <meta property="og:description" content="{!! htmlspecialchars(trim(strip_tags($product->description))) !!}" />
+
+    <meta property="og:url" content="{{ route('shop.product_or_category.index', $product->url_key) }}" />
+@endPush
+
+<!-- Page Layout -->
+<x-shop::layouts>
+    <!-- Page Title -->
+    <x-slot:title>
+        {{ trim($product->meta_title) != "" ? $product->meta_title : $product->name }}
+    </x-slot>
+
+    {!! view_render_event('bagisto.shop.products.view.before', ['product' => $product]) !!}
+
+    <!-- Breadcrumbs -->
+    <div class="flex justify-center max-lg:hidden">
+        <x-shop::breadcrumbs name="product" :entity="$product"></x-shop::breadcrumbs>
+    </div>
+
+    <!-- Product Information Vue Component -->
+    <v-product :product-id="{{ $product->id }}">
+        <x-shop::shimmer.products.view/>
+    </v-product>
+
+    <!--Information section -->
+    <div class="1180:mt-[80px]">
+        <x-shop::tabs position="center">
+            <!-- Description Tab -->
+            {!! view_render_event('bagisto.shop.products.view.description.before', ['product' => $product]) !!}
+
+            <x-shop::tabs.item
+                class="container mt-[60px] !p-0 max-1180:hidden"
+                :title="trans('shop::app.products.view.description')"
+                :is-selected="true"
+            >
+                <div class="container mt-[60px] max-1180:px-[20px]">
+                    <p class="text-[#6E6E6E] text-[18px] max-1180:text-[14px]">
+                        {!! $product->description !!}
+                    </p>
+                </div>
+            </x-shop::tabs.item>
+
+            {!! view_render_event('bagisto.shop.products.view.description.after', ['product' => $product]) !!}
+
+            <!--Additional Information Tab -->       
+            <x-shop::tabs.item
+                class="container mt-[60px] !p-0 max-1180:hidden"
+                :title="trans('shop::app.products.view.additional-information')"
+                :is-selected="false"
+            >
+                <div class="container mt-[60px] max-1180:px-[20px]">
+                    <div class="grid gap-[15px] grid-cols-[auto_1fr] max-w-max mt-[30px]">
+                        @foreach ($customAttributeValues as $customAttributeValue)
+                            <div class="grid">
+                                <p class="text-[16px] text-black">
+                                    {!! $customAttributeValue['label'] !!}
+                                </p>
+                            </div>
+
+                            @if (
+                                $customAttributeValue['type'] == 'file'
+                                && $customAttributeValue['value']
+                            )
+                                <a
+                                    href="{{ Storage::url($product[$customAttributeValue['code']]) }}"
+                                    download="{{ $customAttributeValue['label'] }}"
+                                >
+                                    <span class="icon-download text-[24px]"></span>
+                                </a>
+                            @elseif (
+                                $customAttributeValue['type'] == 'image'
+                                && $customAttributeValue['value']
+                            )
+                                <a
+                                    href="{{ Storage::url($product[$customAttributeValue['code']]) }}"
+                                    download="{{ $customAttributeValue['label'] }}"
+                                >
+                                    <img 
+                                        class="h-[20px] w-[20px] min-h-[20px] min-w-[20px]"
+                                        src="{{ Storage::url($customAttributeValue['value']) }}"
+                                    />
+                                </a>
+                            @else 
+                                <div class="grid">
+                                    <p class="text-[16px] text-[#7D7D7D]">
+                                        {!! $customAttributeValue['value'] ? $customAttributeValue['value'] : '-' !!}
+                                    </p>
+                                </div>
+                            @endif
+                        @endforeach
+                    </div>
+                </div>
+            </x-shop::tabs.item>
+
+            <!-- Reviews Tab -->       
+            <x-shop::tabs.item
+                class="container mt-[60px] !p-0 max-1180:hidden"
+                :title="trans('shop::app.products.view.review')"
+                :is-selected="false"
+            >
+                @include('shop::products.view.reviews')
+            </x-shop::tabs.item>
+        </x-shop::tabs>
+    </div>
+
+    <!-- Information Section -->       
+    <div class="container mt-[40px] max-1180:px-[20px] 1180:hidden">
+        <!-- Description Accordian -->       
+        <x-shop::accordion :is-active="true">
+            <x-slot:header>
+                <div class="flex justify-between mb-[20px] mt-[20px]">
+                    <p class="text-[16px] font-medium 1180:hidden">
+                        @lang('shop::app.products.view.description')
+                    </p>
+                </div>
+            </x-slot:header>
+
+            <x-slot:content>
+                <p class="text-[#6E6E6E] text-[18px] max-1180:text-[14px] mb-[20px]">
+                    {!! $product->description !!}
+                </p>
+            </x-slot:content>
+        </x-shop::accordion>
+
+        <!-- Additional Information Accordion-->
+        <x-shop::accordion :is-active="false">
+            <x-slot:header>
+                <div class="flex justify-between mb-[20px] mt-[20px]">
+                    <p class="text-[16px] font-medium 1180:hidden">
+                        @lang('shop::app.products.view.additional-information')
+                    </p>
+                </div>
+            </x-slot:header>
+
+            <x-slot:content>
+                <div class="container mt-[20px] mb-[20px] max-1180:px-[20px]">
+                    <p class="text-[#6E6E6E] text-[18px] max-1180:text-[14px]">
+                        @foreach ($customAttributeValues as $customAttributeValue)
+                            <div class="grid">
+                                <p class="text-[16px] text-black">
+                                    {{ $customAttributeValue['label'] }}
+                                </p>
+                            </div>
+
+                            @if (
+                                $customAttributeValue['type'] == 'file'
+                                || $customAttributeValue['type'] == 'image'
+                            )
+                                <a
+                                    href="{{ Storage::url($product[$customAttributeValue['code']]) }}"
+                                    download="{{ $customAttributeValue['label'] }}"
+                                >
+                                    <p class="text-[16px] text-blue-500 underline">
+                                        {{ $customAttributeValue['label'] }}
+                                    </p>
+                                </a>
+                            @else 
+                                <div class="grid">
+                                    <p class="text-[16px] text-[#6E6E6E]">
+                                        {{ $customAttributeValue['value'] ?? '-' }}
+                                    </p>
+                                </div>
+                            @endif
+                        @endforeach
+                    </p>
+                </div>
+            </x-slot:content>
+        </x-shop::accordion>
+
+       <!-- Reviews Accordion-->
+        <x-shop::accordion :is-active="false">
+            <x-slot:header>
+                <div class="flex justify-between mb-[20px] mt-[20px]">
+                    <p class="text-[16px] font-medium 1180:hidden">
+                        @lang('shop::app.products.view.review')
+                    </p>
+                </div>
+            </x-slot:header>
+
+            <x-slot:content>
+                @include('shop::products.view.reviews')
+            </x-slot:content>
+        </x-shop::accordion>
+    </div>
+
+   <!-- Featured Products -->
+    <x-shop::products.carousel
+        :title="trans('shop::app.products.view.related-product-title')"
+        :src="route('shop.api.products.related.index', ['id' => $product->id])"
+    >
+    </x-shop::products.carousel>
+
+    <!-- Upsell Products -->
+    <x-shop::products.carousel
+        :title="trans('shop::app.products.view.up-sell-title')"
+        :src="route('shop.api.products.up-sell.index', ['id' => $product->id])"
+    >
+    </x-shop::products.carousel>
+
+    {!! view_render_event('bagisto.shop.products.view.after', ['product' => $product]) !!}
+
+    @pushOnce('scripts')
+        <script type="text/x-template" id="v-product-template">
+            <x-shop::form
+                v-slot="{ meta, errors, handleSubmit }"
+                as="div"
+            >
+                <form
+                    ref="formData"
+                    @submit="handleSubmit($event, addToCart)"
+                >
+                    <input 
+                        type="hidden" 
+                        name="product_id" 
+                        value="{{ $product->id }}"
+                    >
+
+                    <input
+                        type="hidden"
+                        name="is_buy_now"
+                        v-model="is_buy_now"
+                    >
+                    
+                    <input 
+                        type="hidden" 
+                        name="quantity" 
+                        :value="qty"
+                    >
+
+                    <div class="container px-[60px] max-1180:px-[0px]">
+                        <div class="flex gap-[40px] mt-[48px] max-1180:flex-wrap max-lg:mt-0 max-sm:gap-y-[25px]">
+                            <!-- Gallery Blade Inclusion -->
+                            @include('shop::products.view.gallery')
+
+                            <!-- Details -->
+                            <div class="max-w-[590px] relative max-1180:w-full max-1180:max-w-full max-1180:px-[20px]">
+                                {!! view_render_event('bagisto.shop.products.name.before', ['product' => $product]) !!}
+
+                                <div class="flex gap-[15px] justify-between">
+                                    <h1 class="text-[30px] font-medium max-sm:text-[20px]">
+                                        {{ $product->name }}
+                                    </h1>
+
+                                    @if (core()->getConfigData('general.content.shop.wishlist_option'))
+                                        <div
+                                            class="flex items-center justify-center min-w-[46px] min-h-[46px] max-h-[46px] bg-white border border-black rounded-full text-[24px] transition-all hover:opacity-[0.8] cursor-pointer"
+                                            :class="isWishlist ? 'icon-heart-fill' : 'icon-heart'"
+                                            @click="addToWishlist"
+                                        >
+                                        </div>
+                                    @endif
+                                </div>
+
+                                {!! view_render_event('bagisto.shop.products.name.before', ['product' => $product]) !!}
+
+                                <!-- Rating -->
+                                {!! view_render_event('bagisto.shop.products.rating.before', ['product' => $product]) !!}
+
+                                <div class="flex gap-[15px] items-center mt-[15px]">
+                                    <x-shop::products.star-rating 
+                                        :value="$avgRatings"
+                                        :is-editable=false
+                                    >
+                                    </x-shop::products.star-rating>
+
+                                    <div class="flex gap-[15px] items-center">
+                                        <p class="text-[#6E6E6E] text-[14px]">
+                                            ({{ $product->approvedReviews->count() }} @lang('reviews'))
+                                        </p>
+                                    </div>
+                                </div>
+
+                                {!! view_render_event('bagisto.shop.products.rating.after', ['product' => $product]) !!}
+
+                                <!-- Pricing -->
+                                {!! view_render_event('bagisto.shop.products.price.before', ['product' => $product]) !!}
+
+                                <p class="flex gap-2.5 items-center mt-[25px] text-[24px] !font-medium max-sm:mt-[15px] max-sm:text-[18px]">
+                                    {!! $product->getTypeInstance()->getPriceHtml() !!}
+
+                                    <span class="text-[18px] text-[#6E6E6E]">
+                                        @if (
+                                            (bool) core()->getConfigData('taxes.catalogue.pricing.tax_inclusive') 
+                                            && $product->getTypeInstance()->getTaxCategory()
+                                        )
+                                            @lang('shop::app.products.view.tax-inclusive')
+                                        @endif
+                                    </span>
+                                </p>
+
+                                {!! view_render_event('bagisto.shop.products.price.after', ['product' => $product]) !!}
+
+                                {!! view_render_event('bagisto.shop.products.short_description.before', ['product' => $product]) !!}
+
+                                <p class="mt-[25px] text-[18px] text-[#6E6E6E] max-sm:text-[14px] max-sm:mt-[15px]">
+                                    {!! $product->short_description !!}
+                                </p>
+
+                                {!! view_render_event('bagisto.shop.products.short_description.after', ['product' => $product]) !!}
+
+                                @include('shop::products.view.types.configurable')
+
+                                @include('shop::products.view.types.grouped')
+
+                                @include('shop::products.view.types.bundle')
+
+                                @include('shop::products.view.types.downloadable')
+
+
+                                <!-- Product Actions and Qunatity Box -->
+                                <div class="flex gap-[15px] max-w-[470px] mt-[30px]">
+
+                                    {!! view_render_event('bagisto.shop.products.view.quantity.before', ['product' => $product]) !!}
+
+                                    @if ($product->getTypeInstance()->showQuantityBox())
+                                        <x-shop::quantity-changer
+                                            name="quantity"
+                                            value="1"
+                                            class="gap-x-[16px] py-[15px] px-[26px] rounded-[12px]"
+                                        >
+                                        </x-shop::quantity-changer>
+                                    @endif
+
+                                    {!! view_render_event('bagisto.shop.products.view.quantity.after', ['product' => $product]) !!}
+
+                                    <!-- Add To Cart Button -->
+                                    {!! view_render_event('bagisto.shop.products.view.add_to_cart.before', ['product' => $product]) !!}
+                                    
+                                    @if($product->isSaleable(1))
+                                        <button
+                                            type="submit"
+                                            class="secondary-button w-full max-w-full"
+                                        >
+                                            @lang('shop::app.products.view.add-to-cart')
+                                        </button>
+                                    @else 
+                                        <button
+                                            type="button"
+                                            class="secondary-button w-full max-w-full"
+                                            @click="notifyMe()"
+                                        >
+                                            Notify Me
+                                        </button>
+                                    @endif
+
+                                    {!! view_render_event('bagisto.shop.products.view.add_to_cart.after', ['product' => $product]) !!}
+                                </div>
+
+                                <!-- Buy Now Button -->
+                                {!! view_render_event('bagisto.shop.products.view.buy_now.before', ['product' => $product]) !!}
+
+                                @if (core()->getConfigData('catalog.products.storefront.buy_now_button_display'))
+                                    <button
+                                        type="submit"
+                                        class="primary-button w-full max-w-[470px] mt-[20px]"
+                                        @click="is_buy_now=1;"
+                                        {{ ! $product->isSaleable(1) ? 'disabled' : '' }}
+                                    >
+                                        @lang('shop::app.products.view.buy-now')
+                                    </button>
+                                @endif
+
+                                {!! view_render_event('bagisto.shop.products.view.buy_now.after', ['product' => $product]) !!}
+
+                                <!-- Share Buttons -->
+                                <div class="flex gap-[35px] mt-[40px] max-sm:flex-wrap max-sm:justify-center">
+                                    {!! view_render_event('bagisto.shop.products.view.compare.before', ['product' => $product]) !!}
+
+                                    <div
+                                        class="flex gap-[10px] justify-center items-center cursor-pointer"
+                                        @click="is_buy_now=0; addToCompare({{ $product->id }})"
+                                    >
+                                        @if (core()->getConfigData('general.content.shop.compare_option'))
+                                            <span class="icon-compare text-[24px]"></span>
+
+                                            @lang('shop::app.products.view.compare')
+                                        @endif
+                                    </div>
+
+                                    {!! view_render_event('bagisto.shop.products.view.compare.after', ['product' => $product]) !!}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </x-shop::form>
+        </script>
+
+        <script type="module">
+            app.component('v-product', {
+                template: '#v-product-template',
+
+                props: ['productId'],
+
+                data() {
+                    return {
+                        isWishlist: Boolean("{{ (boolean) auth()->guard()->user()?->wishlist_items->where('channel_id', core()->getCurrentChannel()->id)->where('product_id', $product->id)->count() }}"),
+
+                        isCustomer: '{{ auth()->guard('customer')->check() }}',
+
+                        is_buy_now: 0,
+                    }
+                },
+
+                methods: {
+                    addToCart(params) {
+                        let formData = new FormData(this.$refs.formData);
+
+                        this.$axios.post('{{ route("shop.api.checkout.cart.store") }}', formData, {
+                                headers: {
+                                    'Content-Type': 'multipart/form-data'
+                                }
+                            })
+                            .then(response => {
+                                if (response.data.message) {
+                                    this.$emitter.emit('update-mini-cart', response.data.data);
+
+                                    this.$emitter.emit('add-flash', { type: 'success', message: response.data.message });
+
+                                    if (response.data.redirect) {
+                                        window.location.href= response.data.redirect;
+                                    }
+                                } else {
+                                    this.$emitter.emit('add-flash', { type: 'warning', message: response.data.data.message });
+                                }
+                            })
+                            .catch(error => {});
+                    },
+
+                    notifyMe() {
+                        if (this.isCustomer) {
+                            this.$axios.post('{{ route("shop.notify.store") }}', {
+                                    product_id: "{{ $product->id }}",
+                                    customer_id: "{{ auth()->guard('customer')->user()?->id }}",
+                                })
+                                .then(response => {
+                                    this.$emitter.emit('add-flash', { type: 'success', message: response.data.message });
+                                })
+                                .catch(error => {
+                                    this.$emitter.emit('add-flash', { type: 'error', message: 'Something went wrong!' });
+                                });
+                        } else {
+                            window.location.href = "{{ route('shop.customer.session.index')}}";
+                        }
+                    },
+
+                    addToWishlist() {
+                        if (this.isCustomer) {
+                            this.$axios.post('{{ route('shop.api.customers.account.wishlist.store') }}', {
+                                    product_id: "{{ $product->id }}"
+                                })
+                                .then(response => {
+                                    this.isWishlist = ! this.isWishlist;
+
+                                    this.$emitter.emit('add-flash', { type: 'success', message: response.data.data.message });
+                                })
+                                .catch(error => {});
+                        } else {
+                            window.location.href = "{{ route('shop.customer.session.index')}}";
+                        }
+                    },
+
+                    addToCompare(productId) {
+                        /**
+                         * This will handle for customers.
+                         */
+                        if (this.isCustomer) {
+                            this.$axios.post('{{ route("shop.api.compare.store") }}', {
+                                    'product_id': productId
+                                })
+                                .then(response => {
+                                    this.$emitter.emit('add-flash', { type: 'success', message: response.data.data.message });
+                                })
+                                .catch(error => {
+                                    if ([400, 422].includes(error.response.status)) {
+                                        this.$emitter.emit('add-flash', { type: 'warning', message: error.response.data.data.message });
+
+                                        return;
+                                    }
+
+                                    this.$emitter.emit('add-flash', { type: 'error', message: error.response.data.message});
+                                });
+
+                            return;
+                        }
+
+                        /**
+                         * This will handle for guests.
+                         */
+                        let existingItems = this.getStorageValue(this.getCompareItemsStorageKey()) ?? [];
+
+                        if (existingItems.length) {
+                            if (! existingItems.includes(productId)) {
+                                existingItems.push(productId);
+
+                                this.setStorageValue(this.getCompareItemsStorageKey(), existingItems);
+
+                                this.$emitter.emit('add-flash', { type: 'success', message: "@lang('shop::app.products.view.add-to-compare')" });
+                            } else {
+                                this.$emitter.emit('add-flash', { type: 'warning', message: "@lang('shop::app.products.view.already-in-compare')" });
+                            }
+                        } else {
+                            this.setStorageValue(this.getCompareItemsStorageKey(), [productId]);
+
+                            this.$emitter.emit('add-flash', { type: 'success', message: "@lang('shop::app.products.view.add-to-compare')" });
+                        }
+                    },
+
+                    getCompareItemsStorageKey() {
+                        return 'compare_items';
+                    },
+
+                    setStorageValue(key, value) {
+                        localStorage.setItem(key, JSON.stringify(value));
+                    },
+
+                    getStorageValue(key) {
+                        let value = localStorage.getItem(key);
+
+                        if (value) {
+                            value = JSON.parse(value);
+                        }
+
+                        return value;
+                    },
+                },
+            });
+        </script>
+    @endPushOnce
+</x-shop::layouts>
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Routes/admin-routes.php b/packages/Webkul/Notify/src/Routes/admin-routes.php
index a0295c5..ece5365 100644
--- a/packages/Webkul/Notify/src/Routes/admin-routes.php
+++ b/packages/Webkul/Notify/src/Routes/admin-routes.php
@@ -4,9 +4,9 @@
 use Webkul\Notify\Http\Controllers\Admin\NotifyController;
 
 Route::group(['middleware' => ['web', 'admin'], 'prefix' => config('app.admin_url')], function () {
-    Route::get('/notify', [NotifyController::class, 'index'])->name('notify.admin.index');
+    Route::get('notify', [NotifyController::class, 'index'])->name('notify.admin.index');
 
-    Route::post('/notify/store', [NotifyController::class, 'store'])->name('notify.admin.store');
+    Route::post('notify/store', [NotifyController::class, 'store'])->name('notify.admin.store');
 
-    Route::post('/notify/update-stock-status', [NotifyController::class, 'updateStockStatus'])->name('notify.admin.updateStockStatus');
+    Route::post('notify/send-notification', [NotifyController::class, 'send_notification'])->name('notify.admin.send_notification');
 });
\ No newline at end of file
diff --git a/packages/Webkul/Notify/src/Routes/shop-routes.php b/packages/Webkul/Notify/src/Routes/shop-routes.php
index ccb0a23..5789319 100644
--- a/packages/Webkul/Notify/src/Routes/shop-routes.php
+++ b/packages/Webkul/Notify/src/Routes/shop-routes.php
@@ -5,6 +5,6 @@
 
 Route::group(['middleware' => ['theme', 'locale', 'currency']], function () {
     Route::controller(NotifyController::class)->prefix('nofity')->group(function () {
-        Route::post('/create', 'store')->name('shop.notify.store');
+        Route::post('create', 'store')->name('shop.notify.store');
     });
 });
\ No newline at end of file