diff --git a/src/frontend/public/images/Checkmark.png b/src/frontend/public/images/Checkmark.png
new file mode 100644
index 00000000..6a5a7249
Binary files /dev/null and b/src/frontend/public/images/Checkmark.png differ
diff --git a/src/frontend/src/app/page.tsx b/src/frontend/src/app/page.tsx
index ba2285ea..d528c5d7 100644
--- a/src/frontend/src/app/page.tsx
+++ b/src/frontend/src/app/page.tsx
@@ -11,7 +11,7 @@ export default function Home() {
 
   return (
     <main>
-      <Landing/>
+      <Landing />
     </main>
   );
 }
diff --git a/src/frontend/src/components/Popup/PaymentSuccess.tsx b/src/frontend/src/components/Popup/PaymentSuccess.tsx
new file mode 100644
index 00000000..436ce529
--- /dev/null
+++ b/src/frontend/src/components/Popup/PaymentSuccess.tsx
@@ -0,0 +1,36 @@
+import React, { useEffect } from 'react';
+import { useModal } from "@/context/ModalContext";
+import userService from '@/services/user';
+import { useErrorModal } from '@/hooks/useErrorModal';
+import Image from 'next/image';
+import checkmarkImage from '../../../public/images/Checkmark.png';
+
+const PaymentSuccessful: React.FC = () => {
+    const { closeModal } = useModal();
+
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            closeModal();
+        }, 3000);
+
+        return () => clearTimeout(timer);
+    }, [closeModal]);
+
+    return (
+        <div className="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center z-40">
+            <div className="bg-white p-5 rounded-lg text-center max-w-sm w-full">
+                <div className="relative w-32 h-32 max-w-xs max-h-xs mx-auto mb-5">
+                    <Image
+                        src={checkmarkImage}
+                        alt="Checkmark"
+                        layout="fill"
+                        objectFit="contain"
+                    />
+                </div>
+                <h2 className="my-5 text-2xl text-black">Payment Successful</h2>
+            </div>
+        </div>
+    );
+};
+
+export default PaymentSuccessful;