<?php
include 'hicashglobal.php';
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Authenticate Page</title>

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">

    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }

        body {
            background: #f4f4f4;
            color: #111;
            line-height: 1.6;
        }

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

        section {
            padding: 80px 0;
        }

        /* HERO */
        .hero {
            display: flex;
            align-items: center;
            gap: 60px;
        }

        .hero-text {
            flex: 1;
        }

        .hero-text small {
            text-transform: uppercase;
            font-weight: 600;
            color: #00b87c;
        }

        .hero-text h1 {
            font-size: 42px;
            margin: 20px 0;
        }

        .hero-text p {
            font-size: 18px;
            color: #555;
            margin-bottom: 25px;
        }

        .btn {
            background: #00b87c;
            padding: 14px 28px;
            color: #fff;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 600;
        }

        .hero-img {
            flex: 1;
        }

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

        /* FEATURES */
        .features {
            display: flex;
            gap: 40px;
            text-align: center;
        }

        .feature {
            flex: 1;
        }

        .feature i {
            font-size: 28px;
            color: #00b87c;
            margin-bottom: 15px;
        }

        .feature h4 {
            margin-bottom: 10px;
        }

        /* SPLIT */
        .split {
            display: flex;
            gap: 60px;
            align-items: center;
        }

        .split img {
            width: 100%;
            border-radius: 10px;
        }

        .split-text {
            flex: 1;
        }

        .split-img {
            flex: 1;
        }

        ul {
            margin-top: 20px;
        }

        ul li {
            margin-bottom: 10px;
            list-style: none;
        }

        ul li i {
            color: #00b87c;
            margin-right: 8px;
        }

        /* LIGHT BG SECTION */
        .light-bg {
            background: #ececec;
        }

        /* QUOTE */
        .quote {
            font-style: italic;
            margin-bottom: 20px;
            font-size: 18px;
        }

        .quote-box {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 20px;
        }

        .quote-logo {
            background: #ddd;
            padding: 15px 30px;
            font-weight: 600;
        }

        /* DARK SECTION */
        .dark {
            background: #0b1c2d;
            color: #fff;
        }

        .dark .split-text p {
            color: #ccc;
        }

        /* TECHNOLOGY CARDS */
        .tech-cards {
            display: flex;
            gap: 30px;
            margin-top: 40px;
        }

        .tech-card {
            flex: 1;
            background: #fff;
            padding: 30px;
            border-radius: 8px;
            border: 1px solid #ddd;
        }

        .tech-card i {
            color: #00b87c;
            font-size: 20px;
            margin-bottom: 10px;
        }

        /* RESPONSIVE */
        @media(max-width:991px) {

            .hero,
            .split,
            .features,
            .tech-cards {
                flex-direction: column;
            }

            .hero-text h1 {
                font-size: 30px;
            }

        }
    </style>
</head>

<body>

    <!-- HERO -->
    <section>
        <div class="container hero">

            <div class="hero-text">
                <small>Authenticate</small>
                <h1>Balance convenience and security with better authentication</h1>
                <p>Provide your customers with a fast and seamless authentication experience.</p>
                <a href="#" class="btn">Get in touch</a>
            </div>

            <div class="hero-img">
                <img src="./imag1.webp" alt="">
            </div>

        </div>
    </section>

    <!-- FEATURES -->
    <section>
        <div class="container features">

            <div class="feature">
                <i class="fa-solid fa-circle-check"></i>
                <h4>Maximize authentication success</h4>
                <p>Use machine learning to automatically choose the best authentication route.</p>
            </div>

            <div class="feature">
                <i class="fa-solid fa-chart-line"></i>
                <h4>Enhance online transactions</h4>
                <p>Reduce fraud while protecting trusted shoppers.</p>
            </div>

            <div class="feature">
                <i class="fa-solid fa-globe"></i>
                <h4>Global compliance made easy</h4>
                <p>Ensure compliance with PSD2 SCA and regulations.</p>
            </div>

        </div>
    </section>

    <!-- SPLIT 1 -->
    <section class="light-bg">
        <div class="container split">

            <div class="split-text">
                <h2>Let our technology do the manual work</h2>
                <p>Authenticate customers seamlessly. Route transactions intelligently based on risk and business
                    policies.</p>

                <ul>
                    <li><i class="fa-solid fa-check"></i> Seamlessly authenticate customers</li>
                    <li><i class="fa-solid fa-check"></i> Route transactions smartly</li>
                    <li><i class="fa-solid fa-check"></i> Tailor processes to your goals</li>
                </ul>
            </div>

            <div class="split-img">
                <img src="./imag2.svg" alt="">
            </div>

        </div>
    </section>

    <!-- SPLIT 2 -->
    <section>
        <div class="container split">

            <div class="split-img">
                <img src="./imag3.webp" alt="">
            </div>

            <div class="split-text">
                <h2>Create a payment experience without interruptions</h2>
                <p>Keep customers happy at checkout with seamless card payments and authentication flows.</p>

                <ul>
                    <li><i class="fa-solid fa-check"></i> Keep customers happy at checkout</li>
                    <li><i class="fa-solid fa-check"></i> Enable card payments without interruption</li>
                    <li><i class="fa-solid fa-check"></i> Support transactions on any device</li>
                </ul>
            </div>

        </div>
    </section>

    <!-- SPLIT 3 -->
    <section class="light-bg">
        <div class="container split">

            <div class="split-text">
                <h2>Authenticate payments effectively with machine learning</h2>
                <p>Automatically apply authentication in regulated countries and reduce fraud risk.</p>

                <ul>
                    <li><i class="fa-solid fa-check"></i> Stay compliant</li>
                    <li><i class="fa-solid fa-check"></i> Streamline authentication</li>
                    <li><i class="fa-solid fa-check"></i> Combat fraud</li>
                </ul>
            </div>

            <div class="split-img">
                <img src="./imag4.webp" alt="">
            </div>

        </div>
    </section>

    <!-- QUOTE -->
    <section>
        <div class="container">

            <p class="quote">"We are focused on maintaining a seamless and rewarding payments experience for our
                consumers, and we chose Hicash’s 3DS solution based on the innovative product features, the ease of
                implementation, and the expertise of their team."</p>

            <div class="quote-box">
                <div class="quote-logo">Uber</div>
                <div>
                    <strong>Marco Mahrous</strong><br>
                    Head of Payments Partnerships
                </div>
            </div>

        </div>
    </section>

    <!-- DARK SECTION -->
    <section class="dark">
        <div class="container split">

            <div class="split-img">
                <img src="./imag5.webp" alt="">
            </div>

            <div class="split-text">
                <h2>The technology behind Adyen Uplift</h2>
                <p>The true power of our AI resides in being able to connect the full funnel and balance key KPIs. We
                    use risk-based intelligence to identify good and bad shoppers based on trillions of dollars worth of
                    global payments data* from a single platform. When we know a shopper is good, our optimizations help
                    them speed through checkout. Our models update continuously to help optimize payments performance
                    according to the latest trends.

                </p>
            </div>

        </div>
    </section>

    <!-- DISCOVER -->
    <section>
        <div class="container">

            <h2>Discover our technology</h2>

            <div class="tech-cards">

                <div class="tech-card">
                    <i class="fa-solid fa-key"></i>
                    <h4>Tokenize</h4>
                    <p>Let repeat customers pay without entering details again.</p>
                </div>

                <div class="tech-card">
                    <i class="fa-solid fa-shield-halved"></i>
                    <h4>Protect</h4>
                    <p>Fraud detection and prevention powered by machine learning.</p>
                </div>

                <div class="tech-card">
                    <i class="fa-solid fa-rocket"></i>
                    <h4>Optimize</h4>
                    <p>Maximize revenue and never miss an opportunity to convert customers.</p>
                </div>

            </div>

        </div>
    </section>


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


</body>

</html>