diff --git a/client/src/app/garden/[id]/page.tsx b/client/src/app/garden/[id]/page.tsx
index 6d3c646a..63bb3b71 100644
--- a/client/src/app/garden/[id]/page.tsx
+++ b/client/src/app/garden/[id]/page.tsx
@@ -12,6 +12,7 @@ import {
   LoadingNotice,
   ShareButton,
   ShareModal,
+  NotificationButton,
 } from '@/components/common';
 import {
   GardenMap,
@@ -85,6 +86,7 @@ export default function Garden({ params }: GardenProps) {
         )}
         {isOpen && renderModal(type)}
       </div>
+      <NotificationButton />
       <InquiryButton />
       <Footer />
     </>
diff --git a/client/src/app/history/[id]/page.tsx b/client/src/app/history/[id]/page.tsx
index 711d46c9..671fd240 100644
--- a/client/src/app/history/[id]/page.tsx
+++ b/client/src/app/history/[id]/page.tsx
@@ -16,7 +16,7 @@ import {
   HistoryBox,
 } from '@/components/history';
 import { InquiryButton } from '@/components/inquiry';
-import { Footer } from '@/components/common';
+import { Footer, NotificationButton } from '@/components/common';
 
 import { MOUNT_ANIMATION_VALUES } from '@/constants/values';
 
@@ -49,7 +49,7 @@ export default function History({ params }: HistoryProps) {
           ? createPortal(renderModal(type), portalElement)
           : null}
       </motion.div>
-
+      <NotificationButton />
       <InquiryButton />
       <Footer />
     </>
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
index d8d8a4b7..a7409116 100644
--- a/client/src/app/page.tsx
+++ b/client/src/app/page.tsx
@@ -2,13 +2,17 @@
 
 import { motion } from 'framer-motion';
 
-import useClient from '@/hooks/useClient';
 import useUserStore from '@/stores/userStore';
 
-import Header from '@/components/common/Header';
-import LoadingNotice from '@/components/common/LoadingNotice';
-import Intro from '@/components/common/Intro';
-import Footer from '@/components/common/Footer';
+import useClient from '@/hooks/useClient';
+
+import {
+  Header,
+  LoadingNotice,
+  Intro,
+  Footer,
+  NotificationButton,
+} from '@/components/common';
 import ServiceInfo from '@/components/main/ServiceInfo';
 import MainSignupBanner from '@/components/main/MainSignupBanner';
 import ScrollDownButton from '@/components/main/ScrollDownButton';
@@ -82,10 +86,9 @@ export default function Home() {
                   </div>
                 </motion.section>
               )}
-
+              <NotificationButton />
               <InquiryButton />
             </div>
-
             <Footer />
           </>
         )}
diff --git a/client/src/app/profile/page.tsx b/client/src/app/profile/page.tsx
index 5f3adfe7..93313c3f 100644
--- a/client/src/app/profile/page.tsx
+++ b/client/src/app/profile/page.tsx
@@ -19,7 +19,7 @@ import {
   FailureModal,
 } from '@/components/history';
 import { InquiryButton } from '@/components/inquiry';
-import { Footer } from '@/components/common';
+import { Footer, NotificationButton } from '@/components/common';
 
 import { ADMIN_USER_ID, MOUNT_ANIMATION_VALUES } from '@/constants/values';
 
@@ -59,7 +59,7 @@ export default function Profile() {
           ? createPortal(renderModal(type), portalElement)
           : null}
       </motion.div>
-
+      <NotificationButton />
       <InquiryButton />
       <Footer />
     </>