/home/alasriac/public_html/includes/translations.php        <header class="masthead">
            <div class="container">
                <div class="masthead-subheading">Outsourcing, Custom Projects & More</div>
                <div class="masthead-heading text-uppercase">Our Services</div>
                <!-- <a class="btn btn-primary btn-xl text-uppercase" href="#services">Tell Me More</a> -->
            </div>
        </header>
</main>
<!-- Footer-->
<footer class="footer py-4 text-white" style="background:linear-gradient( #E78200,#333);">
<button class="back-to-top d-flex flex-column" id="backToTop" title="Back to Top"><svg class="d-block" fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-back-to-top-arrow-4.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M8 6.74 11.748 2l3.75 4.74h-3l.001 14.998H11V6.74z"></path></svg><span style="font-size:0.6rem" class="d-block">TOP </span></button>
            <div class="container">
                <div class="row">                    
                    <div class="col-md-3 my-3 my-lg-0 d-flex flex-column justify-content-center justify-content-lg-start text-lg-">
                        <div class="d-flex justify-content-center justify-content-lg-start">
                        <i class="fa-solid fa-location-pin fa-2xl me-2"></i>
                        <h3 class="h4">Address</h3>
</div>
                        <p>Office OF-201 A03, Al Mateena, Deira,</p>
                        <p>Dubai, 282007</p>
                        <p>United Arab Emirates</p>
                    </div>
                    <div class="col-md-3 my-3 my-lg-0 d-flex flex-column justify-content-center justify-content-lg-start text-lg-">
                      <div class="d-flex justify-content-center justify-content-lg-start mb-3">
                      <i class="fa-solid fa-envelope fa-2xl me-2"></i>
                      <h3 class="h4">Email</h3>
</div>
                        <p><a class="link-light" href="mailto:info@onisoftware.com">info@onisoftware.com</a></p>
                      <div class="d-flex justify-content-center justify-content-lg-start mt-3">
                      <i class="fa-solid fa-phone fa-2xl me-2"></i>
                      <h3 class="h4">Phone</h3>
</div>
                          <p><a class="link-light" href="tel:+971559501453">+971559501453</a></p>
                      </div>
                      <div class="col-md-3 text-lg-">
                      <div class="d-flex justify-content-center justify-content-lg-start">
                      <i class="fa-brands fa-facebook-f fa-2xl me-3"></i>
                      <h3 class="h4">Facebook</h3>   
</div>                   
                          <p><a class="link-light" target="_blank" href="https://facebook.com/onisoftware">facebook.com/onisoftware</a></p>
                          <div class="d-flex justify-content-center justify-content-lg-start">
                          <i class="fa-brands fa-whatsapp fa-2xl me-3"></i>
                      <h3 class="h4">Whatsapp</h3>   
</div>                   
                          <p><a class="link-light" target="_blank" href="https://api.whatsapp.com/send?phone=971559501453">+971559501453</a></p>
                      </div>
                      <div class="col-md-3 text-lg-">
                      <div class="d-flex justify-content-center justify-content-lg-start">
                      <i class="fa-solid fa-circle-info fa-2xl me-3"></i>
                      <h3 class="h5">Learn More</h3>
</div>
                        <div class="text-lg-" >
                          <ul style="list-style-type:none">
                        <li><button class="btn btn-link link-light text-decoration-none" style="font-size: 14px;font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;font-weight: bold;" onclick="LoadContentInModal('privacy')" data-bs-toggle="modal" href="#staticcontentmodal">Privacy Policy</a></button></li>
                        <li><button class="btn btn-link link-light text-decoration-none" style="font-size: 14px;font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;font-weight: bold;" onclick="LoadContentInModal('terms')" data-bs-toggle="modal" href="#staticcontentmodal">Terms of Use</button></li>
                        <li><button class="btn btn-link link-light text-decoration-none" style="font-size: 14px;font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;font-weight: bold;" onclick="LoadContentInModal('faq')" data-bs-toggle="modal" href="#staticcontentmodal">FAQ</a></button></li>
                        <li><img src="https://onisoftware.com/assets/img/paymentmethods.webp" width="100" alt="visa & mastercard logos"/></li>
</ul>
                    </div>                      
                  </div>
                </div>
                <div class="container">
                <div class="border-top pt-3" style="border-top: solid 1px #888">Copyright &copy; ONI Software 2025</div>
</div>
            </div>
        </footer>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <!-- Core theme JS-->
         <!-- Bootstrap core JS-->
        <script src="https://onisoftware.com/js/scripts.js"></script>
        <script>
  const backToTopButton = document.getElementById('backToTop');

// Create an Intersection Observer with options to consider the first 100vh
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      // Hide the backToTopButton if it's within the first 100vh of the screen
      backToTopButton.style.display = 'none';
      // console.log('backToTopButton hidden because it is within the first 100vh.');
    }
  });
}, {
  root: null,         // Use the viewport as the root
  rootMargin: '0px',  // No margin
  threshold: [0],     // Trigger when any part of the backToTopButton enters
});

// Start observing the backToTopButton
observer.observe(backToTopButton);


// Add click event listener to scroll to the top of the page
backToTopButton.addEventListener('click', () => {
    window.scrollTo({
        top: 0,
        behavior: 'smooth' // Smooth scroll effect
    });
});
function scrollToHash(hash) {
        setTimeout(() => {            
            location = hash;
        }, 500);
}

function LoadContentInModal(contentName){
fetch(`https://onisoftware.com/${contentName}`)
    .then((response) => response.text())
    .then((html) => {
        document.getElementById("static_content").innerHTML = html;
    })
    .catch((error) => {
        console.warn(error);
    });
}

function handleLanguageSwitch(){
  var langswitch=document.getElementById("langswitcher");
  if (langswitch.checked) {
                document.cookie="lang=en";
                console.log('Checkbox is checked');
            } else {
              document.cookie="lang=ar";
                console.log('Checkbox is unchecked');
            }   
            
            setTimeout(() => {
              location.reload();                 
            }, 1000);
}

function DownloadTrial(appName){
  const form=document.getElementById('downloadform'+appName);
if (!form.checkValidity())   return showFailed();

const formData = new FormData(form);
formData.append("appname",appName);
const data = Object.fromEntries(formData.entries());

            // Send the form data using fetch
            const submitButton=document.getElementById("proceedDownload");
            submitButton.disabled=true;
            fetch("./lib/download_app.php", { // Replace with your endpoint
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json', // Send as JSON
                },
                body: JSON.stringify(data), // Convert data to JSON
            })
            .then(response => {
                // Display the response message
                // document.getElementById('responseMessage').textContent = data.message;
                document.getElementById("SubmitInfoToDownloadForm").classList.add("d-none");
                document.getElementById("DownloadLinks"+appName).classList.remove("d-none");
            })
            .catch(error => {
                console.error('Error:', error);
                // document.getElementById('responseMessage').textContent = 'An error occurred while submitting the form.';
            })
            .finally(()=> {
              submitButton.disabled=false;
            });     
}

/*fetch('your-backend-url', {
    method: 'POST',
    body: formData // Replace with your form data if necessary
})
.then(response => {
    if (!response.ok) {
        throw new Error('Network response was not ok');
    }
    return response.blob(); // Get the response as a Blob
})
.then(blob => {
    // Create a link element and trigger a download
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'downloaded-file.pdf'; // The filename you want to give
    document.body.appendChild(a);
    a.click();
    a.remove();
    window.URL.revokeObjectURL(url); // Clean up the URL
})
.catch(error => console.error('Error during file download:', error));*/

        </script>
    
    </body>
    </html>