<?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>Partner Ecosystem</title>

<link rel="stylesheet" href="style.css">

<!-- 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:Arial, Helvetica, sans-serif;
}

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

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

.hero{
background:#f0f1f2;
padding:80px 0;
}

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

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

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

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

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

.link-btn{
margin-left:20px;
color:#00c853;
text-decoration:none;
font-weight:600;
}

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

/* LOGOS */
.logos{
background:white;
padding:40px 0;
}

.logo-flex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
gap:30px;
}

/* WHY SECTION */
.why{
padding:80px 0;
background:#f0f1f2;
}

.why h2{
font-size:32px;
margin-bottom:10px;
}

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

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:40px;
}

.why-box h4{
margin:15px 0 10px;
}

.icon{
font-size:28px;
color:#00c853;
}

.quote{
margin-top:60px;
padding-top:30px;
border-top:1px solid #ddd;
color:#333;
}

/* TRACKS */
.tracks{
padding:80px 0;
background:white;
}

.track-flex{
display:flex;
gap:60px;
}

.track-box h3{
margin-bottom:15px;
}

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

/* PORTAL */
.portal{
padding:80px 0;
background:#f0f1f2;
}

.portal-flex{
display:flex;
align-items:center;
gap:50px;
}

.portal-text h2{
margin-bottom:15px;
}

.portal-text ul{
margin:20px 0;
list-style:none;
}

.portal-text li{
margin-bottom:10px;
}

.portal-text i{
color:#00c853;
margin-right:8px;
}

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

.hero-flex,
.track-flex,
.portal-flex{
flex-direction:column;
}

.link-btn{
display:block;
margin-top:15px;
margin-left:0;
}

}
</style>

</head>

<body>

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

<div class="hero-text">
<span class="small">HICASH PARTNER PROGRAM</span>
<h1>The partner ecosystem that scales with you</h1>
<p>Grow your business and empower merchants with a program built for long-term collaboration.</p>

<div class="hero-buttons">
<a href="#" class="btn">Partner with us</a>
<a href="#" class="link-btn">Explore our partner directory →</a>
</div>
</div>

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

</div>
</section>


<!-- LOGO ROW -->
<section class="logos">
<div class="container logo-flex">
<img src="images/oracle.png">
<img src="images/adobe.png">
<img src="images/salesforce.png">
<img src="images/sap.png">
<img src="images/microsoft.png">
<img src="images/accenture.png">
</div>
</section>


<!-- WHY PARTNER SECTION -->
<section class="why">
<div class="container">

<h2>Why partner with Hicash?</h2>
<p class="sub">Calling all VIPs. With Hicash’s Partner Program, you’ll get the tools you need to succeed</p>

<div class="why-grid">

<div class="why-box">
<i class="fa-solid fa-gift icon"></i>
<h4>Exclusive perks</h4>
<p>Premium benefits from day one, with more rewards as our partnership grows.</p>
</div>

<div class="why-box">
<i class="fa-solid fa-gears icon"></i>
<h4>Streamlined operations</h4>
<p>A partner portal to manage campaigns, measure results, and simplify everyday tasks.</p>
</div>

<div class="why-box">
<i class="fa-solid fa-bullseye icon"></i>
<h4>Tailored resources</h4>
<p>Training and assets to help recommend (or implement) the right solutions to merchants.</p>
</div>

<div class="why-box">
<i class="fa-solid fa-users icon"></i>
<h4>Collaborative community</h4>
<p>Expert guidance and collaboration with teams across Adyen to drive growth.</p>
</div>

<div class="why-box">
<i class="fa-solid fa-badge-check icon"></i>
<h4>Differentiated solution</h4>
<p>A badge proving you meet Adyen’s standards of quality and reliability.</p>
</div>

<div class="why-box">
<i class="fa-solid fa-headset icon"></i>
<h4>Technical support</h4>
<p>Always-on support for product inquiries and technical challenges.</p>
</div>

</div>

<div class="quote">
<p style="font-size: 30px;margin-bottom: 40px;">
Hicash’s strength is its single platform and single API approach to performing different payment activities in multiple geographies and channels.
</p>
<span  style="font-size: 20px;">The Forrester Wave™, Merchant Payment Providers, Q1 2024 report</span>
</div>

</div>
</section>


<!-- TRACK SECTION -->
<section class="tracks">
<div class="container track-flex">
    <h1>Choose the best fit for your business
</h1>

<div class="track-box">
<h3>Technology partner track</h3>
<p style="margin-bottom: 40px;">For those who offer products that complement, enhance, or extend the capabilities of our platform.</p>
<a href="#" class="green-link">Become a Tech partner →</a>
</div>

<div class="track-box">
<h3>Service partner track</h3>
<p style="margin-bottom: 40px;">For those who provide professional services like consulting, implementation, training, and technical support to merchants.</p>
<a href="#" class="green-link">Become a Service partner →</a>
</div>

</div>
</section>


<!-- PARTNER PORTAL SECTION -->
<section class="portal">
<div class="container portal-flex">

<div class="portal-img">
<img src="./image72.webp" alt="" height="500px">
</div>

<div class="portal-text">
<h2>Hicash’s Partner Portal</h2>
<p>Streamline your daily operations with a one-stop shop for partner tools and resources.</p>

<ul>
<li><i class="fa-solid fa-check"></i> Manage merchant accounts</li>
<li><i class="fa-solid fa-check"></i> Track results and referrals</li>
<li><i class="fa-solid fa-check"></i> Use marketing assets for campaigns</li>
<li><i class="fa-solid fa-check"></i> Upskill with training and courses</li>
</ul>

<a href="#" class="btn">Apply today</a>

</div>

</div>
</section>

     <?php


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

?>

</body>
</html>