<?php

include 'hicashglobal.php';

?>

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

<head>
    <meta charset="UTF-8">
    <title>Travel Payments</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

        body {
            background: #f5f6f7;
            color: #111;
        }

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

        .text-center {
            text-align: center;
        }

        .section-title {
            text-align: center;
            margin-bottom: 40px;
            font-size: 28px;
        }

        .hero {
            padding: 80px 0;
            background: white;
        }

        .hero-flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
        }

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

        .hero-text p {
            color: #555;
            margin-bottom: 20px;
        }

        .small-text {
            font-size: 12px;
            color: #777;
            letter-spacing: 2px;
        }

        .btn {
            background: #00c853;
            color: white;
            padding: 12px 25px;
            text-decoration: none;
            border-radius: 6px;
        }

        .btn-outline {
            border: 2px solid #00c853;
            color: #00c853;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 6px;
        }

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

        .trusted {
            padding: 60px 0;
        }

        .logos {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-top: 30px;
            flex-wrap: wrap;
        }

        .solutions {
            padding: 80px 0;
            background: white;
        }

        .card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .card {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }

        .card img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 15px;
        }

        .feature {
            padding: 80px 0;
        }

        .feature-flex {
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .feature-text h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        .link {
            color: #00c853;
            text-decoration: none;
            font-weight: bold;
        }

        .features-grid {
            padding: 80px 0;
            background: white;
        }

        .grid-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }

        .box img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 15px;
        }

        .report {
            padding: 80px 0;
        }

        .stories {
            padding: 80px 0;
            background: white;
        }

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

            .hero-flex,
            .feature-flex {
                flex-direction: column;
            }

            .grid-2 {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>

<body>

    <!-- HERO SECTION -->
    <section class="hero">
        <div class="container hero-flex">
            <div class="hero-text">
                <span class="small-text">Hicash FOR TRAVEL</span>
                <h1>Payments built for<br>hospitality and travel</h1>
                <p>
                    From booking to check-in and beyond, discover the financial
                    technology platform that simplifies the complexities of global travel.
                </p>
                <a href="#" class="btn">Get in touch</a>
            </div>

            <div class="hero-img">
                <img src="./timage.webp" alt="Hero Image">
            </div>
        </div>
    </section>


    <!-- TRUSTED SECTION -->
    <section class="trusted">
        <div class="container text-center">
            <h3>Trusted by the world's leading hotels, airlines, and online travel agencies</h3>

            <div class="logos">
                <img src="images/logo1.png">
                <img src="images/logo2.png">
                <img src="images/logo3.png">
                <img src="images/logo4.png">
                <img src="images/logo5.png">
            </div>
        </div>
    </section>


    <!-- SOLUTIONS SECTION -->
    <section class="solutions">
        <div class="container">
            <h2 class="section-title">Payment solutions for every travel-related industry</h2>

            <div class="card-grid">
                <div class="card">
                    <img src="./timage2.webp">
                    <h4>Hospitality</h4>
                    <p>Transform guest experiences from check-in to check-out.</p>
                </div>

                <div class="card">
                    <img src="./timage3.webp">
                    <h4>Airlines</h4>
                    <p>Look beyond ticket sales and boost your bottom line with payments.</p>
                </div>

                <div class="card">
                    <img src="./timage4.webp">
                    <h4>Online Travel Agencies</h4>
                    <p>Turn lookers into bookers and increase margins on every booking.</p>
                </div>
            </div>
        </div>
    </section>


    <!-- FEATURE SECTION -->
    <section class="feature">
        <div class="container feature-flex">
            <div class="feature-img">
                <img src="./timage5.webp" height="500px">
            </div>

            <div class="feature-text">
                <h2>Improve travel with more ways to pay</h2>
                <p style="margin-bottom: 20px;">
                    Reach more travelers and guests by giving them more payment options.
                    Deliver exceptional, personalized experiences at every touchpoint.
                </p>
                <a href="#" class="link">Discover all our payment methods →</a>
            </div>
        </div>
    </section>


    <!-- 4 BOX FEATURES -->
    <section class="features-grid">
        <div class="container grid-2">

            <div class="box">
                <img src="./timage6.webp">
                <h4>Support payments on every channel</h4>
                <p>Handle the complexities of travel and add-ons with a single integration that supports in-person and
                    online payments globally, across all channels.

                </p>
            </div>

            <div class="box">
                <img src="./timage7.webp">
                <h4>Navigate global complexities with less work</h4>
                <p>Expand into new markets in compliance with local regulations and payment preferences. Manage multiple
                    entities and payment flows from a single platform.

                </p>
            </div>

            <div class="box">
                <img src="./timage9.webp">
                <h4>Optimize operational efficiency</h4>
                <p>Save on operational costs with a single global payment platform. Support your bottom line by
                    automating back-office processes like reconciliation and reporting.

                </p>
            </div>

            <div class="box">
                <img src="./timage10.webp">
                <h4>Automate risk management for safe travel</h4>
                <p>Stay ahead of fraud with AI and keep travelers data safe. Reduce manual risk rules and chargeback
                    reviews with a fraud solution trained on $1.3 trillion worth of payment data.

                </p>
            </div>

        </div>
    </section>


    <!-- REPORT SECTION -->
    <section class="report">
        <div class="container feature-flex">
            <div class="feature-text">
                <h2>Check in with the hotel industry</h2>
                <p style="margin-bottom: 30px;">
                    AI assistants and self-service are here to stay. Discover what travelers in 2025 want and how the
                    industry is responding by jumping into a story or exploring the full chapters.
                </p>
                <a href="#" class="btn-outline">Get the report</a>
            </div>

            <div class="feature-img">
                <img src="./timage11.webp" height="400px">
            </div>
        </div>
    </section>


    <!-- CUSTOMER STORIES -->
    <section class="stories">
        <div class="container">
            <h2 class="section-title">Customer stories</h2>

            <div class="card-grid">
                <div class="card">
                    <img src="./timage13.webp">
                    <h4>How Belmond increased guest satisfaction</h4>
                </div>

                <div class="card">
                    <img src="./timage12.webp">
                    <h4>B&B HOTELS: Driving business growth</h4>
                </div>

                <div class="card">
                    <img src="./timage14.webp">
                    <h4>Klook boosts revenue</h4>
                </div>
            </div>
        </div>
    </section>



    <?php


include 'mainseesion.php';
include 'footer.php';

?>

</body>

</html>