Upload files to "/"

main
Abinesh 2023-10-21 13:03:51 +00:00
commit bdf9c48b0b
5 changed files with 2395 additions and 0 deletions

BIN
README.md Normal file

Binary file not shown.

475
about.html Normal file
View File

@ -0,0 +1,475 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" href="/images/haodafavicon.png">
<link rel="stylesheet" href="./about.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<!-- Header Section -->
<section class="header-section">
<div class="header-section-bg-img container mx-auto">
<header class="container header">
<div class="header-logo">
<a href="https://www.bharatbillpay.net/"><img src="/images/Bharatlogo.gif" alt=""></a>
</div>
<nav class="header-nav-bar hidden xl:block">
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="/news/news.html">News</a></li>
<li><a href="/blog/articles.html">Blog</a></li>
</ul>
</nav>
<div class="header-btn hidden xl:block">
<button><a href="https://merchant.mypayhaoda.com/register"> Register an account</a></button>
</div>
<div class="block xl:hidden bar-icon-tailwind">
<button id="togglebutton" class="visible"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 font">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" />
</svg></button>
</div>
</header>
<div class="main-container container flex flex-wrap-reverse justify-center">
<div class="main-content w-full xl:w-1/2">
<div class="main-para">
<p>About Us</p>
</div>
<div class="main-h1">
<h1>We Share the Same Values which Makes our Team Stronger</h1>
</div>
<div class="main-content-para">
<p>At HaodaPay, we understand that in today's fast-paced world, a reliable and secure payment processing system is the lifeblood of any successful business. Whether you're a small startup or a global enterprise, we have the expertise and technology to streamline your payment operations and boost your bottom line.</p>
</div>
<!-- <div class="main-btn">
<button class="main-reg-btn">REQUEST CALL BACK</button>
</div> -->
</div>
<div class="main-image w-full xl:w-1/2 flex justify-center">
<div class="main-img">
<img src="../images/Hero.png" alt=""/>
</div>
</div>
</div>
<div class="main-img-bg hidden xl:block">
<img src="../images/main-bg-img.png" alt="">
</div>
<nav class="nav-mobile hidden" id="nav-mobile">
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="/news/news.html">News</a></li>
<li><a href="/blog/articles.html">Blog</a></li>
</ul>
<div class="nav-mobile-btn">
<button><a href="https://merchant.mypayhaoda.com/register"> Register an account</a></button>
</div>
</nav>
</div>
</section>
<!-- Educational Fees Collection -->
<section class="educational">
<div class="educational-content container mx-auto">
<div class="educational-container flex flex-wrap">
<div class="educational-align w-full xl:w-1/2 flex justify-center">
<div class="educational-image">
<img src="../images/Group 2339.png" alt=""/>
</div>
</div>
<div class="educational-content-detail w-full xl:w-1/2">
<div class="educational-h1">
<span>Accelerated Payments and Lower Costs for Your Business</span>
</div>
<div class="educational-para">
<span>Our mission is clear: to empower businesses with the tools they need to thrive in the digital economy. We are committed to simplifying the complexities of online payments, making it easier for merchants to accept payments and for customers to make transactions. Our goal is to drive growth for your business by providing a seamless and secure payment experience.</span>
</div>
<div class="educational-btn">
<button>KNOW MORE</button>
</div>
</div>
</div>
</div>
</section>
<!-- Revolutionizing Bill Collection -->
<section class="bill-collection" id="pricing">
<div class="bill-collection-container container mx-auto">
<div class="bill-collection-heading">
<h1 class="text-center">Revolutionizing Bill Collection</h1>
</div>
<div class="bill-collection-threebox container">
<div class="bill-collection-pricing">
<div class="bill-collection-img">
<div class="bill-content-logo">
<img src="../images/Group 4.png" alt="">
</div>
</div>
<div class="bill-content-heading">
<h3>Low Pricing</h3>
</div>
<div class="bill-collection-para">
<p>you can unlock remarkable cost savings compared to other payment
gateways</p>
</div>
</div>
<div class="bill-collection-pricing">
<div class="bill-collection-img">
<div class="bill-content-logo">
<img src="../images/Group 5.png" alt="">
</div>
</div>
<div class="bill-content-heading">
<h3>Easy Reconciliation</h3>
</div>
<div class="bill-collection-para">
<p>Automatic reconciliation saves
70% - 90% of time</p>
</div>
</div>
<div class="bill-collection-pricing">
<div class="bill-collection-img">
<div class="bill-content-logo">
<img src="../images/Group 6.png" alt="">
</div>
</div>
<div class="bill-content-heading">
<h3>Secured Transaction</h3>
</div>
<div class="bill-collection-para">
<p>We prioritize the highest level of security in all aspects</p>
</div>
</div>
</div>
</div>
</section>
<!-- Taps -->
<section class="taps" id="features">
<div class="container mx-auto">
<div class="max-w-2xl mx-auto text-center mb-12">
<h2 class="mt-2 mb-4 text-2xl md:text-3xl lg:text-4xl font-bold font-heading">FAQ</h2>
<p class="text-gray-500 leading-loose text-base md:text-lg lg:text-xl">Here, you'll find answers to the most common questions you may have about BBPS. If you still can't find the answer you're looking for, please don't hesitate to contact us.</p>
</div>
<div class="text-center mb-2 md:mb-8">
<button class="text lg:text-3xl pb-2 mb-2 md:mb-0 mr-4 lg:mr-12 border-b-4 border-orange-500" onclick="toggleCategory('general')">General</button>
<button class="text lg:text-3xl pb-2 mb-2 md:mb-0 mr-4 lg:mr-12 border-b-4 border-transparent hover:border-orange-500" onclick="toggleCategory('payments')">Payments</button>
<button class="text lg:text-3xl pb-2 mb-2 md:mb-0 mr-4 lg:mr-12 border-b-4 border-transparent hover:border-orange-500" onclick="toggleCategory('returns')">Returns</button>
<button class="text lg:text-3xl pb-2 border-b-4 border-transparent hover:border-orange-500" onclick="toggleCategory('refunds')">Refunds</button>
</div>
<div id="general-content" class="max-w-2xl mx-auto hidden">
<ul><li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-general-info-1')">
<span class="text lg:text-2xl lg:font-bold font-heading">What is BBPS?</span>
<svg id="bbps-icon-1" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="bbps-icon-path-1" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-general-info-1" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify ">The Bharat Bill Payment System (BBPS) is a RBI mandated system which will offer integrated and interoperable bill payment services to customers across geographies with certainty, reliability and safety of transactions.
It offers bill payment services to customers through a network of agents or online, allowing multiple payment modes and provides instant confirmation.
It will facilitate a cashless society through migration of bill payments from cash to electronic channels
</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-general-info-2')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">What are the current biller categories in BBPS?</span>
<svg id="bbps-icon-2" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="bbps-icon-path-2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-general-info-2" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">BBPS covers repetitive payments for everyday utility services such as <br>Electricity, Water, Gas, Telecom (mobile postpaid, landline postpaid, broadband), Direct-to-Home (DTH), Insurance Premium, Mutual Funds, Educational Institution Fee payment, EMIs, Municipal Taxes etc.</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-general-info-3')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">What are the different payment modes in BBPS?
</span>
<svg id="bbps-icon-3" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="bbps-icon-path-3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-general-info-3" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">BBPS facilitates a plethora of payment modes through which consumer can make a bill payment.
The payment modes options at BBPS are Cash, Cards (Credit, Debit &amp; Prepaid), IMPS, UPI, AEPS, Internet Banking &amp; UPI, Wallets.
</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-general-info-4')">
<span class="text md:text-xl lg:text-2xl lg:font-bold font-heading">What are the different payment channels in BBPS?
</span>
<svg id="bbps-icon-4" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="bbps-icon-path-4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-general-info-4" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">BBPS transaction can be initiated through multiple payment channels both Online channels like <br>
1. Internet banking<br>
2. Mobile banking<br>
3. RTGS<br>
4. IMPS<br>
5. NEFT
</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-general-info-5')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">How to join BBPS?</span>
<svg id="bbps-icon-5" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="bbps-icon-path-5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-general-info-5" class="mt-2 text-gray-500 leading-loose text-base md:text-lg lg:text-xl" style="text-align: justify">There are 4 simple steps in joining BBPS for Biller:<br> 1. Select up to two default BBPOUs for participating in the BBPS scheme. <br>2. Submit the ""Biller Consent Form"" and required details to the concerned BBPOUs/NPCI.
<br>3. Ensure communication with BBPOUs over secure channel.<br>4. Provide bill information parameters
</p>
</li>
</ul></div>
<div id="payments-content" class="max-w-2xl mx-auto">
<ul><li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-payments-info-1')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">How much does Haodapay charge per transaction?
</span>
<svg id="payments-icon-1" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="payments-icon-path-1" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-payments-info-1" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">Under the standard plan designed for small and medium enterprises,Haodapay charges 0.09% per transaction.
Haodapay also offers an enterprise plan designed for large volumes,
which gives you the best prices possible for your business. Know more about
pricing.
</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-payments-info-2')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">Is GST mandatory to accept payments?</span>
<svg id="payments-icon-2" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="payments-icon-path-2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-payments-info-2" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">No, GST is not mandatory if your business does not have an annual turnover of over ₹20 lakhs.
However, if you do not provide your GST details, you would not be able to claim TDS at the time of filing your tax returns.
</p>
</li>
<!-- <li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-payments-info-3')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">Can I accept International Payments through Haodapay?
</span>
<svg id="payments-icon-3" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="payments-icon-path-3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-payments-info-3" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">Yes, you can accept international payments using Hoadapay Payment Gateway. Know more about
International Payments.
</p>
</li> -->
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-payments-info-4')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">How are payments made by my customers settled to my account? Is any action required from my end?
</span>
<svg id="payments-icon-4" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="payments-icon-path-4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-payments-info-4" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">No action is required from your end for the settlements.
Haodapay automatically settles the captured payments to your account as per your settlement cycle. Know more about
Settlements
</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-payments-info-5')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">How does the settlement happen for international payments?
</span>
<svg id="payments-icon-5" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="payments-icon-path-5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-payments-info-5" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">The Settlement currency is INR (Indian Rupees) for all transactions done using Haodapay.
Thus, international payments are settled in INR. The exchange rate at the time of the payment creation is considered for conversion.
</p>
</li>
</ul></div>
<div id="returns-content" class="max-w-2xl mx-auto">
<ul>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-returns-info-2')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">What is the settlement cycle you offer?
</span>
<svg id="returns-icon-2" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="returns-icon-path-2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-returns-info-2" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">Our standard settlement cycle is T+1 working days, T being the date of transaction capture.
This means that the captured payments are settled within 1 working day from the date of capture.
</p>
</li>
<li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-returns-info-3')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">How do I check settlements in my bank account?</span>
<svg id="returns-icon-3" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="returns-icon-path-3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-returns-info-3" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">Each settlement has a Unique Transaction Reference (UTR) number, which is provided by our banking partners.
You can see this number in the settlement section when you click on a particular settlement id.
You can also download Settlement Reports from the Reports section to view UTR.
This is a unique reference number available across banks, which can be used to track a specific settlement in your bank account.
</p>
</li>
</ul></div>
<div id="refunds-content" class="max-w-2xl mx-auto">
<ul><li class="px-6 py-4 lg:py-8 border-b border-gray-50">
<button class="w-full flex justify-between items-center text-left font-bold font-heading" onclick="toggleContent('bbps-refunds-info-1')">
<span class="text md:text-xl lg:text-2xl font-bold font-heading">Do you charge for refund?
</span>
<svg id="refunds-icon-1" class="flex-shrink-0 w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path id="refunds-icon-path-1" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button>
<p id="bbps-refunds-info-1" class="mt-2 text-gray-500 leading-loose hidden text-base md:text-lg lg:text-xl" style="text-align: justify">i). Refunds<br>
No, we do not charge for the regular refunds. However, fees and taxes charged for a captured payment are not reversed.<br>
ii). Instant Refunds<br>
Yes, we charge a small fee to issue instant refunds.
</p>
</li>
</ul></div>
</div>
<style>
.rotate-180 {
transform: rotate(180deg);
}
</style>
</section>
<section class="connection" id="contact">
<div class="connection-container container mx-auto flex">
<div class="connection-content w-full xl:w-1/2">
<div class="connection-para">
<span>Reach out to us and let's connect!</span>
</div>
<div class="connection-title">
<span>Lets stay connected</span>
</div>
<div class="connection-mini-para">
<span>Relax, we are ready to support 24/7 for you</span>
</div>
<div class="connection-contact">
<div class="connection-phone">
<div class="connection-phn-image">
<img src="/images/Ellipse 2.png" alt="">
</div>
<div class="connection-phn-content">
<p>Phone</p>
<span class="num">18004196861</span>
</div>
</div>
<div class="connection-phone">
<div class="connection-phn-image">
<img src="/images/Mail.png" alt="">
</div>
<div class="connection-phn-content">
<p>Email</p>
<span class="num">info@haodapayments.com</span>
</div>
</div>
</div>
</div>
<div class="collection-image w-full xl:w-1/2">
<div class="collection-img">
<img src="/images/customer support 1.png" alt="">
</div>
</div>
</div>
</section>
<!-- Disclaimer -->
<section class="disclamier">
<div class="container mx-auto">
<div>
<div class=" mb-8 border-b border-gray-700 items-center">
<div class="flex flex-wrap items-center">
<div class="w-full ml-4" id="disclaimer">
<h1 class="text lg:text-4xl font-bold mb-8">Disclaimer</h1>
<div class="ml-4 mr-4">
<marquee behavior="scroll" direction="left">
<p class="text lg:text-xl">The information provided on the website www.bharatbillpay.net, including its logos and components, is intended for general informational purposes only. Please note that HaodaPay has established a direct partnership with Axis Bank, a prominent banking institution, to operate as a BBPS operating unit. This collaboration enables HaodaPay to leverage Axis Bank's expertise, infrastructure, and resources, ensuring the provision of a seamless and secure platform for bill payments.</p>
</marquee>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section class="footer">
<div class="footer-container container mx-auto">
<div class="footer-content">
<div class="footer-img">
<div class="footer-image">
<img src="/images/Haodapay HD.png" alt="">
</div>
</div>
<div class="footer-para">
<span>We are here to revolutionize the way you handle finances. Our mission is to provide innovative bill collection solutions and simplify payment processes, empowering diverse sectors with user-friendly platforms. With HaodaPay, managing transactions becomes effortless, unlocking new levels of efficiency and control.</span>
</div>
<div class="footer-social">
<div class="footer-insta">
<i class="fa-brands fa-instagram"></i>
</div>
<div class="footer-insta">
<i class="fa-brands fa-facebook"></i>
</div>
<div class="footer-insta">
<i class="fa-brands fa-linkedin"></i>
</div>
</div>
</div>
</div>
</section>
<section class="footer-last">
<div class="footer-container container mx-auto">
<div class="footer-content flex justify-center md:justify-center xl:justify-between flex-wrap-reverse">
<span>All Rights reserved <i class="fa-regular fa-copyright"></i> Haoda Payment Solutions Pvt Ltd.2023</span>
<div class="footer-list">
<ul>
<li><a href="#">News</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Partner</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
</div>
</section>
<script src="/finall/script.js"></script>
<script>
window.chatwootSettings = {"position":"right","type":"expanded_bubble","launcherTitle":"Chat with us"};
(function(d,t) {
var BASE_URL="https://chat.mypayhaoda.com";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: 'rXuugHsV7u1cHCdoNN75iRbr',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
</body>
</html>

699
blog.blade.php Normal file
View File

@ -0,0 +1,699 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog</title>
<link rel="website icon" type="png" href="{{ asset('haodapay/images/haodafavicon.png')}}">
<script src="{{ asset('haodapay/js/tailwind.js') }}"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/blog.css') }}">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/animate.min.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<section>
<header class="container mx-auto px-4 xl:px-0">
<div class="header__container">
<input type="checkbox" name="" id="check">
<div class="logo-container">
<div class="logo-img">
<a href="/index.html"><img src="{{ asset('haodapay/images/companyLogo.webp') }}" alt=""></a>
</div>
</div>
<div class="nav-btn">
<div class="nav-links">
<ul>
<li class="nav-link" style="--i: .85s">
<a href="#">Products <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Collect Payments <i class="fa-solid fa-chevron-right"></i></a>
<div class="dropdown second">
<ul>
<li class="dropdown-link">
<a href="https://www.bharatbillpay.net/effortless-fee-management.html">Education</a>
</li>
<li class="dropdown-link">
<a href="https://www.bharatbillpay.net/streamlined-rent-maintenance-charge.html">Housing Society</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="dropdown-link">
<a href="#">Payouts</a>
</li>
<li class="dropdown-link">
<a href="#">Recurring Payments</a>
</li>
<li class="dropdown-link">
<a href="#">Scale Your Business</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Features <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Industries <i class="fa-solid fa-chevron-right"></i></a>
<div class="dropdown second">
<ul>
<li class="dropdown-link">
<a href="#">E-commerce</a>
</li>
<li class="dropdown-link">
<a href="#">Other Industries</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="dropdown-link">
<a href="#">Help</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Partners <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Partner Program</a>
</li>
<li class="dropdown-link">
<a href="#">Integrations and Offers</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Articles <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">News</a>
</li>
<li class="dropdown-link">
<a href="{{ URL('v2/blog') }}">Blog</a>
</li>
<li class="dropdown-link">
<a href="#">Help</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.35s">
<a href="{{ URL('v2/career') }}">Career</a>
</li>
<li class="nav-link" style="--i: 1.35s">
<a href="#">About Us</a>
</li>
</ul>
</div>
<div class="log-sign" style="--i: 1.8s">
<a href="#" class="btn">Sign in</a>
<a href="#" class="btn solid">Create an account</a>
</div>
</div>
<div class="hamburger-menu-container">
<div class="hamburger-menu">
<div></div>
</div>
</div>
</div>
</header>
</section>
<!-- MAIN SECTION -->
<section class="main">
<div class="main__container container mx-auto">
<div class="main__content wow animate__animated animate__zoomIn">
<div class="main__para">
<p>Mastering Your Money: Expert Financial Tips & Insights</p>
</div>
<div class="read__btns mt-4 lg:mt-24">
<div class="read__btn">
<button>READ MORE</button>
</div>
</div>
</div>
</div>
</section>
<!-- BLOG PAGES -->
<section class="container mx-auto">
<div class="blog__container container mx-auto grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-10 md:p-10 lg:p-36">
<div class="blog__content" data-aos="fade-up">
<div class="blog__content__img img1">
<img src="{{ asset('haodapay/images/img1.webp')}}" alt="">
</div>
<div class="blog__contentDetails lg:px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<a href="{{ URL('v2/blog/choosing-the-right-payment-gateway') }}"><span>Choosing the Right Payment Gateway for Your E-Commerce Business.</span></a>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Selecting the perfect payment gateway for your e-commerce business is a crucial decision that can greatly impact your success.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Arjun</div>
<div class="uploadDate">04/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content" data-aos="fade-up">
<div class="blog__content__img img2">
<img src="{{ asset('haodapay/images/img2.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Securing Online Transactions: A Deep Dive into Payment Security.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Discover the intricate world of online payment security in this comprehensive blog post. We take you on a deep dive into the crucial aspects of safeguarding your digital transactions.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Priya</div>
<div class="uploadDate">06/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content top" data-aos="fade-up">
<div class="blog__content__img img3">
<img src="{{ asset('haodapay/images/img3.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Understanding the Benefits of Contactless Payments.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Explore the modern convenience of contactless payments in this informative blog. We delve into the myriad advantages of this payment method, shedding light on how it's revolutionizing.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Rajesh</div>
<div class="uploadDate">08/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue topValue5" data-aos="fade-up">
<div class="blog__content__img img4">
<img src="{{ asset('haodapay/images/img4.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>The Role of AI in Fraud Prevention for Online Payments.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Delve into the cutting-edge realm of artificial intelligence and its pivotal role in safeguarding online payments. In this insightful blog post, we unravel how AI is transforming the landscape of fraud prevention.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Smita</div>
<div class="uploadDate">10/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content top top5" data-aos="fade-up">
<div class="blog__content__img img5">
<img src="{{ asset('haodapay/images/img5.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>The Ultimate Guide to Choosing the Right Payment Gateway.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Explore the factors you need to consider when selecting a payment gateway for your business and ensure seamless transactions for your customers.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Aryan</div>
<div class="uploadDate">12/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue1" data-aos="fade-up">
<div class="blog__content__img img6">
<img src="{{ asset('haodapay/images/img6.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Demystifying Payment Processing Fees: What You Need to Know.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Unravel the complexities of payment processing fees and discover how to optimize costs while providing top-notch payment services.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Meera</div>
<div class="uploadDate">12/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue2 top6" data-aos="fade-up">
<div class="blog__content__img img7">
<img src="{{ asset('haodapay/images/img7.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Mobile Payment Trends: The Future of E-Commerce.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Stay ahead of the curve by delving into the latest trends in mobile payments and learn how they are reshaping the e-commerce landscape.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Sanjay</div>
<div class="uploadDate">13/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content" data-aos="fade-up">
<div class="blog__content__img img8">
<img src="{{ asset('haodapay/images/img8.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Enhancing Security: The Role of Payment Gateways in Fraud Prevention.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span> Learn how payment gateways are at the forefront of safeguarding your business and customers from fraudulent activities.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Anika</div>
<div class="uploadDate">15/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue3 top7">
<div class="blog__content__img img9">
<img src="{{ asset('haodapay/images/img9.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>The Impact of Payment Gateways on User Experience.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Explore how a user-friendly payment gateway can boost customer satisfaction and drive conversion rates on your website.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Rahul</div>
<div class="uploadDate">16/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue6 top1" data-aos="fade-up">
<div class="blog__content__img img10">
<img src="{{ asset('haodapay/images/img10.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Cross-Border E-Commerce: How Payment Gateways Simplify Global Transactions.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Discover how payment gateways are the key to breaking down barriers and expanding your e-commerce business internationally.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Kavita</div>
<div class="uploadDate">20/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content top2" data-aos="fade-up">
<div class="blog__content__img img11">
<img src="{{ asset('haodapay/images/img11.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Payment Gateway Integration: Simplifying the Checkout Process.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span> Gain insights into the benefits of seamless payment gateway integration and why it's crucial for your online business.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Harish</div>
<div class="uploadDate">21/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue1 top8" data-aos="fade-up">
<div class="blog__content__img img12">
<img src="{{ asset('haodapay/images/img12.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Cryptocurrency and Payments: A Look at the Future.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Dive into the world of cryptocurrency payments and explore how they are revolutionizing the financial landscape.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Shreya</div>
<div class="uploadDate">22/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content top3" data-aos="fade-up">
<div class="blog__content__img img13">
<img src="{{ asset('haodapay/images/img13.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>PCI DSS Compliance: Ensuring Data Security with Your Payment Gateway.</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Understand the significance of PCI DSS compliance in maintaining the security of sensitive customer data with your payment gateway.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Deepak</div>
<div class="uploadDate">24/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue7 top9" data-aos="fade-up">
<div class="blog__content__img img14">
<img src="{{ asset('haodapay/images/img14.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span>Subscription Billing Made Easy: Leveraging Payment Gateways for Recurring Payments</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span> Learn how payment gateways simplify subscription billing processes, helping you manage revenue streams effortlessly.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Ayesha</div>
<div class="uploadDate">24/08/2023</div>
</div>
</div>
</div>
</div>
<div class="blog__content topValue8 top4" data-aos="fade-up">
<div class="blog__content__img img15">
<img src="{{ asset('haodapay/images/img15.webp')}}" alt="">
</div>
<div class="blog__contentDetails px-3">
<div class="blog__content__heading my-5">
<span>Blog</span>
</div>
<div class="blog__content__title">
<span> Payment Gateway vs. Payment Processor: What's the Difference?</span>
</div>
<div class="blog__content__para mt-3 mb-10">
<span>Demystify the distinctions between payment gateways and payment processors to make informed choices for your business.</span>
</div>
<div class="blog__content__user">
<div class="blog__content__userIcon mr-4">
<i class="fa-solid fa-user"></i>
</div>
<div class="blog__content__userDetail">
<div class="userName">Vikram</div>
<div class="uploadDate">28/08/2023</div>
</div>
</div>
</div>
</div>
</div>
<div class="blog__content__seeMore w-full flex justify-center inline-block md:my-20 lg:my-0">
<div class="blog__content__btn">
<button>SEE MORE</button>
</div>
</div>
</section>
<!-- CALL BACK SECTION -->
<section>
<div class="callBack container mx-auto grid place-content-center my-10 lg:my-20 xl:32">
<div class="callBack__container">
<div class="callBack__title wow animate__animated animate__heartBeat">
<span>Ready to get started ?</span>
</div>
<div class="callBack__btn">
<div class="callBack__btns" data-aos="fade-up">
<button>Request Call Back </button>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER SECTION -->
<section class="footer container mx-auto">
<div class="footer__container flex px-3">
<div class="footer__about wow animate__animated animate__backInLeft">
<div class="footer__about__title">
<span>About Us</span>
</div>
<div class="footer__about__para mt-1 mb-4 lg:mb-6">
<span>HaodaPay is revolutionizing online money management. Our clean APIs, seamless integration, and comprehensive solutions enable businesses to accept and disburse payments swiftly, securely. No more complexities.</span>
</div>
<div class="footer__about__icons flex">
<div class="social__icons mr-5"><i class="fa-brands fa-facebook"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-square-instagram"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-youtube"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-x-twitter"></i></div>
</div>
</div>
<div class="footer__container__content flex gap-x-20 xl:gap-x-14 lg:gap-x-20 gap-y-16 justify-start md:justify-center xl:justify-between flex-wrap lg:flex-nowrap w-full px-5 lg:px-5">
<div class="footer__about__information wow animate__animated animate__backInLeft">
<div class="footer__about__informationTitle">
<span>Information's</span>
</div>
<p>Payment Gateway</p>
<p>Payouts</p>
<p>Login/Register</p>
<p>Certificates</p>
<p>Disclaimer Policy</p>
</div>
<div class="footer__about__usefullink wow animate__animated animate__backInLeft">
<div class="footer__about__usefullinkTitle">
<span>Useful Links</span>
</div>
<p>News</p>
<p>About Us</p>
<p>Contact</p>
<p>Privacy Policy</p>
<p>Terms & Conditions</p>
</div>
<div class="footer__about__payment wow animate__animated animate__backInLeft">
<div class="footer__about__paymentTitle">
<span>Payments</span>
</div>
<p>Pricing</p>
<p>Payment link</p>
<p>Settlements</p>
<p>Refunds</p>
<p>Developers</p>
</div>
<div class="footer__about__images">
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__companyLogo">
<img src="{{ asset('haodapay/images/1_1 Logo 1.webp')}}" alt="img">
</div>
</div>
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__secure mt-2">
<img src="{{ asset('haodapay/images/Sectigo.webp')}}" alt="">
</div>
</div>
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__positive mt-8">
<img src="{{ asset('haodapay/images/image 1.webp')}}" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER IMAGES -->
<section class="footerImg container mx-auto my-10">
<div class="footerImg__container flex justify-center item-center flex-wrap sm:flex-nowrap gap-y-4 gap-x-10 px-2">
<div class="footerImg__container__iso1">
<img src="{{ asset('haodapay/images/iaf.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso2">
<img src="{{ asset('haodapay/images/madeinindia.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso27001">
<img src="{{ asset('haodapay/images/iso27001.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso">
<img src="{{ asset('haodapay/images/iso.png')}}" alt="img">
</div>
<div class="footerImg__container__start">
<img src="{{ asset('haodapay/images/startupindia.png')}}" alt="img">
</div>
<div class="footerImg__container__digital">
<img src="{{ asset('haodapay/images/digital.png')}}" alt="img">
</div>
</div>
</section>
<!-- FOOTER BOTTOM SECTION -->
<section class="footerBottom">
<div class="footerBootom__container container mx-auto flex justify-center lg:justify-between item-center flex-wrap gap-y-2 px-4 lg:px-0">
<div class="footerBootom__container__rights text-center lg:text-left">
<span>All Rights Reserved <i class="fa-solid fa-copyright"></i> Haoda Payment Solutions Pvt Ltd. 2023</span>
</div>
<div class="footerBootom__container__content">
<nav class="footerBootom__nav">
<ul class="footerBootom__ul flex flex-wrap justify-center item-center">
<li class="ml-4 mr-2"><a href=""></a>News</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Blog</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Privacy</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Terms</li> <span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Contact</li>
</ul>
</nav>
</div>
</div>
</section>
<script src="{{ asset('haodapay/js/aos.js')}}"></script>
<script>
AOS.init();
</script>
<script src="{{asset('haodapay/js/wow.min.js')}}"></script>
<script>
new WOW().init();
</script>
</body>
</html>

389
career.blade.php Normal file
View File

@ -0,0 +1,389 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Career</title>
<link rel="website icon" type="png" href="{{ asset('haodapay/images/haodafavicon.png')}}">
<script src="{{ asset('haodapay/js/tailwind.js') }}"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/career.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/animate.min.css') }}">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<section>
<header class="container mx-auto px-4 xl:px-0">
<div class="header__container">
<input type="checkbox" name="" id="check">
<div class="logo-container">
<div class="logo-img">
<a href="/index.html"><img src="{{ asset('haodapay/images/companyLogo.webp') }}" alt=""></a>
</div>
</div>
<div class="nav-btn">
<div class="nav-links">
<ul>
<li class="nav-link" style="--i: .85s">
<a href="#">Products <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Collect Payments <i class="fa-solid fa-chevron-right"></i></a>
<div class="dropdown second">
<ul>
<li class="dropdown-link">
<a href="https://www.bharatbillpay.net/effortless-fee-management.html">Education</a>
</li>
<li class="dropdown-link">
<a href="https://www.bharatbillpay.net/streamlined-rent-maintenance-charge.html">Housing Society</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="dropdown-link">
<a href="#">Payouts</a>
</li>
<li class="dropdown-link">
<a href="#">Recurring Payments</a>
</li>
<li class="dropdown-link">
<a href="#">Scale Your Business</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Features <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Industries <i class="fa-solid fa-chevron-right"></i></a>
<div class="dropdown second">
<ul>
<li class="dropdown-link">
<a href="#">E-commerce</a>
</li>
<li class="dropdown-link">
<a href="#">Other Industries</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="dropdown-link">
<a href="#">Help</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Partners <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Partner Program</a>
</li>
<li class="dropdown-link">
<a href="#">Integrations and Offers</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Articles <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">News</a>
</li>
<li class="dropdown-link">
<a href="{{ URL('v2/blog') }}">Blog</a>
</li>
<li class="dropdown-link">
<a href="#">Help</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.35s">
<a href="{{ URL('v2/career') }}">Career</a>
</li>
<li class="nav-link" style="--i: 1.35s">
<a href="#">About Us</a>
</li>
</ul>
</div>
<div class="log-sign" style="--i: 1.8s">
<a href="#" class="btn">Sign in</a>
<a href="#" class="btn solid">Create an account</a>
</div>
</div>
<div class="hamburger-menu-container">
<div class="hamburger-menu">
<div></div>
</div>
</div>
</div>
</header>
</section>
<!-- CAREER MAIN SECTION -->
<section>
<div class="career__container container mx-auto flex flex-wrap lg:flex-nowrap px-5 lg:px-0 mt-10 lg:mt-20 xl:mt-32">
<div class="careerContainer__content w-full md:w-1/2 wow animate__animated animate__slideInLeft">
<div class="careerContainer__content__title xl:mt-11 mb-4 md:mb-8 xl:mb-14 text-center md:text-left">
<span>Were fearless, independent & Original</span>
</div>
<div class="careerContainer__content__para text-center md:text-left wow animate__animated animate__slideInLeft">
<span>Were fearless collaborators, and were looking for people with the skills and ambition to make us even better.</span>
</div>
</div>
<div class="careerContainer__image w-full md:w-1/2 flex justify-center item-center mt-8 sm:mt-14 md:mt-0 wow animate__animated animate__slideInRight">
<div class="careerContainer__img">
<img src="{{ asset('haodapay/images/careerMain.webp')}}" alt="">
</div>
</div>
</div>
</section>
<!-- JOB LIST SECTION -->
<section>
<div class="jobList__container container mx-auto">
<div class="jobList__title text-center my-10 lg:mt-32 lg:mb-12 wow animate__animated animate__flash">
<span>Opportunities</span>
</div>
<div class="jobList__list">
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>HR Admin</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="{{ URL('v2/career/ui-ux-designer') }}">
<div class="jobTitle">
<span>UI/UX Designer</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>Account Executive</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>Digital Marketing Head</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
<div class="jobList">
<a href="#">
<div class="jobTitle">
<span>Full Stack Developer</span>
</div>
<div class="jobIcon grid place-content-center">
<i class="fa-solid fa-arrow-right"></i>
</div>
</a>
</div>
</div>
<div class="seeMore grid place-content-center my-14">
<div class="seeMore__btn grid place-content-center">
<button>SEE MORE</button>
</div>
</div>
</div>
</section>
<!-- CALL BACK SECTION -->
<section>
<div class="callBack container mx-auto grid place-content-center my-10 lg:my-20 xl:32">
<div class="callBack__container">
<div class="callBack__title wow animate__animated animate__heartBeat">
<span>Ready to get started ?</span>
</div>
<div class="callBack__btn">
<div class="callBack__btns" data-aos="fade-up">
<button>Request Call Back </button>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER SECTION -->
<section class="footer container mx-auto">
<div class="footer__container flex px-3">
<div class="footer__about wow animate__animated animate__backInLeft">
<div class="footer__about__title">
<span>About Us</span>
</div>
<div class="footer__about__para mt-1 mb-4 lg:mb-6">
<span>HaodaPay is revolutionizing online money management. Our clean APIs, seamless integration, and comprehensive solutions enable businesses to accept and disburse payments swiftly, securely. No more complexities.</span>
</div>
<div class="footer__about__icons flex">
<div class="social__icons mr-5"><i class="fa-brands fa-facebook"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-square-instagram"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-youtube"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-x-twitter"></i></div>
</div>
</div>
<div class="footer__container__content flex gap-x-20 xl:gap-x-14 lg:gap-x-20 gap-y-16 justify-start md:justify-center xl:justify-between flex-wrap lg:flex-nowrap w-full px-5 lg:px-5">
<div class="footer__about__information wow animate__animated animate__backInLeft">
<div class="footer__about__informationTitle">
<span>Information's</span>
</div>
<p>Payment Gateway</p>
<p>Payouts</p>
<p>Login/Register</p>
<p>Certificates</p>
<p>Disclaimer Policy</p>
</div>
<div class="footer__about__usefullink wow animate__animated animate__backInLeft">
<div class="footer__about__usefullinkTitle">
<span>Useful Links</span>
</div>
<p>News</p>
<p>About Us</p>
<p>Contact</p>
<p>Privacy Policy</p>
<p>Terms & Conditions</p>
</div>
<div class="footer__about__payment wow animate__animated animate__backInLeft">
<div class="footer__about__paymentTitle">
<span>Payments</span>
</div>
<p>Pricing</p>
<p>Payment link</p>
<p>Settlements</p>
<p>Refunds</p>
<p>Developers</p>
</div>
<div class="footer__about__images">
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__companyLogo">
<img src="{{ asset('haodapay/images/1_1 Logo 1.webp')}}" alt="img">
</div>
</div>
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__secure mt-2">
<img src="{{ asset('haodapay/images/Sectigo.webp')}}" alt="">
</div>
</div>
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__positive mt-8">
<img src="{{ asset('haodapay/images/image 1.webp')}}" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER IMAGES -->
<section class="footerImg container mx-auto my-10">
<div class="footerImg__container flex justify-center item-center flex-wrap sm:flex-nowrap gap-y-4 gap-x-10 px-2">
<div class="footerImg__container__iso1">
<img src="{{ asset('haodapay/images/iaf.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso2">
<img src="{{ asset('haodapay/images/madeinindia.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso27001">
<img src="{{ asset('haodapay/images/iso27001.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso">
<img src="{{ asset('haodapay/images/iso.png')}}" alt="img">
</div>
<div class="footerImg__container__start">
<img src="{{ asset('haodapay/images/startupindia.png')}}" alt="img">
</div>
<div class="footerImg__container__digital">
<img src="{{ asset('haodapay/images/digital.png')}}" alt="img">
</div>
</div>
</section>
<!-- FOOTER BOTTOM SECTION -->
<section class="footerBottom">
<div class="footerBootom__container container mx-auto flex justify-center lg:justify-between item-center flex-wrap gap-y-2 px-4 lg:px-0">
<div class="footerBootom__container__rights text-center lg:text-left">
<span>All Rights Reserved <i class="fa-solid fa-copyright"></i> Haoda Payment Solutions Pvt Ltd. 2023</span>
</div>
<div class="footerBootom__container__content">
<nav class="footerBootom__nav">
<ul class="footerBootom__ul flex flex-wrap justify-center item-center">
<li class="ml-4 mr-2"><a href=""></a>News</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Blog</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Privacy</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Terms</li> <span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Contact</li>
</ul>
</nav>
</div>
</div>
</section>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="{{asset('haodapay/js/wow.min.js') }}"></script>
<script>
new WOW().init();
</script>
<script src="{{ asset('haodapay/js/aos.js')}}"></script>
<script>
AOS.init();
</script>
</body>
</html>

832
index.blade.php Normal file
View File

@ -0,0 +1,832 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Haodapayment</title>
<script src="{{ asset('haodapay/js/tailwind.js') }}"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/style.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="{{ asset('haodapay/css/animate.min.css') }}">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<section>
<header class="container mx-auto px-4 xl:px-0">
<div class="header__container">
<input type="checkbox" name="" id="check">
<div class="logo-container">
<div class="logo-img">
<a href="./index.html"><img src="{{ asset('haodapay/images/companyLogo.webp') }}" alt=""></a>
</div>
</div>
<div class="nav-btn">
<div class="nav-links">
<ul>
<li class="nav-link" style="--i: .85s">
<a href="#">Products <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Collect Payments <i class="fa-solid fa-chevron-right"></i></a>
<div class="dropdown second">
<ul>
<li class="dropdown-link">
<a href="https://www.bharatbillpay.net/effortless-fee-management.html">Education</a>
</li>
<li class="dropdown-link">
<a href="https://www.bharatbillpay.net/streamlined-rent-maintenance-charge.html">Housing Society</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="dropdown-link">
<a href="#">Payouts</a>
</li>
<li class="dropdown-link">
<a href="#">Recurring Payments</a>
</li>
<li class="dropdown-link">
<a href="#">Scale Your Business</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Features <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Industries <i class="fa-solid fa-chevron-right"></i></a>
<div class="dropdown second">
<ul>
<li class="dropdown-link">
<a href="#">E-commerce</a>
</li>
<li class="dropdown-link">
<a href="#">Other Industries</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="dropdown-link">
<a href="#">Help</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Partners <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">Partner Program</a>
</li>
<li class="dropdown-link">
<a href="#">Integrations and Offers</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.1s">
<a href="#">Articles <i class="fa-solid fa-chevron-down"></i></a>
<div class="dropdown">
<ul>
<li class="dropdown-link">
<a href="#">News</a>
</li>
<li class="dropdown-link">
<a href="{{ URL('v2/blog') }}">Blog</a>
</li>
<li class="dropdown-link">
<a href="#">Help</a>
</li>
<div class="arrow"></div>
</ul>
</div>
</li>
<li class="nav-link" style="--i: 1.35s">
<a href="{{ URL('v2/career') }}">Career</a>
</li>
<li class="nav-link" style="--i: 1.35s">
<a href="#">About Us</a>
</li>
</ul>
</div>
<div class="log-sign" style="--i: 1.8s">
<a href="#" class="btn">Sign in</a>
<a href="#" class="btn solid">Create an account</a>
</div>
</div>
<div class="hamburger-menu-container">
<div class="hamburger-menu">
<div></div>
</div>
</div>
</div>
</header>
</section>
<!-- MAIN SECTION -->
<section style ="w-full; background-image: url({{ asset('haodapay/images/Section.webp')}};
background-position: center/cover;
background-size: cover;
position: relative;
z-index: -1;" class="main w-full py-6 lg:py-28">
<div class="main__container container mx-auto flex flex-wrap-reverse md:flex-wrap lg:flex-nowrap">
<div class="main__containerLeft w-full lg:w-1/2 pt-0 lg:pt-10">
<div class="main__container__title text-4xl xl:text-6xl text-center lg:text-left" data-aos="fade-up">
<span>Elevate Your Business with <span class="auto-type"><span class="typed-cursor" aria-hidden="true">|</span></span> <br>Payments.</span>
</div>
<div class="main__container__para pr-0 xl:pr-10 text-center lg:text-left wow animate__animated animate__fadeInLeft">
<span>Experience the Future of Flawless Payments with HaodaPay! Embrace worry-free online payments with HaodaPay's cutting-edge security. Our encryption shields your financial data, providing peace of mind. Join the countless satisfied customers who trust HaodaPay for seamless, secure, and hassle-free payments.</span>
</div>
<div class="main__container__register">
<div class="main__container__btn">
<button>Register Now</button>
</div>
</div>
</div>
<div class="main__containerRight w-full lg:w-1/2 mt-6 lg:mt-0">
<div class="main__containerRight__images">
<div class="main__containerRight__img3">
<img src="{{ asset('haodapay/images/card1.webp')}}" alt="">
</div>
<div class="main__containerRight__img1">
<img src="{{ asset('haodapay/images/card2.webp')}}" alt="">
</div>
<div class="main__containerRight__img2">
<img src="{{ asset('haodapay/images/card3.webp')}}" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- FEATURES SECTION -->
<section class="features mt-0 lg:mt-10 px-4 lg:px-0">
<div class="features__container container mx-auto px-0 lg:px-24 pt-0 lg:pt-24">
<div class="features__boxes grid xl:grid-cols-3 gap-10 grid-cols-1 md:grid-cols-2">
<div class="features__box1 2xl:row-span-3 xl:row-span-2 lg:p-4 mt-10 lg:mt-0 wow animate__animated animate__slideInLeft">
<div class="features__box1__img">
<img src="{{ asset('haodapay/images/Featured icon (1).webp')}}" alt="img">
</div>
<div class="features__box1__title">
<span>Our Valuable Features</span>
</div>
<div class="features__box1__para">
<span>Haodapay simplifies payments, streamlines finances, offers current accounts, ensures swift payouts, and automates payroll compliance.</span>
</div>
</div>
<div class="features__box2 wow animate__animated animate__slideInDown">
<div class="features__box2__img">
<img src="{{ asset('haodapay/images/Featured icon.webp')}}" alt="img">
</div>
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
<span>Professional Services</span>
</div>
<div class="features__box2__para mb-5">
<span>Professional services firms have the capability to provide their clients with the flexibility to distribute payments over an extended period.</span>
</div>
<div class="features__box2__btn">
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
<div class="features__box2 wow animate__animated animate__slideInDown">
<div class="features__box2__img">
<img src="{{ asset('haodapay/images/Featured icon-2.webp')}}" alt="img">
</div>
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
<span>Our Products</span>
</div>
<div class="features__box2__para mb-5">
<span>Haoda Payments is the comprehensive solution that caters to all your business payment and banking requirements.</span>
</div>
<div class="features__box2__btn">
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
<div class="features__box2 wow animate__animated animate__slideInUp"> <div class="features__box2__img">
<img src="{{ asset('haodapay/images/Featured icon-1.webp')}}" alt="img">
</div>
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
<span>Collect Payments</span>
</div>
<div class="features__box2__para mb-5">
<span>Haoda Payments enables you to effortlessly gather online payments across diverse channels while simplifying reconciliation.</span>
</div>
<div class="features__box2__btn">
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
<div class="features__box2 wow animate__animated animate__slideInUp">
<div class="features__box2__img">
<img src="{{ asset('haodapay/images/Featured icon-3.webp')}}" alt="img">
</div>
<div class="features__box2__title mt-4 lg:mt-8 mb-2 lg:mb-4">
<span>Safe and Secure</span>
</div>
<div class="features__box2__para mb-5">
<span>At HaodaPay, your peace of mind is our utmost priority in today's digital age. Our payment gateway is designed for top-tier safety.</span>
</div>
<div class="features__box2__btn">
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</section>
<!-- WHO ARE WE SECTION -->
<section class="whoAreWe w-full mt-10 pb-4">
<div class="whoAreWe__container container mx-auto flex flex-wrap lg:flex-nowrap pt-0 xl:pt-28 pb-0 xl:pb-20">
<div class="whoAreWe__left w-full lg:w-1/2 pr-0 xl:pr-32 wow animate__animated animate__slideInLeft">
<div class="whoAreWe__left__subTitle text-center lg:text-left text-lg md:text-2xl">
<span>WHO ARE WE</span>
</div>
<div class="whoAreWe__left__title text-center lg:text-left text-3xl md:text-4xl xl:text-5xl">
<span>Unlock Excellence in Payment Processing with HaodaPay.</span>
</div>
<div class="whoAreWe__left__para text-center lg:text-left text-sm md:text-lg">
<span>Authoritatively transform functionalized information without cross-platform convergence. Quickly reconceptualize cross-unit e-markets without superior products.Authoritatively restore high standards in outsourcing whereas vertical meta-services. Compellingly reconceptualize out-of-the-box outsourcing through plug-and-play synergy.</span>
</div>
<div class="whoAreWe__left__btn">
<div class="whoAreWe__left__more">
<button>Learn More <i class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
</div>
<div class="whoAreWe__right w-full lg:w-1/2 mt-14 lg:mt-0 wow animate__animated animate__slideInRight">
<div class="whoAreWe__right__image">
<div class="whoAreWe__right__img">
<img src="{{ asset('haodapay/images/whoweare__r.webp')}}" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- OUR BEST SERVICE SECTION -->
<section>
<div class="ourBestServiceSection__container container mx-auto mt:10 xl:mt-32 px-4">
<div class="ourBestServiceSection__container__title wow animate__animated animate__zoomIn">
<span>Our Best Services</span>
</div>
<div class="ourBestServiceSection__container__para mt-5 lg:mt-10 mb-10 xl:mb-24 wow animate__animated animate__lightSpeedInLeft">
<span>Presenting Banking Plan & Services That are Right For You</span>
</div>
<div class="ourBestService__container grid place-content-center lg:grid-cols-3 gap-10 px-0 xl:px-32 grid-cols-1 sm:grid-cols-2">
<div class="ourBestService__box" data-aos="fade-down">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Payment Methods</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Vector(1).webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Subscriptions</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-1.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Split Payments</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-2.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Request a Payment</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-4.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Onsite Payments</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-5.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Secure Transactions</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-3.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>e-Wallet</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-6.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Ecommerce Integrations</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
<div class="ourBestService__box" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="ourBestService__box__img">
<img src="{{ asset('haodapay/images/Icon-7.webp')}}" alt="img">
</div>
<div class="ourBestService__box__title">
<span>Payment Methods</span>
</div>
<div class="ourBestService__box__para">
<span>Metus ridiculus maximus est facilisi dolor ante penatibus cursus litora</span>
</div>
<div class="ourBestService__box__btn">
<button>Learn more <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i></button>
</div>
</div>
</div>
</div>
</section>
<!-- WHY CHOOSE US SECTION -->
<section class="whyChooseUs w-full mt-0 lg:mt-32 pb-4">
<div class="whyChooseUs__container container mx-auto flex flex-wrap lg:flex-nowrap pt-28 pb-20">
<div class="whyChooseUs__left w-full lg:w-1/2 mt-14 lg:mt-0" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="whyChooseUs__left__image mt-10">
<div class="whyChooseUs__left__img">
<img src="{{ asset('haodapay/images/whychooseus__l.webp')}}" alt="img">
</div>
</div>
</div>
<div class="whyChooseUs__right w-full lg:w-1/2 mt-20 lg:mt-0" data-aos="zoom-in-down">
<div class="whyChooseUs__right__title text-center lg:text-left text-lg md:text-2xl">
<span>WHY CHOOSE US</span>
</div>
<div class="whyChooseUs__right__para text-center lg:text-left text-3xl md:text-4xl xl:text-5xl">
<span>We Provide You World Class Best Payment Solutions Features For You.</span>
</div>
<div class="whyChooseUs__right__container grid grid-cols-1 sm:grid-cols-2 gap-14">
<div class="transpatent" data-aos="fade-down">
<div class="transpatent__title">
<span>Transparent</span>
</div>
<div class="transpatent__para">
<span>Customer expectations of transparency are growing. Its also true that being clearer and more transparent will have a direct effect on your sales.</span>
</div>
</div>
<div class="transpatent" data-aos="fade-down">
<div class="transpatent__title">
<span>Proactive</span>
</div>
<div class="transpatent__para">
<span>Proactive service refers to processes and techniques used to protect against customer problems and to motivate repeat or higher-volume purchases.</span>
</div>
</div>
<div class="transpatent" data-aos="fade-down">
<div class="transpatent__title">
<span>Affordable</span>
</div>
<div class="transpatent__para">
<span>Something is affordable, most people have enough money to buy it.</span>
</div>
</div>
<div class="transpatent" data-aos="fade-down">
<div class="transpatent__title">
<span>Flexible</span>
</div>
<div class="transpatent__para">
<span>Can deal with unexpected problems or tasks effectively.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- OUR PARTNERS SECTION -->
<section class="ourPartners pb-20">
<div class="ourPartners__container container mx-auto">
<div class="ourPartners__title m-10 lg:m-20 wow animate__animated animate__tada">
<span>Our Partners</span>
</div>
<div class="OurPartners__images flex justify-center items-center flex-wrap gap-x-20 gap-y-5">
<div class="OurPartners__img">
<img src="{{ asset('haodapay/images/axis.webp')}}" alt="img">
</div>
<div class="OurPartners__img">
<img src="{{ asset('haodapay/images/cashfree.webp')}}" alt="img">
</div>
<div class="OurPartners__img">
<img src="{{ asset('haodapay/images/federal.webp')}}" alt="img">
</div>
<div class="OurPartners__img">
<img src="{{ asset('haodapay/images/logo-idfcbank.webp')}}" alt="img">
</div>
<div class="OurPartners__img">
<img src="{{ asset('haodapay/images/tata.webp')}}" alt="img">
</div>
<div class="OurPartners__img">
<img src="{{ asset('haodapay/images/yes 1.webp')}}" alt="img">
</div>
</div>
</div>
</section>
<!-- SLIDER SECTION -->
<section class="slider">
<div class="slider__container container grid place-content-center mx-auto pb-20">
<div class="slider-content">
<div class="blogTitle__blog text-center xl:py-20 py-10 text-white text-lg lg:text-4xl font-bold wow animate__animated animate__bounce">
<span>BLOG</span>
</div>
<div class="wrapper">
<ul class="carousel">
<li class="card">
<div class="swiper__img">
<img src="{{ asset('haodapay/images/img1.webp')}}" alt="">
</div>
<div class="slider__dates my-3 flex justify-between w-full">
<p class="blue">FINANCE</p>
<p>1 Month Ago</p>
</div>
<div class="slider__title text-left">
<span>The Impact of Payment Gateways on User Experience.</span>
</div>
<div class="slider___para my-5">
<span>Explore how a user-friendly payment gateway can boost customer satisfaction and drive conversion rates </span>
</div>
<div class="slider__learnMore mt-6">
<p>12 Min Read</p>
<p class="read">Read more</p>
</div>
</li>
<li class="card">
<div class="swiper__img">
<img src="{{ asset('haodapay/images/img2.webp')}}" alt="">
</div>
<div class="slider__dates my-3 flex justify-between w-full">
<p class="blue">FINANCE</p>
<p>1 Month Ago</p>
</div>
<div class="slider__title text-left">
<span>Securing Online Transactions: A Deep Dive into Payment Security.</span>
</div>
<div class="slider___para my-5">
<span>Discover the intricate world of online payment security.We take you on a deep dive into the crucial aspects of
</span>
</div>
<div class="slider__learnMore mt-6">
<p>12 Min Read</p>
<p class="read">Read more</p>
</div>
</li>
<li class="card">
<div class="swiper__img">
<img src="{{ asset('haodapay/images/img3.webp')}}" alt="">
</div>
<div class="slider__dates my-3 flex justify-between w-full">
<p class="blue">FINANCE</p>
<p>1 Month Ago</p>
</div>
<div class="slider__title text-left">
<span>Understanding the Benefits of Contactless Payments.</span>
</div>
<div class="slider___para my-5">
<span>Explore the modern convenience of contactless payments in this informative blog. We delve into the myriad</span>
</div>
<div class="slider__learnMore mt-6">
<p>12 Min Read</p>
<p class="read">Read more</p>
</div>
</li>
<li class="card">
<div class="swiper__img">
<img src="{{ asset('haodapay/images/img4.webp')}}" alt="">
</div>
<div class="slider__dates my-3 flex justify-between w-full">
<p class="blue">FINANCE</p>
<p>1 Month Ago</p>
</div>
<div class="slider__title text-left">
<span>The Role of AI in Fraud Prevention for Online Payments.
</span>
</div>
<div class="slider___para my-5">
<span>
Delve into the cutting-edge realm of artificial intelligence and its pivotal role in safeguarding online payments.</span>
</div>
<div class="slider__learnMore mt-6">
<p>12 Min Read</p>
<p class="read">Read more</p>
</div>
</li>
<li class="card">
<div class="swiper__img">
<img src="{{ asset('haodapay/images/img5.webp')}}" alt="">
</div>
<div class="slider__dates my-3 flex justify-between w-full">
<p class="blue">FINANCE</p>
<p>1 Month Ago</p>
</div>
<div class="slider__title text-left">
<span>The Ultimate Guide to Choosing the Right Payment Gateway.
</span>
</div>
<div class="slider___para my-5">
<span>Explore the factors you need to consider when selecting a payment gateway for your business and ensure seamless </span>
</div>
<div class="slider__learnMore mt-6">
<p>12 Min Read</p>
<p class="read">Read more</p>
</div>
</li>
<li class="card">
<div class="swiper__img">
<img src="{{ asset('haodapay/images/img6.webp')}}" alt="">
</div>
<div class="slider__dates my-3 flex justify-between w-full">
<p class="blue">FINANCE</p>
<p>1 Month Ago</p>
</div>
<div class="slider__title text-left">
<span>Demystifying Payment Processing Fees: What You Need to Know.</span>
</div>
<div class="slider___para my-5">
<span> Unravel the complexities of payment processing fees and discover how to optimize costs while providing top-notch </span>
</div>
<div class="slider__learnMore mt-6">
<p>12 Min Read</p>
<p class="read">Read more</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- CALL BACK SECTION -->
<section>
<div class="callBack container mx-auto grid place-content-center my-10 lg:my-20 xl:32">
<div class="callBack__container">
<div class="callBack__title wow animate__animated animate__heartBeat">
<span>Ready to get started ?</span>
</div>
<div class="callBack__btn">
<div class="callBack__btns" data-aos="fade-up">
<button>Request Call Back </button>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER SECTION -->
<section class="footer container mx-auto">
<div class="footer__container flex px-3">
<div class="footer__about wow animate__animated animate__backInLeft">
<div class="footer__about__title">
<span>About Us</span>
</div>
<div class="footer__about__para mt-1 mb-4 lg:mb-6">
<span>HaodaPay is revolutionizing online money management. Our clean APIs, seamless integration, and comprehensive solutions enable businesses to accept and disburse payments swiftly, securely. No more complexities.</span>
</div>
<div class="footer__about__icons flex">
<div class="social__icons mr-5"><i class="fa-brands fa-facebook"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-square-instagram"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-youtube"></i></div>
<div class="social__icons mr-5"><i class="fa-brands fa-x-twitter"></i></div>
</div>
</div>
<div class="footer__container__content flex gap-x-20 xl:gap-x-14 lg:gap-x-20 gap-y-16 justify-start md:justify-center xl:justify-between flex-wrap lg:flex-nowrap w-full px-5 lg:px-5">
<div class="footer__about__information wow animate__animated animate__backInLeft">
<div class="footer__about__informationTitle">
<span>Information's</span>
</div>
<p>Payment Gateway</p>
<p>Payouts</p>
<p>Login/Register</p>
<p>Certificates</p>
<p>Disclaimer Policy</p>
</div>
<div class="footer__about__usefullink wow animate__animated animate__backInLeft">
<div class="footer__about__usefullinkTitle">
<span>Useful Links</span>
</div>
<p>News</p>
<p>About Us</p>
<p>Contact</p>
<p>Privacy Policy</p>
<p>Terms & Conditions</p>
</div>
<div class="footer__about__payment wow animate__animated animate__backInLeft">
<div class="footer__about__paymentTitle">
<span>Payments</span>
</div>
<p>Pricing</p>
<p>Payment link</p>
<p>Settlements</p>
<p>Refunds</p>
<p>Developers</p>
</div>
<div class="footer__about__images">
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__companyLogo">
<img src="{{ asset('haodapay/images/1_1 Logo 1.webp')}}" alt="img">
</div>
</div>
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__secure mt-2">
<img src="{{ asset('haodapay/images/Sectigo.webp')}}" alt="">
</div>
</div>
<div class="footer__about__companyLogoImg w-full grid place-content-center">
<div class="footer__about__positive mt-8">
<img src="{{ asset('haodapay/images/image 1.webp')}}" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER IMAGES -->
<section class="footerImg container mx-auto my-10">
<div class="footerImg__container flex justify-center item-center flex-wrap sm:flex-nowrap gap-y-4 gap-x-10 px-2">
<div class="footerImg__container__iso1">
<img src="{{ asset('haodapay/images/iaf.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso2">
<img src="{{ asset('haodapay/images/madeinindia.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso27001">
<img src="{{ asset('haodapay/images/iso27001.webp')}}" alt="img">
</div>
<div class="footerImg__container__iso">
<img src="{{ asset('haodapay/images/iso.png')}}" alt="img">
</div>
<div class="footerImg__container__start">
<img src="{{ asset('haodapay/images/startupindia.png')}}" alt="img">
</div>
<div class="footerImg__container__digital">
<img src="{{ asset('haodapay/images/digital.png')}}" alt="img">
</div>
</div>
</section>
<!-- FOOTER BOTTOM SECTION -->
<section class="footerBottom">
<div class="footerBootom__container container mx-auto flex justify-center lg:justify-between item-center flex-wrap gap-y-2 px-4 lg:px-0">
<div class="footerBootom__container__rights text-center lg:text-left">
<span>All Rights Reserved <i class="fa-solid fa-copyright"></i> Haoda Payment Solutions Pvt Ltd. 2023</span>
</div>
<div class="footerBootom__container__content">
<nav class="footerBootom__nav">
<ul class="footerBootom__ul flex flex-wrap justify-center item-center">
<li class="ml-4 mr-2"><a href=""></a>News</li><span>|</span>
<li class="ml-4 mr-2"><a href="blog.html"></a>Blog</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Privacy</li><span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Terms</li> <span>|</span>
<li class="ml-4 mr-2"><a href=""></a>Contact</li>
</ul>
</nav>
</div>
</div>
</section>
<script>
let typed = new Typed(".auto-type",{
strings: ["Seamless","Secure","Streamlined"],
typeSpeed : 150,
backSpeed : 150,
loop :true,
cursorChar: '|',
})
</script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="{{ asset('haodapay/js/wow.min.js') }}"></script>
<script>
new WOW().init();
</script>
<script>
AOS.init();
</script>
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
</body>
</html>