<?php

include 'hicashglobal.php';

?>


<!DOCTYPE html>
<html>

<head>
    <title>Online Payments</title>
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

    <style>
        .payment-icons {
            display: flex;
            gap: 20px;
            font-size: 45px;
            justify-content: center;
            align-items: center;
            padding: 40px 0;
        }

        .payment-icons i {
            color: #0a2540;
            background: white;
            padding: 15px;
            border-radius: 12px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            transition: 0.3s;
        }

        .payment-icons i:hover {
            transform: translateY(-5px);
        }



        body {
            margin: 0;
            font-family: Arial;
            color: #0a2540;
        }

        .container {
            width: 90%;
            max-width: 1200px;
            margin: auto;
        }

        .hero {
            padding: 80px 0;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            gap: 40px;
        }

        .hero h1 {
            font-size: 48px;
        }

        .hero-img {
            width: 100%;
            border-radius: 20px;
        }

        .btn {
            background: #00c26f;
            color: white;
            padding: 12px 25px;
            text-decoration: none;
            border-radius: 8px;
            display: inline-block;
            margin-top: 15px;
        }

        .logos {
            padding: 40px 0;
            background: #f5f7f9;
        }

        .logo-row {
            display: flex;
            justify-content: space-between;
            opacity: 0.6;
        }

        .services {
            padding: 80px 0;
            text-align: center;
        }

        .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 40px;
        }

        .card {
            padding: 30px;
            background: #f7f9fc;
            border-radius: 15px;
        }

        .payment-strip {
            padding: 40px;
            background: #eef2f5;
        }

        .icons {
            display: flex;
            justify-content: space-around;
        }

        .icon {
            width: 60px;
            height: 60px;
            background: white;
            border-radius: 12px;
        }

        .image-section img {
            width: 100%;
            border-radius: 20px;
        }

        .cta {
            background: #00c26f;
            color: white;
            text-align: center;
            padding: 60px 20px;
        }





        .payment-methods{
    background:#f4f6f8;
    padding:80px 20px;
    text-align:center;
}

.center{
    max-width:1000px;
    margin:auto;
}

.payment-methods h2{
    font-size:36px;
    margin-bottom:15px;
}

.sub{
    color:#555;
    margin-bottom:15px;
}

.discover{
    color:#00c26f;
    text-decoration:none;
    font-weight:600;
    display:inline-block;
    margin-bottom:40px;
}

/* icons row */
.method-icons{
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

.method{
    width:95px;
    height:95px;
    border-radius:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    color:white;
}

/* colors */
.green{ background:#39b54a; }
.red{ background:#f04c5b; }
.blue{ background:#3aa0d1; }
.yellow{ background:#f2c94c; color:#222; }
.purple{ background:#4f5aa6; }
.gray{ background:#cfd6dd; color:#0a2540; }





.faq{
    padding:80px 0;
    background:#f6f7f9;
}

.faq h2{
    margin-bottom:40px;
}

.faq-item{
    border-bottom:1px solid #ddd;
}

.faq-question{
    width:100%;
    text-align:left;
    padding:20px 0;
    font-size:18px;
    background:none;
    border:none;
    cursor:pointer;
    position:relative;
}

/* arrow icon */
.faq-question::after{
    content:"+";
    position:absolute;
    right:0;
    font-size:22px;
}

.faq-item.active .faq-question::after{
    content:"−";
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:0.4s;
    color:#555;
}

.faq-answer ul{
    padding-left:20px;
}

    </style>
</head>

<body>

    <!-- HERO -->
    <section class="hero">
        <div class="container hero-grid">
            <div>
                <h5>ONLINE PAYMENT</h5>
                <h1>Effortless online payments for you and your customer</h1>
                <p>Accept, process, and settle payments with the online payment solution built for scale. Experience
                    elite payments performance around the world. </p>
                <a href="#" class="btn">Get in touch</a>
            </div>

            <div>
                <img src="./eyJwYXRoIjoiYWR5ZW5cL2ZpbGVcL0diSHJTU0JQc0Y4Tm12RVZNSlpXLmpwZyJ9_adyen_y-EIGPgcMEZIezNo-hP_fTdtkA23km7F9YcW3fWFF_c.webp"
                    class="hero-img">
            </div>
        </div>
    </section>

    <!-- LOGOS -->
    <section class="logos">
        <div class="container logo-row">
            <img src="logo1.png">
            <img src="logo2.png">
            <img src="logo3.png">
            <img src="logo4.png">
            <img src="logo5.png">
        </div>
    </section>

    <!-- SERVICES -->
    <section class="services container">
        <h1>Our online payments services</h1>
        <p>Let your customers pay with their favorite method via web, in-app, or with recurring payments.

        </p>
        <div class="grid-3">
            <div class="card">

                <h3>Full-funnel conversion</h3>
                <p>Avoid drop-off at checkout by offering elite payments experiences and local payment methods to
                    customers.</p>
            </div>
            <div class="card">
                <h3>Reduce overhead</h3>
                <p>Save time and resources. Connect to our API and get access to our complete payments solution.</p>
            </div>
            <div class="card">
                <h3>Increase authorization rates</h3>
                <p>Guard against failed transactions and fraud by leveraging our machine learning optimizations.

                </p>
            </div>
        </div>
    </section>

    <section class="hero">
        <div class="container hero-grid">
            <div>
                <h5>ONLINE PAYMENT</h5>
                <h1>Discover transparent pricing
                </h1>
                <p>Discover the full list of prices for supported payment methods.

                </p>
                <a href="#" class="btn">See Pricing</a>
            </div>

            <div>
                <img src="./imagess.webp" class="hero-img">
            </div>
        </div>
    </section>

    <section class="services container">
        <!-- <h1>Our online payments services</h1>
   <p>Let your customers pay with their favorite method via web, in-app, or with recurring payments.

</p> -->
        <div class="grid-3">
            <div class="card">
                <i class="fa-brands fa-cc-visa"></i>

                <h3>Website payments</h3>
                <p>In-browser payments for web and mobile.</p>
                <a href="#" class="btn btn-primary">Learn more </a>
            </div>
            <div class="card">
                <i class="fa-brands fa-google-pay"></i>
                <h3>In-app payments</h3>
                <p>Native mobile payment experiences.</p>
                <a href="#" class="btn btn-primary">Learn more </a>
            </div>
            <div class="card">
                <i class="fa-brands fa-cc-stripe"></i>

                <h3>Online subscriptions</h3>
                <p>One-click payments and recurring billing.</p>
                <a href="#" class="btn btn-primary">Learn more </a>

            </div>
        </div>
    </section>


<section class="payment-methods">
    <div class="container center">
        <h2>Get first access to local payment methods globally</h2>
        <p class="sub">
            Gain instant access to popular local payment methods with one integration.
        </p>

        <a href="#" class="discover">Discover payment methods →</a>

        <div class="method-icons">

            <div class="method green">
                <i class="fa-brands fa-cc-apple-pay"></i>
            </div>

            <div class="method gray">
                <i class="fa-solid fa-credit-card"></i>
            </div>

            <div class="method red">
                <i class="fa-brands fa-cc-mastercard"></i>
            </div>

            <div class="method blue">
                <i class="fa-brands fa-google-pay"></i>
            </div>

            <div class="method gray">
                <i class="fa-solid fa-building-columns"></i>
            </div>

            <div class="method yellow">
                <i class="fa-brands fa-cc-amex"></i>
            </div>

            <div class="method purple">
                <i class="fa-brands fa-cc-visa"></i>
            </div>

            <div class="method gray">
                <i class="fa-brands fa-cc-paypal"></i>
            </div>

        </div>
    </div>
</section>



<section class="faq">
  <div class="container">
    <h2>Frequently asked questions</h2>

    <div class="faq-item">
        <button class="faq-question">What online payment methods do you offer?</button>
        <div class="faq-answer">
            <p style="color: black;">Hicash offers a wide range of online payment methods. Customers can pay on your website, in-app, or even recurring with our online payments platform with all major payment methods. </p>
            <p style="color: black;">Accept the following online payment methods into your checkout with our financial technology platform: </p>
            <ul  style="color: black;">
                <li  style="color: black;">
                    <strong>Credit cards:</strong> Visa, Mastercard, American Express, Discover, Diners Club, JCB, UnionPay, and all major credit cards.
                </li>
                <li><strong>Debit cards:</strong> Visa Debit, Mastercard Debit, Maestro, and more.</li>
                <li><strong>Digital wallets:</strong> Apple Pay, Google Pay, PayPal, WeChat Pay, Alipay, and more.</li>
                <li><strong>Buy now, pay later:</strong> Klarna, Afterpay, Affirm, and many more.</li>
                <li><strong>Bank transfers: </strong>iDEAL, Sofort, Bancontact, Giropay, EPS, and many more.</li>
                <li><strong>Real-time payments:</strong> PIX, SEPA Instant, and many more.</li>
                <li><strong>Vouchers, prepaid, and gift cards: </strong>Many different providers.</li>
                <p  style="color: black;">The specific payment methods that are available to your business will depend on your location and the types of customers you are targeting. However, we offer a wide range of payment methods to choose from, so you can be sure to find the right ones for your business. Discover popular payment methods from around the world here.
                    In addition to these online payment methods, we also offer a variety of other payment methods, such as in-person payments, mobile payments, and recurring payments.</p>
            </ul>
        </div>
    </div>

    <div class="faq-item">
        <button class="faq-question">Is Hicash’s online payment system secure?</button>
        <div class="faq-answer">
            <p  style="color: black;">Yes, Hicash's online payment system is secure. We use the latest security to protect your data, including:</p>
            <ul  style="color: black;">
                <li><strong>PCI DSS compliance: </strong>Hicash is a PCI DSS Level 1 Service Provider, with PCI DSS compliance assessed by an independent Qualified Security Assessor (QSA) annually.</li>
                <li><strong>Encryption:</strong> We encrypt all customer data, including credit card numbers, before it is transmitted over the internet.n</li>
                <li><strong>Fraud protection:</strong> We use a variety of fraud prevention techniques to protect your customers from fraud, including 3D Secure.</li>
                <li><strong>Security audits: </strong>Hicash's security is regularly audited by independent security firms to ensure that it meets the highest standards.</li>
                <p>In addition to these security measures, we also offer a variety of features to help you protect your customers' data, such as:</p>
                <li><strong>Tokenization: </strong>We allow you to store your customers' payment information as tokens, which are encrypted and cannot be used to make unauthorized payments.</li>
                <li><strong>Recurring payments: </strong>You can set up recurring payments for your customers, which can help to reduce the risk of fraud.</li>
            </ul>
        </div>
    </div>

    <div class="faq-item">
        <button class="faq-question">What businesses is it suitable for?</button>
        <div class="faq-answer">
            <p  style="color: black;">Hicash is suitable for enterprise businesses, including: </p>
            <ul  style="color: black;">
                <li><strong>Ecommerce businesses: </strong>Hicash offers a variety of payment methods that are well-suited for ecommerce businesses, including credit cards, debit cards, digital wallets, and buy now, pay later (BNPL) options.</li>
                <li><strong>Retail businesses:</strong> We offer an array of in-store payment solutions tailored to the needs of retail businesses. Our comprehensive range includes cutting-edge point-of-sale (POS) systems, convenient mobile payments, and secure contactless payment options</li>
                <li><strong>SaaS businesses:</strong> We provide a variety of payment methods that are ideal for SaaS businesses, including recurring payments, subscription payments, and in-app payments.</li>
                <li><strong>Platforms and marketplaces: </strong>Discover a range of payment methods tailored for platforms and marketplaces, including in-app payments, cross-border transactions, and multi-currency support.</li>
            </ul>
        </div>
    </div>

    <div class="faq-item">
        <button class="faq-question">How much are Hicash’s fees for online payments?</button>
        <div class="faq-answer">
            <p>For each transaction, we charge <strong> a fixed processing fee + a fee determined by the payment method.</strong> Other Hicash products, besides payment methods, are priced separately.</p>
            <p>You can find the full list of prices for supported payment methods here. </p>
        </div>
    </div>

    <div class="faq-item">
        <button class="faq-question">Is Hicash a payment gateway?</button>
        <div class="faq-answer">
            <p>Yes, Hicash is a payment gateway. A payment gateway is a company that facilitates the transfer of funds between a customer and a merchant. We provide a platform that allows merchants to accept payments from customers around the world using a variety of payment methods.</p>
            <p>Hicash is also a payment processor, which means that we handle the authorization and settlement of payments. This means that we are responsible for verifying that the customer has the funds to make the payment and for sending the funds to the merchant.

</p>
<p>We have consolidated a payment gateway, payment processor, and an acquiring bank in one platform for both online and in-person payments. Learn more here. 

</p>
        </div>
    </div>

  </div>
</section>


















    <!-- BIG IMAGE SECTION -->
    <!-- <section class="image-section container">
        <img src="team.jpg">
    </section> -->

    <!-- CTA -->
    <!-- <section class="cta">
        <h2>Ready to take the next step?</h2>
        <a href="#" class="btn dark">Get in touch</a>
    </section> -->


    <?php 
include 'mainseesion.php';
include 'footer.php';
?>




<script>
const faqItems = document.querySelectorAll(".faq-item");

faqItems.forEach(item => {
    const btn = item.querySelector(".faq-question");
    btn.addEventListener("click", () => {
        item.classList.toggle("active");

        const answer = item.querySelector(".faq-answer");
        if(item.classList.contains("active")){
            answer.style.maxHeight = answer.scrollHeight + "px";
        } else {
            answer.style.maxHeight = null;
        }
    });
});
</script>


</body>

</html>