diff --git a/user/src/components/NewsletterSubscription.jsx b/user/src/components/NewsletterSubscription.jsx
index 0e02f8e..5a8d41d 100644
--- a/user/src/components/NewsletterSubscription.jsx
+++ b/user/src/components/NewsletterSubscription.jsx
@@ -8,7 +8,7 @@ const NewsletterSubscription = () => {
     const [loading, setLoading] = useState(false);
     const [message, setMessage] = useState(null);
     const [messageType, setMessageType] = useState(null);
-
+    const [isVisible, setIsVisible] = useState(true); 
     // Demo mode flag - set to true for testing without backend
     const DEMO_MODE = true;
 
@@ -88,8 +88,13 @@ const NewsletterSubscription = () => {
     const handleNoThanks = () => {
         setEmail('');
         setMessage(null);
+        setIsVisible(false); 
     };
 
+    if (!isVisible) {
+        return null;
+    }
+
     return (
         <div className="flex justify-center -mb-2">
             <div className="w-full max-w-md bg-gradient-to-r from-orange-900/20 via-orange-800/20 to-orange-900/20 dark:from-gray-800/20 dark:via-gray-700/20 dark:to-gray-800/20 backdrop-blur-sm rounded-lg p-4 sm:p-5 border border-orange-700/30 dark:border-gray-600/30 shadow-md">