<?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>POS Landing Sections</title>
    <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: Arial, Helvetica, sans-serif;
        }

        body {
            background: #f6f7f9;
            color: #1d1d1f;
            line-height: 1.6;
        }

        .container {
            width: 1100px;
            max-width: 92%;
            margin: auto;
        }

        section {
            padding: 70px 0;
        }

        h1 {
            font-size: 42px;
            margin-bottom: 20px;
        }

        h2 {
            font-size: 30px;
            margin-bottom: 18px;
        }

        h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }

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

        .btn {
            display: inline-block;
            padding: 12px 22px;
            background: #00b663;
            color: white;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
        }

        /* HERO */
        .hero {
            background: white;
        }

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

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

        /* FEATURES */
        .features {
            background: #fff;
        }

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

        .feature-card {
            background: #f3f5f7;
            padding: 25px;
            border-radius: 12px;
        }

        /* TECHNOLOGY */
        .tech {
            background: #fff;
        }

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

        .tech img {
            width: 100%;
        }

        /* API */
        .api {
            background: #0f2233;
            color: white;
        }

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

        .api img {
            width: 260px;
        }

        /* SOLUTIONS */
        .solutions {
            background: #fff;
        }

        .solution-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .solution-card {
            background: #f3f5f7;
            border-radius: 10px;
            overflow: hidden;
        }

        .solution-card img {
            width: 100%;
            height: 140px;
            object-fit: cover;
        }

        .solution-card div {
            padding: 15px;
        }

        /* IPHONE */
        .iphone {
            background: #fff;
        }

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

        .iphone img {
            width: 100%;
            border-radius: 12px;
        }

        /* TESTIMONIAL */
        /*
.testimonial{
  background:#f3f5f7;
  text-align:center;
}
.logos{
  display:flex;
  gap:40px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:30px;
  color:#666;
  font-weight:700;
}
*/
        /* PAYMENTS */
        .payments {
            background: #fff;
        }

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

        .payment-box {
            background: #f3f5f7;
            padding: 25px;
            border-radius: 12px;
        }

        /* OPERATIONS */
        .operations {
            background: #fff;
        }

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

        .ops-card {
            background: #f3f5f7;
            padding: 25px;
            border-radius: 12px;
        }

        /* CTA 
        .cta {
            background: #00b663;
            color: white;
            text-align: center;
        }

        .cta p {
            color: white
        }
*/
        /* RESPONSIVE */
        @media(max-width:900px) {

            .hero-grid,
            .tech-grid,
            .api-grid,
            .iphone-grid {
                grid-template-columns: 1fr;
            }

            .feature-grid,
            .solution-grid,
            .ops-grid {
                grid-template-columns: 1fr;
            }

            .payment-grid {
                grid-template-columns: 1fr;
            }
        }


        .user-icon{
  font-size:30px;
  margin-bottom:10px;
  color:white;
}

    </style>
</head>

<body>

    <!-- HERO -->
    <section class="hero">
        <div class="container hero-grid">
            <div>
                <h1>Easily manage your point of sale setup</h1>
                <p>Accept payments anywhere with one integrated platform. Manage devices, data, and reporting in a
                    single place.</p>
                <a class="btn">See POS system</a>
            </div>
            <img src="https://images.unsplash.com/photo-1556742031-c6961e8560b0">
        </div>
    </section>

    <!-- FEATURES -->
    <section class="features">
        <div class="container feature-grid">
            <div class="feature-card">
                <h3>Streamlined operations</h3>
                <p>Manage devices, payments, and reporting from one dashboard.</p>
                <a href="#" class="btn btn-primary">Learn More</a>
            </div>
            <div class="feature-card">
                <h3>Direct insights</h3>
                <p>Get real-time sales and customer analytics instantly.</p>
                <a href="#" class="btn btn-primary">Learn More</a>
            </div>
            <div class="feature-card">
                <h3>Latest terminals</h3>
                <p>Use modern payment hardware across all locations.</p>
                <a href="#" class="btn btn-primary">Learn More</a>
            </div>
        </div>
    </section>

    <!-- TECHNOLOGY -->
    <section class="tech">
        <h1 style="text-align: center;">Use the same technology everywhere</h1>
        <div class="container tech-grid">
            <div>
                <h2>Connect all point of sale devices and data to a single platform</h2>
                <p>Make your POS payments setup easier with the all-in-one financial technology platform that helps you
                    integrate once and for all, wherever you are in the world.

                </p>
            </div>
            <img src="./images1.jpeg">
        </div>
    </section>

    <!-- API -->
    <section class="api">
        <div class="container api-grid">
            <img src="./image2.webp">
            <div>
                <h2>Integrate with a simple web-based API</h2>
                <p>Make your POS payments setup easier with the all-in-one financial technology platform that helps you
                    integrate once and for all, wherever you are in the world.

                </p>
                <a class="btn">See documentation</a>
            </div>
        </div>
    </section>

    <!-- SOLUTIONS -->
    <section class="solutions">
        <div class="container">
            <h2>POS solutions for any business</h2>
            <p>We provide a range of fully-certified in-person payments solutions, with flexible options to fit any
                business.</p>
            <a href="" class="btn btn-primary">See our POS Devices</a>
            <br><br><br><br>

            <div class="solution-grid">
                <div class="solution-card">
                    <img src="https://images.unsplash.com/photo-1556745757-8d76bdb6984b">
                    <div>
                        <h3>Tap to Pay</h3>
                        <p>Easy payments with any compatible device.</p>
                    </div>
                </div>
                <div class="solution-card">
                    <img src="https://images.unsplash.com/photo-1515168833906-d2a3b82b302a">
                    <div>
                        <h3>Mobile</h3>
                        <p>Flexible devices to accept payments anywhere.</p>
                    </div>
                </div>
                <div class="solution-card">
                    <img src="https://images.unsplash.com/photo-1521791136064-7986c2920216">
                    <div>
                        <h3>Countertop</h3>
                        <p>Compact and fixed location terminals.

                        </p>
                    </div>
                </div>
                <div class="solution-card">
                    <img src="https://images.unsplash.com/photo-1556740738-b6a63e27c4df">
                    <div>
                        <h3>Unattended</h3>
                        <p>Customizable solutions for self-service businesses.

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

    <!-- IPHONE PAYMENTS -->
    <section class="iphone">
        <div class="container iphone-grid">
            <div>
                <h2>Accept in-person payments on your phone</h2>
                <p>Turn your mobile device into a secure payment terminal in seconds.</p>
                <a class="btn" href="#">See Tap to Pay on iPhone</a>
            </div>
            <img src="https://images.unsplash.com/photo-1563013544-824ae1b704d3">
        </div>
    </section>

    <!-- TESTIMONIAL -->
    <!-- <section class="testimonial">
  <div class="container">
    <h2>Trusted by leading brands</h2>
    <p>Businesses worldwide rely on one unified payments platform.</p>
    <div class="logos">
      <span>SUBWAY</span>
      <span>LUSH</span>
      <span>HUGO BOSS</span>
      <span>CAFE</span>
      <span>RETAIL</span>
    </div>
  </div>
</section> -->

    <!-- PAYMENTS -->
    <section class="payments">
        <div class="container">
            <h2>Connect every payment</h2>
            <p>With our single platform, you can truly connect all data across all your sales channels and stores around
                the world.</p>
            <br><br><br>
            <div class="payment-grid">
                <div class="payment-box">
                    <button class="arrow right">
                        <i class="fa-solid fa-user"></i>

                    </button>
                    <h3>Actionable data</h3>
                    <p>Track revenue and customer behaviour in real time.</p>
                    <a href="" class="btn">Learn More</a>
                </div>
                <div class="payment-box">
                    <button class="arrow right">
                        <i class="fa-solid fa-user"></i>
                    </button>
                    <h3>Risk control</h3>
                    <p>Advanced fraud protection across all transactions.</p>
                    <a href="" class="btn">Learn More</a>
                </div>
            </div>
        </div>
    </section>

<?php

include './coments.php';

?>

    <!-- OPERATIONS -->
    <section class="operations">
        <div class="container">
            <h2>In your stores</h2>
            <p>Make the very best in-store experience for your customers.</p>
            <div class="ops-grid">
                <div class="ops-card">
                    <img src="./image3.webp" alt="" height="200px">
                    <h3>QR payments</h3>
                    <p>Fast and secure checkout experience.</p>
                </div>
                <div class="ops-card">
                    <img src="./image4.webp" alt="" height="200px">
                    <h3>Subscriptions</h3>
                    <p>Recurring billing made simple.</p>
                </div>
                <div class="ops-card">
                    <img src="./image5.webp" alt="" height="200px">
                    <h3>Business insights</h3>
                    <p>Powerful reporting tools for growth.</p>
                </div>
            </div>
        </div>
    </section>

<?php

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

?>

</body>

</html>