templates/website/page/indexes/return.html.twig line 1

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6.     <title>Refund Policy</title>
  8.     <style>
  9.         :root{
  10.             --bg:#0b0f14;
  11.             --panel: rgba(255,255,255,.06);
  12.             --panel2: rgba(255,255,255,.08);
  13.             --text:#e9eef6;
  14.             --muted: rgba(233,238,246,.72);
  15.             --muted2: rgba(233,238,246,.55);
  16.             --line: rgba(233,238,246,.14);
  17.             --accent:#7c5cff;
  18.             --accent2:#2de3a6;
  19.             --shadow: 0 22px 80px rgba(0,0,0,.55);
  20.             --radius: 22px;
  21.             --max: 1120px;
  22.             --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  23.             --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  24.         }
  26.         *{ box-sizing:border-box; }
  27.         html,body{ height:100%; }
  28.         body{
  29.             margin:0;
  30.             font-family: var(--sans);
  31.             color: var(--text);
  32.             background: rgb(21, 20, 20);
  33.             overflow-x:hidden;
  34.         }
  35.         html{
  36.             scroll-behavior:smooth;
  37.             scroll-padding-top:90px;
  38.         }
  40.         /* Subtle grain */
  41.         body:before{
  42.             content:"";
  43.             position:fixed; inset:0;
  44.             background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
  45.             pointer-events:none;
  46.             mix-blend-mode:overlay;
  47.             opacity:.55;
  48.             z-index:-1;
  49.         }
  51.         a{ color:inherit; text-decoration:none; }
  52.         .wrap{ width:min(var(--max), calc(100% - 40px)); margin:0 auto; }
  54.         /* NAV */
  55.         .nav{
  56.             position:sticky; top:0; z-index:50;
  57.             backdrop-filter: blur(14px);
  58.             background: linear-gradient(to bottom, rgba(11,15,20,.78), rgba(11,15,20,.35));
  59.             border-bottom: 1px solid rgba(233,238,246,.10);
  60.         }
  61.         .nav-inner{
  62.             display:flex; align-items:center; justify-content:space-between;
  63.             padding:14px 0;
  64.             gap:14px;
  65.         }
  66.         .brand{
  67.             display:flex; align-items:center; gap:12px;
  68.             user-select:none;
  69.         }
  70.         .brand strong{ font-weight:800; letter-spacing:.2px; }
  71.         .brand small{
  72.             display:block;
  73.             font-family: var(--mono);
  74.             color: var(--muted2);
  75.             margin-top:2px;
  76.             font-size:12px;
  77.         }
  79.         .nav-links{
  80.             display:flex; align-items:center; gap:10px;
  81.             flex-wrap:wrap;
  82.             justify-content:flex-end;
  83.         }
  84.         .pill{
  85.             padding:10px 12px;
  86.             border-radius:999px;
  87.             border:1px solid rgba(233,238,246,.12);
  88.             background: rgba(255,255,255,.05);
  89.             color: var(--muted);
  90.             font-size:13px;
  91.             transition:.2s ease;
  92.             display:flex; align-items:center; gap:8px;
  93.         }
  94.         .pill:hover{ transform: translateY(-1px); border-color: rgba(233,238,246,.22); color: var(--text); }
  96.         .lang{
  97.             display:flex; align-items:center;
  98.             border:1px solid rgba(233,238,246,.14);
  99.             background: rgba(255,255,255,.05);
  100.             border-radius:999px;
  101.             overflow:hidden;
  102.         }
  103.         .lang button{
  104.             appearance:none; border:0; background:transparent;
  105.             color: var(--muted);
  106.             padding:10px 12px;
  107.             font-size:13px;
  108.             cursor:pointer;
  109.             transition:.2s ease;
  110.         }
  111.         .lang button.active{
  112.             background: rgba(255,255,255,.08);
  113.             color: var(--text);
  114.         }
  116.         /* Cards */
  117.         .card{
  118.             border:1px solid rgba(233,238,246,.12);
  119.             background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  120.             border-radius: var(--radius);
  121.             box-shadow: var(--shadow);
  122.             overflow:hidden;
  123.             position:relative;
  124.         }
  125.         .card:after{
  126.             content:"";
  127.             position:absolute; inset:-2px;
  128.             background:
  129.                     radial-gradient(400px 180px at 20% 0%, rgba(124,92,255,.18), transparent 55%),
  130.                     radial-gradient(360px 200px at 90% 0%, rgba(45,227,166,.14), transparent 55%);
  131.             pointer-events:none;
  132.             z-index:0;
  133.         }
  134.         .card > *{ position:relative; z-index:1; }
  136.         section{ padding: 22px 0 16px; }
  137.         .section-card{ padding: 22px; }
  139.         .section-title{
  140.             display:flex; align-items:flex-end; justify-content:space-between;
  141.             gap:12px;
  142.             margin-bottom: 12px;
  143.         }
  144.         .section-title h1{
  145.             margin:0;
  146.             font-size: clamp(22px, 2.2vw, 30px);
  147.             letter-spacing:-.3px;
  148.             line-height:1.2;
  149.         }
  150.         .section-title p{
  151.             margin:0;
  152.             color: var(--muted2);
  153.             font-family: var(--mono);
  154.             font-size: 12px;
  155.         }
  157.         .kicker{
  158.             display:inline-flex;
  159.             align-items:center;
  160.             gap:10px;
  161.             padding:8px 12px;
  162.             border-radius:999px;
  163.             border:1px solid rgba(233,238,246,.14);
  164.             background: rgba(0,0,0,.16);
  165.             color: var(--muted);
  166.             font-family: var(--mono);
  167.             font-size:12px;
  168.             margin-bottom:14px;
  169.         }
  170.         .dot{
  171.             width:8px; height:8px; border-radius:999px;
  172.             background: linear-gradient(135deg, var(--accent), var(--accent2));
  173.             box-shadow: 0 0 0 5px rgba(124,92,255,.16);
  174.         }
  176.         .muted{ color: var(--muted); }
  177.         .mono{ font-family: var(--mono); }
  179.         .line{ height:1px; background: rgba(233,238,246,.10); margin: 14px 0; }
  181.         .policy{
  182.             display:grid;
  183.             grid-template-columns: 1fr;
  184.             gap:12px;
  185.         }
  187.         .mini{
  188.             padding:16px;
  189.             border-radius: 18px;
  190.             border:1px solid rgba(233,238,246,.12);
  191.             background: rgba(0,0,0,.14);
  192.         }
  193.         .mini h3{
  194.             margin:0 0 8px;
  195.             font-size: 14px;
  196.             color: rgba(233,238,246,.92);
  197.             letter-spacing:.2px;
  198.         }
  199.         .mini p{
  200.             margin:0;
  201.             color: var(--muted);
  202.             font-size: 13px;
  203.             line-height:1.65;
  204.         }
  205.         .mini ul{
  206.             margin:10px 0 0;
  207.             padding-left: 18px;
  208.             color: var(--muted);
  209.             font-size: 13px;
  210.             line-height:1.65;
  211.         }
  212.         .mini li{ margin: 6px 0; }
  214.         .callout{
  215.             border:1px solid rgba(124,92,255,.28);
  216.             background:
  217.                     radial-gradient(240px 80px at 20% 30%, rgba(124,92,255,.28), transparent 60%),
  218.                     rgba(255,255,255,.04);
  219.         }
  221.         .btn{
  222.             display:inline-flex; align-items:center; gap:10px;
  223.             border-radius: 14px;
  224.             padding: 12px 14px;
  225.             border: 1px solid rgba(233,238,246,.14);
  226.             background: rgba(255,255,255,.06);
  227.             color: var(--text);
  228.             font-size: 14px;
  229.             transition:.2s ease;
  230.             cursor:pointer;
  231.             user-select:none;
  232.         }
  233.         .btn:hover{ transform: translateY(-1px); border-color: rgba(233,238,246,.24); }
  234.         .btn.primary{
  235.             border-color: rgba(124,92,255,.38);
  236.             background:
  237.                     radial-gradient(200px 60px at 20% 50%, rgba(124,92,255,.35), transparent 60%),
  238.                     radial-gradient(220px 70px at 80% 50%, rgba(45,227,166,.22), transparent 55%),
  239.                     rgba(255,255,255,.06);
  240.         }
  242.         footer{
  243.             padding: 26px 0 44px;
  244.             color: var(--muted2);
  245.             font-size: 12px;
  246.             font-family: var(--mono);
  247.             text-align:center;
  248.         }
  249.     </style>
  250. </head>
  252. <body>
  253. <header class="nav">
  254.     <div class="wrap nav-inner">
  255.         <div class="brand">
  256.             <div>
  257.                 <strong id="t_brand">Your Website</strong>
  258.                 <small id="t_role">Refund Policy • Digital products</small>
  259.             </div>
  260.         </div>
  262.         <div class="nav-links">
  263.             <!-- Adjust these links for your website -->
  264.             <a class="pill" href="/" id="nav_home">Home</a>
  265.             <a class="pill" href="/terms" id="nav_terms">Terms</a>
  266.             <a class="pill" href="/privacy" id="nav_privacy">Privacy</a>
  268.             <div class="lang" aria-label="Language switch">
  269.                 <button id="btnEN" class="active" type="button">EN</button>
  270.                 <button id="btnRU" type="button">RU</button>
  271.             </div>
  272.         </div>
  273.     </div>
  274. </header>
  276. <main class="wrap">
  277.     <section>
  278.         <div class="card section-card">
  279.             <div class="kicker">
  280.                 <span class="dot" aria-hidden="true"></span>
  281.                 <span id="t_kicker">Bank requirement • Clear public policy</span>
  282.             </div>
  284.             <div class="section-title">
  285.                 <h1 id="t_title">Refund Policy</h1>
  286.                 <p id="t_meta">Last updated: <span id="lastUpdated"></span></p>
  287.             </div>
  289.             <p class="muted" id="t_intro">
  290.                 This Refund Policy explains how refunds, returns, and cancellations are handled for purchases made on this website.
  291.                 Our products and services are digital and delivered electronically.
  292.             </p>
  294.             <div class="line"></div>
  296.             <div class="policy">
  297.                 <div class="mini">
  298.                     <h3 id="t_s1">1. Digital Products & Delivery</h3>
  299.                     <p class="muted" id="t_s1p">
  300.                         All products and services sold on this website are digital. After a successful payment, access is provided electronically
  301.                         (for example: account activation, subscription access, downloadable materials, or access to online services).
  302.                     </p>
  303.                 </div>
  305.                 <div class="mini callout">
  306.                     <h3 id="t_s2">2. No Refunds (All Sales Final)</h3>
  307.                     <p class="muted" id="t_s2p">
  308.                         Due to the digital nature of our products and the immediate access granted after purchase, all sales are final.
  309.                         We do not offer refunds, returns, exchanges, or cancellations under any circumstances once a purchase has been completed.
  310.                     </p>
  311.                 </div>
  313.                 <div class="mini">
  314.                     <h3 id="t_s3">3. User Acknowledgement</h3>
  315.                     <p class="muted" id="t_s3p">
  316.                         By completing a purchase, you confirm that you have read and agreed to this Refund Policy and understand that you are purchasing
  317.                         digital services with no possibility of a refund.
  318.                     </p>
  319.                 </div>
  321.                 <div class="mini">
  322.                     <h3 id="t_s4">4. Technical Support</h3>
  323.                     <p class="muted" id="t_s4p">
  324.                         If you experience technical issues accessing the purchased service, please contact us. We will provide technical assistance and attempt
  325.                         to resolve the issue, but refunds will not be provided.
  326.                     </p>
  327.                     <ul>
  328.                         <li id="t_s4l1">Support response time: typically within 24–48 hours.</li>
  329.                         <li id="t_s4l2">We may request screenshots or account/payment details to investigate.</li>
  330.                     </ul>
  331.                 </div>
  333.                 <div class="mini">
  334.                     <h3 id="t_s5">5. Contact Information</h3>
  335.                     <p class="muted" id="t_s5p">
  336.                         If you have questions about this policy or need technical support, contact us:
  337.                         <br/><br/>
  338.                         <span class="mono">Email:</span> <a class="mono" href="mailto:support@yourwebsite.com">support@yourwebsite.com</a><br/>
  339.                         <span class="mono">Phone:</span> <span class="mono">+374 XX XXX XXX</span><br/>
  340.                         <span class="mono">Address:</span> <span class="mono">Yerevan, Armenia</span>
  341.                     </p>
  343.                     <div style="margin-top:12px; display:flex; gap:10px; flex-wrap:wrap;">
  344.                         <a class="btn primary" href="mailto:support@yourwebsite.com" id="t_btnMail">Email support</a>
  345.                         <a class="btn" href="/" id="t_btnBack">Back to website</a>
  346.                     </div>
  347.                 </div>
  348.             </div>
  350.             <div class="line"></div>
  352.             <p class="muted mono" id="t_footerHint">
  353.                 Tip: Put a link to this page in your footer and, on checkout, add a checkbox that the user accepts this policy before paying.
  354.             </p>
  355.         </div>
  356.     </section>
  358.     <footer>
  359.         <span id="t_footer">© <span id="year"></span> • Refund Policy</span>
  360.     </footer>
  361. </main>
  363. <script>
  364.     document.getElementById("year").textContent = new Date().getFullYear();
  366.     // Auto-fill last updated (you can hardcode if you prefer)
  367.     const d = new Date();
  368.     const fmt = d.toLocaleDateString(undefined, { year:"numeric", month:"long", day:"numeric" });
  369.     document.getElementById("lastUpdated").textContent = fmt;
  371.     const dict = {
  372.         en: {
  373.             brand: "Your Website",
  374.             role: "Refund Policy • Digital products",
  375.             nav_home: "Home",
  376.             nav_terms: "Terms",
  377.             nav_privacy: "Privacy",
  379.             kicker: "Bank requirement • Clear public policy",
  380.             title: "Refund Policy",
  381.             intro: "This Refund Policy explains how refunds, returns, and cancellations are handled for purchases made on this website. Our products and services are digital and delivered electronically.",
  382.             footerHint: "Tip: Put a link to this page in your footer and, on checkout, add a checkbox that the user accepts this policy before paying.",
  384.             s1: "1. Digital Products & Delivery",
  385.             s1p: "All products and services sold on this website are digital. After a successful payment, access is provided electronically (for example: account activation, subscription access, downloadable materials, or access to online services).",
  387.             s2: "2. No Refunds (All Sales Final)",
  388.             s2p: "Due to the digital nature of our products and the immediate access granted after purchase, all sales are final. We do not offer refunds, returns, exchanges, or cancellations under any circumstances once a purchase has been completed.",
  390.             s3: "3. User Acknowledgement",
  391.             s3p: "By completing a purchase, you confirm that you have read and agreed to this Refund Policy and understand that you are purchasing digital services with no possibility of a refund.",
  393.             s4: "4. Technical Support",
  394.             s4p: "If you experience technical issues accessing the purchased service, please contact us. We will provide technical assistance and attempt to resolve the issue, but refunds will not be provided.",
  395.             s4l1: "Support response time: typically within 24–48 hours.",
  396.             s4l2: "We may request screenshots or account/payment details to investigate.",
  398.             s5: "5. Contact Information",
  399.             s5p_prefix: "If you have questions about this policy or need technical support, contact us:",
  400.             btnMail: "Email support",
  401.             btnBack: "Back to website",
  403.             footer: "© {{year}} • Refund Policy"
  404.         },
  406.         ru: {
  407.             brand: "Ваш сайт",
  408.             role: "Политика возвратов • Цифровые продукты",
  409.             nav_home: "Главная",
  410.             nav_terms: "Условия",
  411.             nav_privacy: "Конфиденциальность",
  413.             kicker: "Требование банка • Публичная политика",
  414.             title: "Политика возвратов",
  415.             intro: "Эта политика возвратов объясняет, как обрабатываются возвраты, отмены и обмены для покупок на этом сайте. Наши продукты и услуги являются цифровыми и предоставляются в электронном виде.",
  416.             footerHint: "Совет: добавьте ссылку на эту страницу в футер и на странице оплаты сделайте чекбокс, что пользователь принимает эту политику перед оплатой.",
  418.             s1: "1. Цифровые продукты и предоставление доступа",
  419.             s1p: "Все продукты и услуги на этом сайте являются цифровыми. После успешной оплаты доступ предоставляется в электронном виде (например: активация аккаунта, подписка, скачиваемые материалы или доступ к онлайн-сервисам).",
  421.             s2: "2. Возвраты не предусмотрены (все продажи окончательные)",
  422.             s2p: "Из-за цифровой природы продуктов и предоставления доступа сразу после оплаты, все покупки являются окончательными. Мы не предоставляем возвраты, обмены или отмену покупки ни при каких обстоятельствах после завершения оплаты.",
  424.             s3: "3. Подтверждение пользователем",
  425.             s3p: "Совершая оплату, вы подтверждаете, что ознакомились с этой Политикой возвратов и соглашаетесь с тем, что приобретаете цифровые услуги без возможности возврата денежных средств.",
  427.             s4: "4. Техническая поддержка",
  428.             s4p: "Если у вас возникли технические проблемы с доступом к приобретённой услуге, пожалуйста, свяжитесь с нами. Мы окажем техническую помощь и постараемся решить проблему, однако возврат денежных средств не предусмотрен.",
  429.             s4l1: "Время ответа поддержки: обычно в течение 24–48 часов.",
  430.             s4l2: "Мы можем запросить скриншоты или данные аккаунта/платежа для проверки.",
  432.             s5: "5. Контакты",
  433.             s5p_prefix: "Если у вас есть вопросы по этой политике или нужна техническая помощь, свяжитесь с нами:",
  434.             btnMail: "Написать в поддержку",
  435.             btnBack: "Вернуться на сайт",
  437.             footer: "© {{year}} • Политика возвратов"
  438.         }
  439.     };
  441.     function setLang(lang){
  442.         const d = dict[lang];
  444.         document.getElementById("t_brand").textContent = d.brand;
  445.         document.getElementById("t_role").textContent = d.role;
  446.         document.getElementById("nav_home").textContent = d.nav_home;
  447.         document.getElementById("nav_terms").textContent = d.nav_terms;
  448.         document.getElementById("nav_privacy").textContent = d.nav_privacy;
  450.         document.getElementById("t_kicker").textContent = d.kicker;
  451.         document.getElementById("t_title").textContent = d.title;
  452.         document.getElementById("t_intro").textContent = d.intro;
  454.         document.getElementById("t_s1").textContent = d.s1;
  455.         document.getElementById("t_s1p").textContent = d.s1p;
  457.         document.getElementById("t_s2").textContent = d.s2;
  458.         document.getElementById("t_s2p").textContent = d.s2p;
  460.         document.getElementById("t_s3").textContent = d.s3;
  461.         document.getElementById("t_s3p").textContent = d.s3p;
  463.         document.getElementById("t_s4").textContent = d.s4;
  464.         document.getElementById("t_s4p").textContent = d.s4p;
  465.         document.getElementById("t_s4l1").textContent = d.s4l1;
  466.         document.getElementById("t_s4l2").textContent = d.s4l2;
  468.         document.getElementById("t_s5").textContent = d.s5;
  470.         // For the contact paragraph we keep the HTML but replace the leading sentence
  471.         const contactEl = document.getElementById("t_s5p");
  472.         const email = "support@yourwebsite.com";
  473.         const phone = "+374 XX XXX XXX";
  474.         const addr  = "Yerevan, Armenia";
  476.         contactEl.innerHTML =
  477.             `${d.s5p_prefix}<br/><br/>
  478.         <span class="mono">Email:</span> <a class="mono" href="mailto:${email}">${email}</a><br/>
  479.         <span class="mono">Phone:</span> <span class="mono">${phone}</span><br/>
  480.         <span class="mono">Address:</span> <span class="mono">${addr}</span>`;
  482.         document.getElementById("t_btnMail").textContent = d.btnMail;
  483.         document.getElementById("t_btnBack").textContent = d.btnBack;
  485.         document.getElementById("t_footerHint").textContent = d.footerHint;
  486.         document.getElementById("t_footer").textContent = d.footer.replace("{{year}}", new Date().getFullYear());
  488.         document.documentElement.lang = (lang === "ru") ? "ru" : "en";
  489.         document.getElementById("btnEN").classList.toggle("active", lang === "en");
  490.         document.getElementById("btnRU").classList.toggle("active", lang === "ru");
  492.         localStorage.setItem("refund_lang", lang);
  493.     }
  495.     document.getElementById("btnEN").addEventListener("click", ()=>setLang("en"));
  496.     document.getElementById("btnRU").addEventListener("click", ()=>setLang("ru"));
  498.     const saved = localStorage.getItem("refund_lang");
  499.     setLang(saved === "ru" ? "ru" : "en");
  500. </script>
  501. </body>
  502. </html>