{"id":4052,"date":"2026-06-10T11:39:06","date_gmt":"2026-06-10T11:39:06","guid":{"rendered":"https:\/\/syram.in\/login\/?page_id=4052"},"modified":"2026-06-11T10:11:09","modified_gmt":"2026-06-11T10:11:09","slug":"memberships","status":"publish","type":"page","link":"https:\/\/syram.in\/login\/memberships\/","title":{"rendered":"Memberships"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4052\" class=\"elementor elementor-4052\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c52ab2 e-con e-atomic-element e-flexbox-base e-daad557 \" data-id=\"4c52ab2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4c52ab2\">\n    \t\t<div class=\"elementor-element elementor-element-12df547 elementor-widget elementor-widget-html\" data-id=\"12df547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO BANNER -->\r\n<div class=\"syram-hero\">\r\n  <div class=\"syram-hero__content\">\r\n    <span class=\"syram-hero__eyebrow\">\u2726 Syram Learning<\/span>\r\n    <h1 class=\"syram-hero__title\">The Future<br>of Learning<\/h1>\r\n    <p class=\"syram-hero__subtitle\">Transform your career with expert-led courses<\/p>\r\n    <div class=\"syram-hero__meta\">\r\n      <span class=\"syram-hero__pill\">Presented By<\/span>\r\n      <span class=\"syram-hero__pill syram-hero__pill--brand\">Syram.in<\/span>\r\n    <\/div>\r\n    <p class=\"syram-hero__students\">646 students enrolled<\/p>\r\n  <\/div>\r\n  <div class=\"syram-hero__visual\">\r\n    <div class=\"syram-hero__visual-glow\">\r\n      <div class=\"syram-hero__visual-inner\">\ud83c\udf93<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MEMBERSHIP SECTION -->\r\n<div class=\"syram-membership\">\r\n  <h2 class=\"syram-membership__heading\">Members Club<\/h2>\r\n\r\n  <ul class=\"syram-features\">\r\n    <li><span class=\"syram-features__check\">\u2713<\/span> Interact with instructors and peers<\/li>\r\n    <li><span class=\"syram-features__check\">\u2713<\/span> Exclusive courses and blogs<\/li>\r\n    <li><span class=\"syram-features__check\">\u2713<\/span> Life-Time LMS Access<\/li>\r\n    <li><span class=\"syram-features__check\">\u2713<\/span> Mock Interviews<\/li>\r\n    <li><span class=\"syram-features__check\">\u2713<\/span> Portfolio Building<\/li>\r\n  <\/ul>\r\n\r\n  <p class=\"syram-plans__label\">Choose a membership plan<\/p>\r\n\r\n  <!-- Yearly \u2014 Product ID: 4073 -->\r\n  <div class=\"syram-plan active\"\r\n       data-product-id=\"4073\"\r\n       data-label=\"Buy Yearly Plan For \u20b92500\"\r\n       onclick=\"syramSelectPlan(this)\">\r\n    <div class=\"syram-plan__radio\"><\/div>\r\n    <div class=\"syram-plan__info\">\r\n      <div class=\"syram-plan__name-row\">\r\n        <span class=\"syram-plan__name\">Yearly<\/span>\r\n        <span class=\"syram-plan__badge syram-plan__badge--recommended\">Recommended<\/span>\r\n        <span class=\"syram-plan__badge syram-plan__badge--discount\">50% Discount<\/span>\r\n      <\/div>\r\n      <span class=\"syram-plan__billing\">Billed yearly \u2013 \u20b92500<\/span>\r\n    <\/div>\r\n    <div class=\"syram-plan__price\">\r\n      <span class=\"syram-plan__amount\">\u20b92500<\/span>\r\n      <span class=\"syram-plan__original\">\u20b95000<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Quarterly \u2014 Product ID: 4075 -->\r\n  <div class=\"syram-plan\"\r\n       data-product-id=\"4075\"\r\n       data-label=\"Buy Quarterly Plan For \u20b9850\"\r\n       onclick=\"syramSelectPlan(this)\">\r\n    <div class=\"syram-plan__radio\"><\/div>\r\n    <div class=\"syram-plan__info\">\r\n      <div class=\"syram-plan__name-row\">\r\n        <span class=\"syram-plan__name\">Quarterly<\/span>\r\n      <\/div>\r\n      <span class=\"syram-plan__billing\">Billed quarterly \u2013 \u20b9850<\/span>\r\n    <\/div>\r\n    <div class=\"syram-plan__price\">\r\n      <span class=\"syram-plan__amount\">\u20b9850<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Monthly \u2014 Product ID: 4078 -->\r\n  <div class=\"syram-plan\"\r\n       data-product-id=\"4078\"\r\n       data-label=\"Buy Monthly Plan For \u20b9200\"\r\n       onclick=\"syramSelectPlan(this)\">\r\n    <div class=\"syram-plan__radio\"><\/div>\r\n    <div class=\"syram-plan__info\">\r\n      <div class=\"syram-plan__name-row\">\r\n        <span class=\"syram-plan__name\">Monthly<\/span>\r\n      <\/div>\r\n      <span class=\"syram-plan__billing\">Billed every month<\/span>\r\n    <\/div>\r\n    <div class=\"syram-plan__price\">\r\n      <span class=\"syram-plan__amount\">\u20b9200<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CTA Button -->\r\n  <button type=\"button\" class=\"syram-cta\" id=\"syram-cta-btn\" onclick=\"syramBuyNow()\">\r\n    Buy Yearly Plan For \u20b92500\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  .syram-hero {\r\n    max-width: 700px; margin: 48px auto 0; border-radius: 18px; overflow: hidden;\r\n    background: linear-gradient(135deg, #0a0f2c 60%, #0d2060 100%);\r\n    display: flex; min-height: 200px; box-shadow: 0 8px 40px rgba(0,0,0,0.18);\r\n  }\r\n  .syram-hero__content { padding: 36px 40px; flex: 1; display: flex; flex-direction: column; justify-content: center; }\r\n  .syram-hero__eyebrow {\r\n    display: inline-block; background: rgba(0,230,210,0.12); color: #00e6d2;\r\n    font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n    padding: 4px 12px; border-radius: 20px; margin-bottom: 16px;\r\n    border: 1px solid rgba(0,230,210,0.25); width: fit-content;\r\n  }\r\n  .syram-hero__title { font-size: 32px; font-weight: 800; line-height: 1.2; color: #00e6d2; margin-bottom: 10px; }\r\n  .syram-hero__subtitle { font-size: 13px; color: rgba(255,255,255,0.65); margin-bottom: 22px; }\r\n  .syram-hero__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\r\n  .syram-hero__pill {\r\n    font-size: 11px; font-weight: 600; padding: 5px 14px; border-radius: 20px;\r\n    background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7);\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n  }\r\n  .syram-hero__pill--brand { background: rgba(0,230,210,0.15); color: #00e6d2; border-color: rgba(0,230,210,0.3); }\r\n  .syram-hero__students { font-size: 11px; color: rgba(255,255,255,0.45); margin-top: 12px; }\r\n  .syram-hero__visual {\r\n    width: 240px; flex-shrink: 0; position: relative; overflow: hidden;\r\n    background: linear-gradient(135deg, #0d2060 0%, #1a3a8c 50%, #0a0f2c 100%);\r\n  }\r\n  .syram-hero__visual-glow {\r\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n    width: 140px; height: 140px; border-radius: 50%;\r\n    border: 2px solid rgba(0,230,210,0.3);\r\n    box-shadow: 0 0 0 20px rgba(0,230,210,0.05), 0 0 0 40px rgba(0,230,210,0.03);\r\n    display: flex; align-items: center; justify-content: center;\r\n  }\r\n  .syram-hero__visual-inner {\r\n    width: 80px; height: 80px; border-radius: 50%;\r\n    background: rgba(0,230,210,0.1); border: 2px solid rgba(0,230,210,0.5);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 32px; animation: syramPulse 3s ease-in-out infinite;\r\n  }\r\n  @keyframes syramPulse {\r\n    0%, 100% { box-shadow: 0 0 0 0 rgba(0,230,210,0.3); }\r\n    50%       { box-shadow: 0 0 0 16px rgba(0,230,210,0); }\r\n  }\r\n  .syram-membership { max-width: 700px; margin: 0 auto; padding: 48px 20px 60px; }\r\n  .syram-membership__heading { font-size: 28px; font-weight: 800; text-align: center; color: #1a1a2e; margin-bottom: 28px; }\r\n  .syram-features { list-style: none; margin-bottom: 40px; padding: 0; }\r\n  .syram-features li {\r\n    display: flex; align-items: center; gap: 12px; padding: 8px 0;\r\n    font-size: 14px; color: #3a3a5c; font-weight: 500;\r\n    border-bottom: 1px solid rgba(0,0,0,0.05);\r\n  }\r\n  .syram-features li:last-child { border-bottom: none; }\r\n  .syram-features__check {\r\n    width: 20px; height: 20px; border-radius: 50%;\r\n    background: rgba(0,178,163,0.1); border: 1.5px solid #00b2a3;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0; color: #00b2a3; font-size: 10px; font-weight: 700;\r\n  }\r\n  .syram-plans__label { font-size: 13px; font-weight: 600; color: #8888aa; text-align: center; margin-bottom: 16px; }\r\n  .syram-plan {\r\n    border: 2px solid #e8e8f0; border-radius: 12px; padding: 16px 20px; margin-bottom: 10px;\r\n    cursor: pointer; background: #fff; transition: border-color 0.2s, box-shadow 0.2s;\r\n    display: flex; align-items: center; gap: 14px;\r\n  }\r\n  .syram-plan:hover { border-color: #00b2a3; box-shadow: 0 2px 12px rgba(0,178,163,0.12); }\r\n  .syram-plan.active { border-color: #2563eb; background: #f0f6ff; box-shadow: 0 4px 18px rgba(37,99,235,0.1); }\r\n  .syram-plan__radio {\r\n    width: 18px; height: 18px; border-radius: 50%; border: 2px solid #cccce0;\r\n    flex-shrink: 0; display: flex; align-items: center; justify-content: center;\r\n  }\r\n  .syram-plan.active .syram-plan__radio { border-color: #2563eb; background: #2563eb; }\r\n  .syram-plan.active .syram-plan__radio::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; display: block; margin: auto; }\r\n  .syram-plan__info { flex: 1; }\r\n  .syram-plan__name-row { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; flex-wrap: wrap; }\r\n  .syram-plan__name { font-size: 14px; font-weight: 700; color: #1a1a2e; }\r\n  .syram-plan__badge { font-size: 9px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 2px 8px; border-radius: 20px; }\r\n  .syram-plan__badge--recommended { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }\r\n  .syram-plan__badge--discount { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }\r\n  .syram-plan__billing { font-size: 12px; color: #8888aa; }\r\n  .syram-plan__price { text-align: right; flex-shrink: 0; }\r\n  .syram-plan__amount { font-size: 16px; font-weight: 800; color: #2563eb; }\r\n  .syram-plan__original { font-size: 11px; color: #bbb; text-decoration: line-through; display: block; }\r\n  .syram-cta {\r\n    display: block; width: 100%; text-align: center; margin-top: 24px; padding: 16px 24px;\r\n    background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff;\r\n    font-size: 15px; font-weight: 700; border-radius: 10px; border: none;\r\n    cursor: pointer; transition: transform 0.15s, box-shadow 0.15s;\r\n    box-shadow: 0 4px 16px rgba(37,99,235,0.3);\r\n  }\r\n  .syram-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,99,235,0.4); }\r\n  @media (max-width: 640px) {\r\n    .syram-hero { flex-direction: column; }\r\n    .syram-hero__visual { width: 100%; height: 120px; }\r\n    .syram-hero__title { font-size: 24px; }\r\n    .syram-membership { padding: 32px 16px 48px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  var syramSelectedId = '4073';\r\n\r\n  function syramSelectPlan(el) {\r\n    document.querySelectorAll('.syram-plan').forEach(function(p) {\r\n      p.classList.remove('active');\r\n    });\r\n    el.classList.add('active');\r\n    syramSelectedId = el.getAttribute('data-product-id');\r\n    document.getElementById('syram-cta-btn').textContent = el.getAttribute('data-label');\r\n  }\r\n\r\n  function syramBuyNow() {\r\n    var btn = document.getElementById('syram-cta-btn');\r\n    btn.textContent = 'Please wait...';\r\n    btn.disabled = true;\r\n\r\n    \/\/ Step 1: Clear the cart first\r\n    fetch('https:\/\/syram.in\/login\/?wc-ajax=get_refreshed_fragments', {\r\n      method: 'GET',\r\n      credentials: 'include'\r\n    })\r\n    .then(function() {\r\n      \/\/ Step 2: Empty cart via WooCommerce session\r\n      return fetch('https:\/\/syram.in\/login\/cart-2\/?empty_cart=true', {\r\n        method: 'GET',\r\n        credentials: 'include'\r\n      });\r\n    })\r\n    .then(function() {\r\n      \/\/ Step 3: Add selected product to cart via AJAX\r\n      var formData = new FormData();\r\n      formData.append('product_id', syramSelectedId);\r\n      formData.append('quantity', '1');\r\n      formData.append('action', 'woocommerce_add_to_cart');\r\n\r\n      return fetch('https:\/\/syram.in\/login\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        credentials: 'include',\r\n        body: formData\r\n      });\r\n    })\r\n    .then(function() {\r\n      \/\/ Step 4: Go to checkout\r\n      window.location.href = 'https:\/\/syram.in\/login\/checkout\/';\r\n    })\r\n    .catch(function() {\r\n      window.location.href = 'https:\/\/syram.in\/login\/checkout\/';\r\n    });\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d4dbb53 e-con e-atomic-element e-flexbox-base e-df8b08f \" data-id=\"d4dbb53\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d4dbb53\">\n    \n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>\u2726 Syram Learning The Futureof Learning Transform your career with expert-led courses Presented By Syram.in 646 students enrolled \ud83c\udf93 Members<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_tutorstarter_page_metadata":[],"footnotes":""},"class_list":["post-4052","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/pages\/4052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/comments?post=4052"}],"version-history":[{"count":36,"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/pages\/4052\/revisions"}],"predecessor-version":[{"id":4136,"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/pages\/4052\/revisions\/4136"}],"wp:attachment":[{"href":"https:\/\/syram.in\/login\/wp-json\/wp\/v2\/media?parent=4052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}