Followeno Account Deletion Request - RayanTech<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #2563eb;\r\n --primary-hover: #1d4ed8;\r\n --danger: #dc2626;\r\n --danger-hover: #b91c1c;\r\n --success: #16a34a;\r\n --warning: #ea580c;\r\n --gray-50: #f9fafb;\r\n --gray-100: #f3f4f6;\r\n --gray-200: #e5e7eb;\r\n --gray-300: #d1d5db;\r\n --gray-600: #4b5563;\r\n --gray-700: #374151;\r\n --gray-900: #111827;\r\n --blue-50: #eff6ff;\r\n --blue-100: #dbeafe;\r\n --red-50: #fef2f2;\r\n --green-50: #f0fdf4;\r\n --yellow-50: #fffbeb;\r\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\r\n --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);\r\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n line-height: 1.6;\r\n color: var(--gray-900);\r\n background: linear-gradient(135deg, var(--blue-50) 0%, var(--gray-50) 100%);\r\n min-height: 100vh;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: white;\r\n border-radius: 16px;\r\n box-shadow: var(--shadow-xl);\r\n overflow: hidden;\r\n border: 1px solid var(--gray-200);\r\n }\r\n\r\n .header {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);\r\n color: white;\r\n padding: 2.5rem 2rem;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n opacity: 0.1;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .header .subtitle {\r\n font-size: 1rem;\r\n opacity: 0.9;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .content {\r\n padding: 2rem;\r\n }\r\n\r\n .company-info {\r\n background: var(--blue-50);\r\n border: 1px solid var(--blue-100);\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n margin-bottom: 2rem;\r\n border-left: 4px solid var(--primary);\r\n }\r\n\r\n .company-info h3 {\r\n color: var(--primary);\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .company-info p {\r\n color: var(--gray-700);\r\n font-size: 0.9rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .company-info a {\r\n color: var(--primary);\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .company-info a:hover {\r\n color: var(--primary-hover);\r\n text-decoration: underline;\r\n }\r\n\r\n .warning-notice {\r\n background: var(--yellow-50);\r\n border: 1px solid #fbbf24;\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n margin-bottom: 2rem;\r\n border-left: 4px solid var(--warning);\r\n }\r\n\r\n .warning-notice h3 {\r\n color: var(--warning);\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .warning-notice h3::before {\r\n content: '\u26a0\ufe0f';\r\n }\r\n\r\n .warning-notice p {\r\n color: var(--gray-700);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-weight: 500;\r\n color: var(--gray-700);\r\n margin-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 0.875rem;\r\n border: 1px solid var(--gray-300);\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: all 0.2s ease;\r\n background: white;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgb(37 99 235 \/ 0.1);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n margin: 2rem 0;\r\n padding: 1rem;\r\n background: var(--gray-50);\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-200);\r\n }\r\n\r\n .checkbox-group input[type=\"checkbox\"] {\r\n width: auto;\r\n margin-top: 0.125rem;\r\n transform: scale(1.2);\r\n cursor: pointer;\r\n accent-color: var(--primary);\r\n }\r\n\r\n .checkbox-group label {\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n color: var(--gray-700);\r\n line-height: 1.5;\r\n margin: 0;\r\n }\r\n\r\n .btn-group {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .btn {\r\n flex: 1;\r\n padding: 0.875rem 1.5rem;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n text-align: center;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover:not(:disabled) {\r\n background: var(--primary-hover);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .btn-danger {\r\n background: var(--danger);\r\n color: white;\r\n }\r\n\r\n .btn-danger:hover:not(:disabled) {\r\n background: var(--danger-hover);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .btn:disabled {\r\n background: var(--gray-300);\r\n color: var(--gray-600);\r\n cursor: not-allowed;\r\n transform: none;\r\n box-shadow: none;\r\n }\r\n\r\n .alert {\r\n padding: 1rem;\r\n border-radius: 8px;\r\n margin-top: 1rem;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n display: none;\r\n }\r\n\r\n .alert.success {\r\n background: var(--green-50);\r\n color: var(--success);\r\n border: 1px solid #86efac;\r\n }\r\n\r\n .alert.error {\r\n background: var(--red-50);\r\n color: var(--danger);\r\n border: 1px solid #fca5a5;\r\n }\r\n\r\n .alert.warning {\r\n background: var(--yellow-50);\r\n color: var(--warning);\r\n border: 1px solid #fbbf24;\r\n }\r\n\r\n .loading {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .spinner {\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid transparent;\r\n border-top: 2px solid currentColor;\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n }\r\n\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .footer {\r\n background: var(--gray-50);\r\n padding: 1.5rem 2rem;\r\n border-top: 1px solid var(--gray-200);\r\n text-align: center;\r\n font-size: 0.85rem;\r\n color: var(--gray-600);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n body {\r\n padding: 1rem 0.5rem;\r\n }\r\n\r\n .header {\r\n padding: 2rem 1.5rem;\r\n }\r\n\r\n .content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .btn-group {\r\n flex-direction: column;\r\n }\r\n\r\n .header h1 {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Account Deletion Request<\/h1>\r\n <p class=\"subtitle\">Followeno App Account Management<\/p>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <div class=\"company-info\">\r\n <h3>About This Service<\/h3>\r\n <p><strong>Company:<\/strong> RayanTech<\/p>\r\n <p><strong>Developer:<\/strong> Amirhossien Kavei Kasmaei<\/p>\r\n <p><strong>App:<\/strong> Followeno (\u0641\u0627\u0644\u0648\u0648\u06cc\u0646\u0648)<\/p>\r\n <p><strong>Contact:<\/strong> <a href=\"mailto:rayantech1993@gmail.com\">rayantech1993@gmail.com<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"warning-notice\">\r\n <h3>Important Notice<\/h3>\r\n <p>Account deletion is permanent and irreversible. All your data, including profile information, posts, connections, and messages will be completely removed from our systems within 72 business hours.<\/p>\r\n <\/div>\r\n\r\n <form id=\"deletionForm\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Account Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your registered email address\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"reason\">Reason for Deletion (Optional)<\/label>\r\n <textarea id=\"reason\" name=\"reason\" placeholder=\"Help us improve by sharing why you're leaving. This information is optional and will help us enhance our services.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"confirmDelete\" name=\"confirmDelete\" required>\r\n <label for=\"confirmDelete\">\r\n I understand that deleting my account is permanent and irreversible. All my data will be completely removed and cannot be recovered.\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"btn-group\">\r\n <button type=\"submit\" class=\"btn btn-danger\" id=\"submitBtn\">\r\n <span class=\"btn-text\">Delete My Account<\/span>\r\n <div class=\"loading\">\r\n <div class=\"spinner\"><\/div>\r\n Processing...\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"alertMessage\" class=\"alert\"><\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"footer\">\r\n <p>This form is secured and your information is handled according to our privacy policy.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n class AccountDeletionForm {\r\n constructor() {\r\n this.form = document.getElementById('deletionForm');\r\n this.emailInput = document.getElementById('email');\r\n this.reasonInput = document.getElementById('reason');\r\n this.confirmCheckbox = document.getElementById('confirmDelete');\r\n this.submitBtn = document.getElementById('submitBtn');\r\n this.alertMessage = document.getElementById('alertMessage');\r\n this.btnText = this.submitBtn.querySelector('.btn-text');\r\n this.loading = this.submitBtn.querySelector('.loading');\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.form.addEventListener('submit', this.handleSubmit.bind(this));\r\n this.confirmCheckbox.addEventListener('change', this.updateButtonState.bind(this));\r\n this.emailInput.addEventListener('input', this.validateEmail.bind(this));\r\n\r\n \/\/ Initial state\r\n this.updateButtonState();\r\n }\r\n\r\n validateEmail() {\r\n const email = this.emailInput.value.trim();\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n if (email && !emailRegex.test(email)) {\r\n this.emailInput.style.borderColor = 'var(--danger)';\r\n this.emailInput.style.boxShadow = '0 0 0 3px rgb(220 38 38 \/ 0.1)';\r\n } else {\r\n this.emailInput.style.borderColor = '';\r\n this.emailInput.style.boxShadow = '';\r\n }\r\n }\r\n\r\n updateButtonState() {\r\n const isValid = this.confirmCheckbox.checked && this.emailInput.value.trim();\r\n this.submitBtn.disabled = !isValid;\r\n }\r\n\r\n showAlert(message, type) {\r\n this.alertMessage.textContent = message;\r\n this.alertMessage.className = `alert ${type}`;\r\n this.alertMessage.style.display = 'block';\r\n\r\n \/\/ Auto-hide success messages\r\n if (type === 'success') {\r\n setTimeout(() => {\r\n this.alertMessage.style.display = 'none';\r\n }, 5000);\r\n }\r\n }\r\n\r\n hideAlert() {\r\n this.alertMessage.style.display = 'none';\r\n }\r\n\r\n setLoading(isLoading) {\r\n if (isLoading) {\r\n this.submitBtn.disabled = true;\r\n this.btnText.style.display = 'none';\r\n this.loading.style.display = 'flex';\r\n } else {\r\n this.updateButtonState();\r\n this.btnText.style.display = 'block';\r\n this.loading.style.display = 'none';\r\n }\r\n }\r\n\r\n async handleSubmit(event) {\r\n event.preventDefault();\r\n this.hideAlert();\r\n\r\n \/\/ Validation\r\n const email = this.emailInput.value.trim();\r\n if (!email) {\r\n this.showAlert('Please enter your email address.', 'error');\r\n this.emailInput.focus();\r\n return;\r\n }\r\n\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n this.showAlert('Please enter a valid email address.', 'error');\r\n this.emailInput.focus();\r\n return;\r\n }\r\n\r\n if (!this.confirmCheckbox.checked) {\r\n this.showAlert('You must confirm that you understand the consequences of account deletion.', 'warning');\r\n return;\r\n }\r\n\r\n \/\/ Simulate API call\r\n this.setLoading(true);\r\n\r\n try {\r\n \/\/ In production, replace this with actual API call\r\n await this.simulateApiCall({\r\n email: email,\r\n reason: this.reasonInput.value.trim(),\r\n app: 'Followeno',\r\n timestamp: new Date().toISOString()\r\n });\r\n\r\n this.showAlert('Your account deletion request has been successfully submitted. You will receive a confirmation email shortly. Your account will be permanently deleted within 72 business hours.', 'success');\r\n this.form.reset();\r\n\r\n } catch (error) {\r\n console.error('Submission error:', error);\r\n this.showAlert('There was an error processing your request. Please try again or contact support if the problem persists.', 'error');\r\n } finally {\r\n this.setLoading(false);\r\n }\r\n }\r\n\r\n \/\/ Simulate API call - replace with real implementation\r\n simulateApiCall(data) {\r\n return new Promise((resolve, reject) => {\r\n console.log('Account deletion request:', data);\r\n\r\n setTimeout(() => {\r\n \/\/ Simulate random success\/failure for demo\r\n if (Math.random() > 0.1) { \/\/ 90% success rate\r\n resolve({ success: true, message: 'Request processed successfully' });\r\n } else {\r\n reject(new Error('Server temporarily unavailable'));\r\n }\r\n }, 2000);\r\n });\r\n }\r\n\r\n \/* \r\n \/\/ Real API implementation example:\r\n async submitToAPI(data) {\r\n const response = await fetch('\/api\/account-deletion', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify(data)\r\n });\r\n\r\n if (!response.ok) {\r\n const errorData = await response.json();\r\n throw new Error(errorData.message || 'Server error');\r\n }\r\n\r\n return await response.json();\r\n }\r\n *\/\r\n }\r\n\r\n \/\/ Initialize the form when DOM is loaded\r\n document.addEventListener('DOMContentLoaded', () => {\r\n new AccountDeletionForm();\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Followeno Account Deletion Request – RayanTech Account Deletion Request Followeno App Account Management About This Service Company: RayanTech Developer: Amirhossien Kavei Kasmaei App: Followeno (\u0641\u0627\u0644\u0648\u0648\u06cc\u0646\u0648) Contact: rayantech1993@gmail.com Important Notice Account deletion is permanent and irreversible. All your data, including profile information, posts, connections, and messages will be completely removed from our systems within 72 business […]<\/p>\n","protected":false},"author":47,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1312","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages\/1312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/comments?post=1312"}],"version-history":[{"count":20,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages\/1312\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages\/1312\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/media?parent=1312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n \r\n \r\n \r\n \r\n Followeno Account Deletion Request - RayanTech<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #2563eb;\r\n --primary-hover: #1d4ed8;\r\n --danger: #dc2626;\r\n --danger-hover: #b91c1c;\r\n --success: #16a34a;\r\n --warning: #ea580c;\r\n --gray-50: #f9fafb;\r\n --gray-100: #f3f4f6;\r\n --gray-200: #e5e7eb;\r\n --gray-300: #d1d5db;\r\n --gray-600: #4b5563;\r\n --gray-700: #374151;\r\n --gray-900: #111827;\r\n --blue-50: #eff6ff;\r\n --blue-100: #dbeafe;\r\n --red-50: #fef2f2;\r\n --green-50: #f0fdf4;\r\n --yellow-50: #fffbeb;\r\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\r\n --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);\r\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n line-height: 1.6;\r\n color: var(--gray-900);\r\n background: linear-gradient(135deg, var(--blue-50) 0%, var(--gray-50) 100%);\r\n min-height: 100vh;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: white;\r\n border-radius: 16px;\r\n box-shadow: var(--shadow-xl);\r\n overflow: hidden;\r\n border: 1px solid var(--gray-200);\r\n }\r\n\r\n .header {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);\r\n color: white;\r\n padding: 2.5rem 2rem;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n opacity: 0.1;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .header .subtitle {\r\n font-size: 1rem;\r\n opacity: 0.9;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .content {\r\n padding: 2rem;\r\n }\r\n\r\n .company-info {\r\n background: var(--blue-50);\r\n border: 1px solid var(--blue-100);\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n margin-bottom: 2rem;\r\n border-left: 4px solid var(--primary);\r\n }\r\n\r\n .company-info h3 {\r\n color: var(--primary);\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .company-info p {\r\n color: var(--gray-700);\r\n font-size: 0.9rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .company-info a {\r\n color: var(--primary);\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .company-info a:hover {\r\n color: var(--primary-hover);\r\n text-decoration: underline;\r\n }\r\n\r\n .warning-notice {\r\n background: var(--yellow-50);\r\n border: 1px solid #fbbf24;\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n margin-bottom: 2rem;\r\n border-left: 4px solid var(--warning);\r\n }\r\n\r\n .warning-notice h3 {\r\n color: var(--warning);\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .warning-notice h3::before {\r\n content: '\u26a0\ufe0f';\r\n }\r\n\r\n .warning-notice p {\r\n color: var(--gray-700);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-weight: 500;\r\n color: var(--gray-700);\r\n margin-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 0.875rem;\r\n border: 1px solid var(--gray-300);\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: all 0.2s ease;\r\n background: white;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgb(37 99 235 \/ 0.1);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n margin: 2rem 0;\r\n padding: 1rem;\r\n background: var(--gray-50);\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-200);\r\n }\r\n\r\n .checkbox-group input[type=\"checkbox\"] {\r\n width: auto;\r\n margin-top: 0.125rem;\r\n transform: scale(1.2);\r\n cursor: pointer;\r\n accent-color: var(--primary);\r\n }\r\n\r\n .checkbox-group label {\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n color: var(--gray-700);\r\n line-height: 1.5;\r\n margin: 0;\r\n }\r\n\r\n .btn-group {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .btn {\r\n flex: 1;\r\n padding: 0.875rem 1.5rem;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n text-align: center;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover:not(:disabled) {\r\n background: var(--primary-hover);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .btn-danger {\r\n background: var(--danger);\r\n color: white;\r\n }\r\n\r\n .btn-danger:hover:not(:disabled) {\r\n background: var(--danger-hover);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .btn:disabled {\r\n background: var(--gray-300);\r\n color: var(--gray-600);\r\n cursor: not-allowed;\r\n transform: none;\r\n box-shadow: none;\r\n }\r\n\r\n .alert {\r\n padding: 1rem;\r\n border-radius: 8px;\r\n margin-top: 1rem;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n display: none;\r\n }\r\n\r\n .alert.success {\r\n background: var(--green-50);\r\n color: var(--success);\r\n border: 1px solid #86efac;\r\n }\r\n\r\n .alert.error {\r\n background: var(--red-50);\r\n color: var(--danger);\r\n border: 1px solid #fca5a5;\r\n }\r\n\r\n .alert.warning {\r\n background: var(--yellow-50);\r\n color: var(--warning);\r\n border: 1px solid #fbbf24;\r\n }\r\n\r\n .loading {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .spinner {\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid transparent;\r\n border-top: 2px solid currentColor;\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n }\r\n\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .footer {\r\n background: var(--gray-50);\r\n padding: 1.5rem 2rem;\r\n border-top: 1px solid var(--gray-200);\r\n text-align: center;\r\n font-size: 0.85rem;\r\n color: var(--gray-600);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n body {\r\n padding: 1rem 0.5rem;\r\n }\r\n\r\n .header {\r\n padding: 2rem 1.5rem;\r\n }\r\n\r\n .content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .btn-group {\r\n flex-direction: column;\r\n }\r\n\r\n .header h1 {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Account Deletion Request<\/h1>\r\n <p class=\"subtitle\">Followeno App Account Management<\/p>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <div class=\"company-info\">\r\n <h3>About This Service<\/h3>\r\n <p><strong>Company:<\/strong> RayanTech<\/p>\r\n <p><strong>Developer:<\/strong> Amirhossien Kavei Kasmaei<\/p>\r\n <p><strong>App:<\/strong> Followeno (\u0641\u0627\u0644\u0648\u0648\u06cc\u0646\u0648)<\/p>\r\n <p><strong>Contact:<\/strong> <a href=\"mailto:rayantech1993@gmail.com\">rayantech1993@gmail.com<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"warning-notice\">\r\n <h3>Important Notice<\/h3>\r\n <p>Account deletion is permanent and irreversible. All your data, including profile information, posts, connections, and messages will be completely removed from our systems within 72 business hours.<\/p>\r\n <\/div>\r\n\r\n <form id=\"deletionForm\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Account Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your registered email address\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"reason\">Reason for Deletion (Optional)<\/label>\r\n <textarea id=\"reason\" name=\"reason\" placeholder=\"Help us improve by sharing why you're leaving. This information is optional and will help us enhance our services.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"confirmDelete\" name=\"confirmDelete\" required>\r\n <label for=\"confirmDelete\">\r\n I understand that deleting my account is permanent and irreversible. All my data will be completely removed and cannot be recovered.\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"btn-group\">\r\n <button type=\"submit\" class=\"btn btn-danger\" id=\"submitBtn\">\r\n <span class=\"btn-text\">Delete My Account<\/span>\r\n <div class=\"loading\">\r\n <div class=\"spinner\"><\/div>\r\n Processing...\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"alertMessage\" class=\"alert\"><\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"footer\">\r\n <p>This form is secured and your information is handled according to our privacy policy.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n class AccountDeletionForm {\r\n constructor() {\r\n this.form = document.getElementById('deletionForm');\r\n this.emailInput = document.getElementById('email');\r\n this.reasonInput = document.getElementById('reason');\r\n this.confirmCheckbox = document.getElementById('confirmDelete');\r\n this.submitBtn = document.getElementById('submitBtn');\r\n this.alertMessage = document.getElementById('alertMessage');\r\n this.btnText = this.submitBtn.querySelector('.btn-text');\r\n this.loading = this.submitBtn.querySelector('.loading');\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.form.addEventListener('submit', this.handleSubmit.bind(this));\r\n this.confirmCheckbox.addEventListener('change', this.updateButtonState.bind(this));\r\n this.emailInput.addEventListener('input', this.validateEmail.bind(this));\r\n\r\n \/\/ Initial state\r\n this.updateButtonState();\r\n }\r\n\r\n validateEmail() {\r\n const email = this.emailInput.value.trim();\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n if (email && !emailRegex.test(email)) {\r\n this.emailInput.style.borderColor = 'var(--danger)';\r\n this.emailInput.style.boxShadow = '0 0 0 3px rgb(220 38 38 \/ 0.1)';\r\n } else {\r\n this.emailInput.style.borderColor = '';\r\n this.emailInput.style.boxShadow = '';\r\n }\r\n }\r\n\r\n updateButtonState() {\r\n const isValid = this.confirmCheckbox.checked && this.emailInput.value.trim();\r\n this.submitBtn.disabled = !isValid;\r\n }\r\n\r\n showAlert(message, type) {\r\n this.alertMessage.textContent = message;\r\n this.alertMessage.className = `alert ${type}`;\r\n this.alertMessage.style.display = 'block';\r\n\r\n \/\/ Auto-hide success messages\r\n if (type === 'success') {\r\n setTimeout(() => {\r\n this.alertMessage.style.display = 'none';\r\n }, 5000);\r\n }\r\n }\r\n\r\n hideAlert() {\r\n this.alertMessage.style.display = 'none';\r\n }\r\n\r\n setLoading(isLoading) {\r\n if (isLoading) {\r\n this.submitBtn.disabled = true;\r\n this.btnText.style.display = 'none';\r\n this.loading.style.display = 'flex';\r\n } else {\r\n this.updateButtonState();\r\n this.btnText.style.display = 'block';\r\n this.loading.style.display = 'none';\r\n }\r\n }\r\n\r\n async handleSubmit(event) {\r\n event.preventDefault();\r\n this.hideAlert();\r\n\r\n \/\/ Validation\r\n const email = this.emailInput.value.trim();\r\n if (!email) {\r\n this.showAlert('Please enter your email address.', 'error');\r\n this.emailInput.focus();\r\n return;\r\n }\r\n\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n this.showAlert('Please enter a valid email address.', 'error');\r\n this.emailInput.focus();\r\n return;\r\n }\r\n\r\n if (!this.confirmCheckbox.checked) {\r\n this.showAlert('You must confirm that you understand the consequences of account deletion.', 'warning');\r\n return;\r\n }\r\n\r\n \/\/ Simulate API call\r\n this.setLoading(true);\r\n\r\n try {\r\n \/\/ In production, replace this with actual API call\r\n await this.simulateApiCall({\r\n email: email,\r\n reason: this.reasonInput.value.trim(),\r\n app: 'Followeno',\r\n timestamp: new Date().toISOString()\r\n });\r\n\r\n this.showAlert('Your account deletion request has been successfully submitted. You will receive a confirmation email shortly. Your account will be permanently deleted within 72 business hours.', 'success');\r\n this.form.reset();\r\n\r\n } catch (error) {\r\n console.error('Submission error:', error);\r\n this.showAlert('There was an error processing your request. Please try again or contact support if the problem persists.', 'error');\r\n } finally {\r\n this.setLoading(false);\r\n }\r\n }\r\n\r\n \/\/ Simulate API call - replace with real implementation\r\n simulateApiCall(data) {\r\n return new Promise((resolve, reject) => {\r\n console.log('Account deletion request:', data);\r\n\r\n setTimeout(() => {\r\n \/\/ Simulate random success\/failure for demo\r\n if (Math.random() > 0.1) { \/\/ 90% success rate\r\n resolve({ success: true, message: 'Request processed successfully' });\r\n } else {\r\n reject(new Error('Server temporarily unavailable'));\r\n }\r\n }, 2000);\r\n });\r\n }\r\n\r\n \/* \r\n \/\/ Real API implementation example:\r\n async submitToAPI(data) {\r\n const response = await fetch('\/api\/account-deletion', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify(data)\r\n });\r\n\r\n if (!response.ok) {\r\n const errorData = await response.json();\r\n throw new Error(errorData.message || 'Server error');\r\n }\r\n\r\n return await response.json();\r\n }\r\n *\/\r\n }\r\n\r\n \/\/ Initialize the form when DOM is loaded\r\n document.addEventListener('DOMContentLoaded', () => {\r\n new AccountDeletionForm();\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Followeno Account Deletion Request – RayanTech Account Deletion Request Followeno App Account Management About This Service Company: RayanTech Developer: Amirhossien Kavei Kasmaei App: Followeno (\u0641\u0627\u0644\u0648\u0648\u06cc\u0646\u0648) Contact: rayantech1993@gmail.com Important Notice Account deletion is permanent and irreversible. All your data, including profile information, posts, connections, and messages will be completely removed from our systems within 72 business […]<\/p>\n","protected":false},"author":47,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1312","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages\/1312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/comments?post=1312"}],"version-history":[{"count":20,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages\/1312\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/pages\/1312\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/followeno.com\/fwno\/wp\/v2\/media?parent=1312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}