Terms and Conditions - SUXEDGE Technologies Limited  <meta name="description" content="SUXEDGE is a hybrid technology conglomerate building Africa’s digital backbone: AI systems, cloud infrastructure, advanced research, and institutional partnerships." />  <meta name="keywords" content="AI, cloud infrastructure, digital transformation, government, fintech, smart cities, research, governance, Africa" />  <meta name="author" content="SUXEDGE Technologies Limited" />  <link rel="canonical" href="https://suxedge.com/" />  <meta property="og:type" content="website" /> <meta property="og:title" content="SUXEDGE · engineering the next century of infrastructure" /> <meta property="og:description" content="SUXEDGE is a hybrid technology conglomerate building Africa’s digital backbone: AI systems, cloud infrastructure, advanced research, and institutional partnerships." /> <meta property="og:url" content="https://suxedge.com/" /> <meta property="og:image" content="https://suxedge.com//assets/images/logo.png" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="SUXEDGE · engineering the next century of infrastructure" /> <meta name="twitter:description" content="SUXEDGE is a hybrid technology conglomerate building Africa’s digital backbone: AI systems, cloud infrastructure, advanced research, and institutional partnerships." /> <meta name="twitter:image" content="https://suxedge.com//assets/images/logo.png" />  <link rel="shortcut icon" type="image/x-icon" href="https://suxedge.com//assets/images/favicon.png">   <link href="../assets/css/bootstrap.min.css" rel="stylesheet"/> <link href="../assets/css/font-awesome-pro.min.css" rel="stylesheet"/> <link href="../assets/css/animate.min.css" rel="stylesheet"/> <link href="../assets/css/bexon-icons.css" rel="stylesheet"/> <link href="../assets/css/nice-select.css" rel="stylesheet"/> <link href="../assets/css/swiper.min.css" rel="stylesheet"/> <link href="../assets/css/venobox.min.css" rel="stylesheet"/> <link href="../assets/css/odometer-theme-default.css" rel="stylesheet"/> <link href="../assets/css/meanmenu.css" rel="stylesheet"/> <link href="../assets/css/main.css" rel="stylesheet"/> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "TechnologyCompany", "name": "SUX EDGE", "url": "https://www.suxedge.com", "logo": "https://www.suxedge.com/assets/images/logo.png", "description": "SUXEDGE is a hybrid technology conglomerate building Africa’s digital backbone: AI systems, cloud infrastructure, advanced research, and institutional partnerships.", "contactPoint": { "@type": "ContactPoint", "telephone": "+234816 4130600", "contactType": "Customer Service" } } </script> <style> .terms-header { padding: 80px 0; background: linear-gradient(135deg, #050816, #0f172a); text-align: center; } .terms-header h1 { font-weight: 700; font-size: 2.8rem; } .terms-section h4 { margin-top: 40px; font-weight: 600; color: black; } .terms-section p { margin-top: 15px; line-height: 1.8; color: black; } </style> </head> <body style="height: 10170px; overscroll-behavior: none; scroll-behavior: auto;"> <div class="body-overlay"> </div>  <div class="tj-preloader is-loading"> <div class="tj-preloader-inner"> <div class="tj-preloader-ball-wrap"> <div class="tj-preloader-ball-inner-wrap"> <div class="tj-preloader-ball-inner"> <div class="tj-preloader-ball"></div> </div> <div class="tj-preloader-ball-shadow"></div> </div> <div id="tj-weave-anim" class="tj-preloader-text">Loading...</div> </div> </div> <div class="tj-preloader-overlay"></div> </div>  <div class="active" id="tj-back-to-top" style="background: conic-gradient( var(--tj-color-theme-primary) 65%, var(--tj-color-common-white) 65%);"> <span id="tj-back-to-top-percentage"> 65% </span> </div>  <div class="tj-offcanvas-area d-none d-lg-block"> <div class="hamburger_bg"> </div> <div class="hamburger_wrapper"> <div class="hamburger_inner"> <div class="hamburger_top d-flex align-items-center justify-content-between"> <div class="hamburger_logo"> <a class="mobile_logo" href="../"> <img alt="Logo" src="../assets/images/logo_dark.png"/> </a> </div> <div class="hamburger_close"> <button class="hamburger_close_btn"> <i class="fa-thin fa-times"> </i> </button> </div> </div> <div class="offcanvas-text"> <p> SUXEDGE is a hybrid technology conglomerate building Africa’s digital backbone: AI systems, cloud infrastructure, advanced research, and institutional partnerships. </p> </div> <div class="hamburger-search-area"> <h5 class="hamburger-title"> Search Now! </h5> <div class="hamburger_search"> <form action="" method="get"> <button type="submit"> <i class="tji-search"> </i> </button> <input autocomplete="off" name="s" placeholder="Search here..." type="search" value=""/> </form> </div> </div> <div class="hamburger-infos"> <h5 class="hamburger-title"> Contact Info </h5> <div class="contact-info"> <div class="contact-item"> <span class="subtitle"> Phone </span> <a class="contact-link" href="tel:+234816 4130600"> +234816 4130600 </a> </div> <div class="contact-item"> <span class="subtitle"> Email </span> <a class="contact-link" href="mailto:support@suxedge.com"> support@suxedge.com </a> </div> <div class="contact-item"> <span class="subtitle"> Location </span> <span class="contact-link"> OG mega plaza Ughelli, along Ughelli patani express way </span> </div> </div> </div> </div> <div class="hamburger-socials"> <h5 class="hamburger-title"> Follow Us </h5> <div class="social-links style-3"> <ul> <li> <a href="https://www.facebook.com/https://facebook.com/profile.php?id=61576152952928" target="_blank"> <i class="fa-brands fa-facebook-f"> </i> </a> </li> <li> <a href="https://www.instagram.com/https://instagram.com/" target="_blank"> <i class="fa-brands fa-instagram"> </i> </a> </li> <li> <a href="https://x.com/https://x.com/" target="_blank"> <i class="fa-brands fa-x-twitter"> </i> </a> </li> <li> <a href="https://www.linkedin.com/https://www.linkedin.com/in/" target="_blank"> <i class="fa-brands fa-linkedin-in"> </i> </a> </li> </ul> </div> </div> </div> </div>   <div class="hamburger-area d-lg-none"> <div class="hamburger_bg"> </div> <div class="hamburger_wrapper"> <div class="hamburger_inner"> <div class="hamburger_top d-flex align-items-center justify-content-between"> <div class="hamburger_logo"> <a class="mobile_logo" href="../"> <img alt="Logo" src="../assets/images/logo.png"/> </a> </div> <div class="hamburger_close"> <button class="hamburger_close_btn"> <i class="fa-thin fa-times"> </i> </button> </div> </div> <div class="hamburger_menu"> <div class="mobile_menu"> </div> </div> <div class="hamburger-infos"> <h5 class="hamburger-title"> Contact Info </h5> <div class="contact-info"> <div class="contact-item"> <span class="subtitle"> Phone </span> <a class="contact-link" href="tel:+234816 4130600"> +234816 4130600 </a> </div> <div class="contact-item"> <span class="subtitle"> Email </span> <a class="contact-link" href="mailto:support@suxedge.com"> support@suxedge.com </a> </div> <div class="contact-item"> <span class="subtitle"> Location </span> <span class="contact-link"> OG mega plaza Ughelli, along Ughelli patani express way </span> </div> </div> </div> </div> <div class="hamburger-socials"> <h5 class="hamburger-title"> Follow Us </h5> <div class="social-links style-3"> <ul> <li> <a href="https://www.facebook.com/https://facebook.com/profile.php?id=61576152952928" target="_blank"> <i class="fa-brands fa-facebook-f"> </i> </a> </li> <li> <a href="https://www.instagram.com/https://instagram.com/" target="_blank"> <i class="fa-brands fa-instagram"> </i> </a> </li> <li> <a href="https://x.com/https://x.com/" target="_blank"> <i class="fa-brands fa-x-twitter"> </i> </a> </li> <li> <a href="https://www.linkedin.com/https://www.linkedin.com/in/" target="_blank"> <i class="fa-brands fa-linkedin-in"> </i> </a> </li> </ul> </div> </div> </div> </div>  <header class="header-area header-1 header-absolute section-gap-x"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div class="header-wrapper">  <div class="site_logo"> <a class="logo" href="../"> <img alt="" src="../assets/images/logo.png"/> </a> </div>  <div class="menu-area d-none d-lg-inline-flex align-items-center"> <nav class="mainmenu" id="mobile-menu" style="display: block;"> <ul> <li class=""> <a href="../"> Home </a> </li> <li class=""> <a href="../about"> About Us </a> </li> <li class="has-dropdown"> <a href="../services"> Services </a> <ul class="sub-menu mega-menu-service"> <li> <a class="mega-menu-service-single" href="../services"> <span class="mega-menu-service-icon"> <i class="tji-service-1"> </i> </span> <span class="mega-menu-service-title"> Business Strategy Development </span> <span class="mega-menu-service-nav"> <i class="tji-arrow-right-long"> </i> <i class="tji-arrow-right-long"> </i> </span> </a> </li> <li> <a class="mega-menu-service-single" href="../services"> <span class="mega-menu-service-icon"> <i class="tji-service-2"> </i> </span> <span class="mega-menu-service-title"> Customer Experience Solutions </span> <span class="mega-menu-service-nav"> <i class="tji-arrow-right-long"> </i> <i class="tji-arrow-right-long"> </i> </span> </a> </li> <li> <a class="mega-menu-service-single" href="../services"> <span class="mega-menu-service-icon"> <i class="tji-service-3"> </i> </span> <span class="mega-menu-service-title"> Sustainability and ESG Consulting </span> <span class="mega-menu-service-nav"> <i class="tji-arrow-right-long"> </i> <i class="tji-arrow-right-long"> </i> </span> </a> </li> <li> <a class="mega-menu-service-single" href="../trainings"> <span class="mega-menu-service-icon"> <i class="tji-service-4"> </i> </span> <span class="mega-menu-service-title"> Training and Development Programs </span> <span class="mega-menu-service-nav"> <i class="tji-arrow-right-long"> </i> <i class="tji-arrow-right-long"> </i> </span> </a> </li> <li> <a class="mega-menu-service-single" href="../services"> <span class="mega-menu-service-icon"> <i class="tji-service-5"> </i> </span> <span class="mega-menu-service-title"> IT Support & Maintenance </span> <span class="mega-menu-service-nav"> <i class="tji-arrow-right-long"> </i> <i class="tji-arrow-right-long"> </i> </span> </a> </li> <li> <a class="mega-menu-service-single" href="../services"> <span class="mega-menu-service-icon"> <i class="tji-service-6"> </i> </span> <span class="mega-menu-service-title"> Marketing Strategy & Campaigns </span> <span class="mega-menu-service-nav"> <i class="tji-arrow-right-long"> </i> <i class="tji-arrow-right-long"> </i> </span> </a> </li> </ul> </li> <li class=""> <a href="../investors"> Investors </a> </li> <li class=""> <a href="../research"> Research </a> </li> <li class="has-dropdown"> <a href="#"> More.. </a> <ul class="sub-menu"> <li> <a href="../faqs"> Faqs </a> </li> <li> <a href="../divisions"> Divisions </a> </li> <li> <a href="../infrastructure"> Infrastructure </a> </li> <li> <a href="../insights"> Insights </a> </li> <li> <a href="../products"> Products </a> </li> <li> <a href="../trainings"> Training Programs </a> </li> </ul> </li> <li> <a href="../contact"> Contact </a> </li> </ul> </nav> </div>  <div class="header-right-item d-none d-lg-inline-flex"> <div class="header-user"> <a href="../portal" class="user-btn" title="investors login"> <i class="tji-user"></i> </a> </div> <div class="header-button"> <a class="tj-primary-btn" href="../contact"> <span class="btn-text"> <span> Let’s Talk </span> </span> <span class="btn-icon"> <i class="tji-arrow-right-long"> </i> </span> </a> </div> <div class="menu_bar menu_offcanvas d-none d-lg-inline-flex"> <span> </span> <span> </span> <span> </span> </div> </div>  <div class="menu_bar mobile_menu_bar d-lg-none"> <span> </span> <span> </span> <span> </span> </div> </div> </div> </div> </div> </header>  <div id="smooth-wrapper" style="inset: 0px; width: 100%; height: 100%; position: fixed; overflow: hidden;"> <div id="smooth-content" style="translate: none; rotate: none; scale: none; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -6000, 0, 1); box-sizing: border-box; width: 100%; overflow: visible;"> <main class="site-main" id="primary"> <div class="space-for-header"> </div>  <section class="tj-page-header section-gap-x mb-3" data-bg-image="../assets/images/blog-2.webp"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="tj-page-header-content text-center"> <h1 class="tj-page-title">Terms and Conditions</h1> <div class="tj-page-link"> <span><i class="tji-home"></i></span> <span> <a href="../">Home</a> </span> <span><i class="tji-arrow-right"></i></span> <span> <span>Terms and Conditions</span> </span> </div> </div> </div> </div> </div> <div class="page-header-overlay" data-bg-image="../assets/images/pheader-overlay.png"></div> </section>   <section class="terms-section py-5"> <div class="container"> <h4>1. Acceptance of Terms</h4> <p> By accessing and using this website, you agree to comply with and be bound by these Terms and Conditions. If you do not agree with any part of these terms, you must discontinue use of this website immediately. </p> <h4>2. Company Overview</h4> <p> SUXEDGE Technologies Limited operates as a technology infrastructure and innovation company specializing in advanced computing systems, artificial intelligence solutions, distributed technologies, and digital ecosystem development. </p> <h4>3. Use of Website</h4> <p> Users agree to access and use this website solely for lawful purposes. Any unauthorized attempt to modify, disrupt, or gain unauthorized access to systems, data, or infrastructure is strictly prohibited. </p> <h4>4. Intellectual Property</h4> <p> All content on this website, including but not limited to text, graphics, logos, system architecture descriptions, and digital assets, are the property of SUXEDGE Technologies Limited unless otherwise stated. Unauthorized reproduction or distribution is prohibited. </p> <h4>5. Investment & Partnership Disclaimer</h4> <p> Information presented on this website does not constitute an offer to sell, or a solicitation of an offer to buy, securities or financial instruments. All investment discussions are subject to formal agreements and regulatory compliance. </p> <h4>6. Training & Development Programs</h4> <p> Enrollment into SUXEDGE training programs is subject to eligibility review, program availability, and compliance with enrollment guidelines. The company reserves the right to modify or discontinue programs at its discretion. </p> <h4>7. Limitation of Liability</h4> <p> SUXEDGE Technologies Limited shall not be liable for any direct, indirect, incidental, or consequential damages arising from the use or inability to use this website or its associated services. </p> <h4>8. Third-Party Links</h4> <p> This website may contain links to third-party websites for informational purposes. SUXEDGE does not endorse or assume responsibility for external content or services. </p> <h4>9. Modifications to Terms</h4> <p> SUXEDGE Technologies Limited reserves the right to update or modify these Terms at any time without prior notice. Continued use of the website after changes constitutes acceptance of the revised Terms. </p> <h4>10. Governing Law</h4> <p> These Terms and Conditions shall be governed and interpreted in accordance with applicable laws and regulatory frameworks. </p> <hr class="my-5"> <p class="text-muted text-center"> © <span id="year"></span> SUXEDGE Technologies Limited. All Rights Reserved. </p> </div> </section> <section class="tj-cta-section"> <div class="container"> <div class="row"> <div class="col-12"> <div class="cta-area"> <div class="cta-content"> <h2 class="title title-anim" style=""> <div style="display: block; text-align: start; position: relative;"> <div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> L </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> e </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> t </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> ’ </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> s </div> </div> <div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> B </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> u </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> i </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> l </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> d </div> </div> <div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> F </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> u </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> t </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> u </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> r </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> e </div> </div> </div> <div style="display: block; text-align: start; position: relative;"> <div style="position:relative;display:inline-block;"> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> T </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> o </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> g </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> e </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> t </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> h </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> e </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> r </div> <div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; opacity: 0; visibility: hidden; transform: translate(0px, 100%);"> . </div> </div> </div> </h2> <div class="cta-btn wow fadeInUp" data-wow-delay=".6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;"> <a class="tj-primary-btn btn-dark" href="../contact"> <span class="btn-text"> <span> Get Started Now </span> </span> <span class="btn-icon"> <i class="tji-arrow-right-long"> </i> </span> </a> </div> </div> <div class="cta-img"> <img alt="" src="../assets/images/cta-bg.webp"/> </div> </div> </div> </div> </div> </section>  </main>  <footer class="tj-footer-section footer-1 section-gap-x"> <div class="footer-main-area"> <div class="container"> <div class="row justify-content-between"> <div class="col-xl-3 col-lg-4 col-md-6"> <div class="footer-widget wow fadeInUp" data-wow-delay=".1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;"> <div class="footer-logo"> <a href="../"> <img alt="Logos" src="../assets/images/logo.png"/> </a> </div> <div class="footer-text"> <p> SUXEDGE is a hybrid technology conglomerate building Africa’s digital backbone: AI systems, cloud infrastructure, advanced research, and institutional partnerships. </p> </div> <div class="award-logo-area"> <div class="award-logo"> <img alt="" src="../assets/images/award-logo-1.webp"/> </div> <div class="award-logo"> <img alt="" src="../assets/images/award-logo-2.webp"/> </div> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6"> <div class="footer-widget widget-nav-menu wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;"> <h5 class="title"> Services </h5> <ul> <li> <a href="../customer"> Customer Experience </a> </li> <li> <a href="../trainings"> Training Programs </a> </li> <li> <a href="../business"> Business Strategy </a> </li> <li> <a href="../projects"> Projects </a> </li> <li> <a href="../consulting"> ESG Consulting </a> </li> <li> <a href="../development"> Development Hub </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4 col-md-6"> <div class="footer-widget widget-nav-menu wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;"> <h5 class="title"> Resources </h5> <ul> <li> <a href="../contact"> Contact us </a> </li> <li> <a href="../team"> Team Member </a> </li> <li> <a href="../recognitions"> Recognitions </a> </li> <li> <a href="../careers"> Careers <span class="badge"> New </span> </a> </li> <li> <a href="#"> News </a> </li> <li> <a href="#"> Feedback </a> </li> </ul> </div> </div> <div class="col-xl-4 col-lg-5 col-md-6"> <div class="footer-widget widget-subscribe wow fadeInUp" data-wow-delay=".7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;"> <h3 class="title"> Subscribe to Our Newsletter. </h3> <div class="subscribe-form"> <form id="newsletterForm" > <input name="email" placeholder="Enter email" id="SubscribeEmail" type="email"/> <button type="submit" id="SubmitIcon"> <i class="tji-plane"> </i> </button> <label for="agree"> <input id="agree" type="checkbox"/> Agree to our <a href="../terms"> Terms & Condition? </a> </label> </form> </div> </div> </div> </div> </div> </div> <div class="tj-copyright-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="copyright-content-area"> <div class="footer-contact"> <ul> <li> <a href="tel:+234816 4130600"> <span class="icon"> <i class="tji-phone-2"> </i> </span> <span class="text"> +234816 4130600 </span> </a> </li> <li> <a href="mailto:info@https://suxedge.com/"> <span class="icon"> <i class="tji-envelop-2"> </i> </span> <span class="text"> info@https://suxedge.com/ </span> </a> </li> </ul> </div> <div class="social-links"> <ul> <li> <a href="https://www.facebook.com/https://facebook.com/profile.php?id=61576152952928" target="_blank"> <i class="fa-brands fa-facebook-f"> </i> </a> </li> <li> <a href="https://www.instagram.com/https://instagram.com/" target="_blank"> <i class="fa-brands fa-instagram"> </i> </a> </li> <li> <a href="https://x.com/https://x.com/" target="_blank"> <i class="fa-brands fa-x-twitter"> </i> </a> </li> <li> <a href="https://www.linkedin.com/https://www.linkedin.com/in/" target="_blank"> <i class="fa-brands fa-linkedin-in"> </i> </a> </li> </ul> </div> <div class="copyright-text"> <p> © 2026 <a href="../" target="_blank"> SUX EDGE </a> All right reserved </p> </div> </div> </div> </div> </div> </div> <div class="bg-shape-1"> <img alt="" src="../assets/images/pattern-2.svg"/> </div> <div class="bg-shape-2"> <img alt="" src="../assets/images/pattern-3.svg"/> </div> </footer>  <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.4/sweetalert2.all.min.js"></script> <script> document.addEventListener('DOMContentLoaded', () => { const form = document.getElementById('newsletterForm'); const emailInput = document.getElementById('SubscribeEmail'); const icon = document.getElementById('SubmitIcon'); // Change this if your PHP file lives elsewhere const SUBSCRIBE_URL = '../api/subscribe.php'; // <- confirm correct path async function submitSubscription() { const email = emailInput.value.trim(); if (!email) { Swal.fire('Oops!', 'Please enter your email address.', 'warning'); return; } Swal.fire({ title: 'Subscribing...', text: 'Please wait a moment.', allowOutsideClick: false, didOpen: () => Swal.showLoading() }); try { const res = await fetch(SUBSCRIBE_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email }) }); // Helpful debug logging console.log('Subscribe fetch response status:', res.status, res.statusText); // Try to parse JSON; if it fails, read text for debugging let data; const text = await res.text(); try { data = JSON.parse(text); } catch (parseErr) { console.error('Response is not JSON:', text); Swal.close(); Swal.fire('Error', 'Server returned invalid response. Check console (response text).', 'error'); return; } console.log('Subscribe response JSON:', data); Swal.close(); if (data.status === 'success') { Swal.fire('Subscribed!', data.message || 'Thanks for subscribing!', 'success'); emailInput.value = ''; } else if (data.status === 'info') { Swal.fire('Already Subscribed', data.message || "You're already subscribed.", 'info'); } else { // show server-provided message when available Swal.fire('Error', data.message || 'Subscription failed. Check logs.', 'error'); } } catch (err) { // Network or other unexpected error console.error('Subscribe fetch error:', err); Swal.close(); Swal.fire('Error', 'Network or server error. Check console and network tab.', 'error'); } } // Submit when Enter is pressed emailInput.addEventListener('keydown', e => { if (e.key === 'Enter') { e.preventDefault(); submitSubscription(); } }); // Submit when icon is clicked icon.addEventListener('click', submitSubscription); // Prevent default form submit form.addEventListener('submit', e => { e.preventDefault(); submitSubscription(); }); }); </script> </div> </div>  <script src="../assets/js/jquery.min.js"> </script> <script src="../assets/js/bootstrap.bundle.min.js"> </script> <script src="../assets/js/gsap.min.js"> </script> <script src="../assets/js/ScrollSmoother.js"> </script> <script src="../assets/js/gsap-scroll-to-plugin.min.js"> </script> <script src="../assets/js/gsap-scroll-trigger.min.js"> </script> <script src="../assets/js/gsap-split-text.min.js"> </script> <script src="../assets/js/jquery.nice-select.min.js"> </script> <script src="../assets/js/swiper.min.js"> </script> <script src="../assets/js/odometer.min.js"> </script> <script src="../assets/js/venobox.min.js"> </script> <script src="../assets/js/appear.min.js"> </script> <script src="../assets/js/wow.min.js"> </script> <script src="../assets/js/meanmenu.js"> </script> <script src="../assets/js/main.js"> </script> </body> </html>