diff --git a/app/src/pages/MembershipSuccessPage.jsx b/app/src/pages/MembershipSuccessPage.jsx
new file mode 100644
index 0000000..95e2fe4
--- /dev/null
+++ b/app/src/pages/MembershipSuccessPage.jsx
@@ -0,0 +1,16 @@
+import { useNav, pillBtn } from '../../teknav-ui.jsx';
+import crownIcon from '../../src/assets/icons/crown.svg';
+
+export function MembershipSuccessPage() {
+  const { navigate } = useNav();
+  return (
+    <div style={{ paddingTop: 80, background: '#FAF7F0', minHeight: '100vh', fontFamily: 'Vazirmatn,sans-serif', direction: 'rtl', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+      <div style={{ textAlign: 'center', maxWidth: 480, padding: '0 24px' }}>
+        <div style={{ fontSize: 56, marginBottom: 16 }}><span className="tek-icon" style={{ ['--i']: `url("${crownIcon}")` }} aria-hidden="true" /></div>
+        <h1 style={{ fontSize: 26, fontWeight: 900, color: '#263238', marginBottom: 12 }}>عضویت ویژه فعال شد!</h1>
+        <p style={{ color: '#5F6B6D', lineHeight: 1.9, marginBottom: 28 }}>از حالا به همه مقالات پریمیوم دسترسی دارید. ممنون از حمایت شما از تکناو.</p>
+        <button onClick={() => navigate('/')} style={{ ...pillBtn, background: '#0F6B73', color: '#fff', padding: '12px 28px', fontSize: 14 }}>بازگشت به خانه</button>
+      </div>
+    </div>
+  );
+}