<?php
require_once 'merchant/config.php';
include 'aluu-header1.php';
?>

<style>
    /* newassets/img/icon/{phone,mail,loction}_icon.svg never shipped with
       this template -- the footer's contact list uses inline SVGs instead,
       so carry over the spacing the stylesheet only defined for <img>. */
    .footer-about .list-wrap li svg {
        margin-right: 13px;
        min-width: 20px;
        flex: none;
    }
</style>

    <!-- Main Content -->
    <main>
        <!-- Our Services Section -->
        <section class="pt-100 pb-70">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-title text-center mb-60">
                            <span class="sub-title">Our Services</span>
                            <h2 class="title">Powering Your Business with <span>Seamless Payments</span></h2>
                            <p>Explore our complete range of UPI payment solutions designed for businesses of all sizes, from startups to enterprises.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-30">
                        <div class="service-card wow fadeInUp" data-wow-delay=".2s">
                            <div class="service-icon">
                                <svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 4L2 12l6 8M16 4l6 8-6 8"/></svg>
                            </div>
                            <h3>UPI API Integration</h3>
                            <p>Integrate our UPI payment gateway into your website or app with a straightforward REST API.</p>
                            <ul class="service-features">
                                <li>Create-order &amp; check-status endpoints</li>
                                <li>Full integration documentation</li>
                                <li>Real-time payment webhooks</li>
                                <li>Sandbox-friendly checkout flow</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30">
                        <div class="service-card wow fadeInUp" data-wow-delay=".3s">
                            <div class="service-icon">
                                <svg viewBox="0 0 24 24" width="40" height="40" fill="white"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg>
                            </div>
                            <h3>Merchant Dashboard</h3>
                            <p>Register free, verify your Aadhaar/PAN KYC, and manage everything from one dashboard.</p>
                            <ul class="service-features">
                                <li>Free registration, no setup fees</li>
                                <li>Aadhaar &amp; PAN KYC verification</li>
                                <li>Real-time transaction monitoring</li>
                                <li>Multi-user access for your team</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30">
                        <div class="service-card wow fadeInUp" data-wow-delay=".4s">
                            <div class="service-icon">
                                <svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="7" rx="7" ry="3"/><path d="M5 7v5c0 1.66 3.13 3 7 3s7-1.34 7-3V7"/><path d="M5 12v5c0 1.66 3.13 3 7 3s7-1.34 7-3v-5"/></svg>
                            </div>
                            <h3>Crypto Payments</h3>
                            <p>Accept crypto alongside UPI, with automatic on-chain confirmation &mdash; no manual checking.</p>
                            <ul class="service-features">
                                <li>USDT &amp; other on-chain payments</li>
                                <li>TronGrid / Etherscan-verified status</li>
                                <li>Runs alongside your UPI orders</li>
                                <li>Combo plan, one dashboard</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30">
                        <div class="service-card wow fadeInUp" data-wow-delay=".2s">
                            <div class="service-icon">
                                <svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M6 9l4 3-4 3M13 15h5"/></svg>
                            </div>
                            <h3>Multi-Language SDKs</h3>
                            <p>Skip the boilerplate with ready-made SDKs and plugins for your stack.</p>
                            <ul class="service-features">
                                <li>PHP, Python, Node.js, Java &amp; more</li>
                                <li>Android, Kotlin &amp; Swift for mobile</li>
                                <li>WordPress &amp; WHMCS plugins</li>
                                <li>Included with the Combo plan</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30">
                        <div class="service-card wow fadeInUp" data-wow-delay=".3s">
                            <div class="service-icon">
                                <svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6z"/><path d="M9 12l2 2 4-4"/></svg>
                            </div>
                            <h3>Secure Webhooks</h3>
                            <p>Every webhook we send is signed, so you can verify it actually came from us before trusting it.</p>
                            <ul class="service-features">
                                <li>Configurable webhook URL</li>
                                <li>X-Webhook-Signature verification</li>
                                <li>Regenerable webhook secret</li>
                                <li>Fires on every status change</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30">
                        <div class="service-card wow fadeInUp" data-wow-delay=".4s">
                            <div class="service-icon">
                                <svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/></svg>
                            </div>
                            <h3>Transaction Reports</h3>
                            <p>Track every order and settlement from your dashboard, and export what you need.</p>
                            <ul class="service-features">
                                <li>Real-time transaction list</li>
                                <li>Daily settlement tracking</li>
                                <li>Export to Excel</li>
                                <li>Filter by status &amp; date</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- How It Works Section -->
        <section class="works-section">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-title text-center mb-60">
                            <span class="sub-title">Process</span>
                            <h2 class="title">How aluu Pay <span>Works</span></h2>
                            <p>Get started with aluu Pay in just a few simple steps and start accepting UPI payments immediately.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="work-step">
                            <div class="step-number">1</div>
                            <h4>Create Your Account</h4>
                            <p>Register as a merchant free of charge, then submit your Aadhaar and PAN for KYC verification.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="work-step">
                            <div class="step-number">2</div>
                            <h4>Choose Integration Method</h4>
                            <p>Select your preferred integration option &mdash; direct API, a language SDK, or a plugin &mdash; based on your stack.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="work-step">
                            <div class="step-number">3</div>
                            <h4>Integrate with Your Platform</h4>
                            <p>Follow our integration guide to connect aluu Pay with your website, app or business system.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="work-step">
                            <div class="step-number">4</div>
                            <h4>Start Accepting Payments</h4>
                            <p>Go live and start accepting UPI and crypto payments, with order status tracked automatically on your dashboard.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Benefits Section -->
        <section class="pt-100 pb-70">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-title text-center mb-60">
                            <span class="sub-title">Advantages</span>
                            <h2 class="title">Why Businesses Choose <span>aluu Pay</span></h2>
                            <p>Discover the benefits that make aluu Pay a straightforward payment gateway for Indian businesses.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="benefit-card">
                            <h4><svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="#6e8efb" stroke-width="2" stroke-linecap="round"><circle cx="7" cy="7" r="3"/><circle cx="17" cy="17" r="3"/><path d="M19 5L5 19"/></svg> 0% Transaction Fees</h4>
                            <p>Zero transaction fees on UPI payments &mdash; you subscribe to a plan instead of losing a cut of every order.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="benefit-card">
                            <h4><svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="#6e8efb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M8 12l3 3 5-6"/></svg> Free Onboarding</h4>
                            <p>Registration is free with no setup fees &mdash; submit your KYC documents and our team verifies them.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="benefit-card">
                            <h4><svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="#6e8efb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-3-6.7"/><path d="M21 3v6h-6"/></svg> Automated Status Checks</h4>
                            <p>Background checkers re-verify every pending UPI and crypto order on their own, so status updates even if the customer closes the page.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="benefit-card">
                            <h4><svg viewBox="0 0 24 24" width="30" height="30" fill="#25D366"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.48 1.32 5L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91C21.96 6.45 17.5 2 12.04 2zm5.8 14.02c-.24.68-1.39 1.3-1.93 1.38-.5.08-1.12.11-1.81-.11-.42-.13-.95-.31-1.64-.6-2.9-1.25-4.79-4.17-4.93-4.36-.14-.19-1.18-1.57-1.18-3 0-1.42.75-2.12 1.01-2.41.27-.29.58-.36.78-.36h.55c.18 0 .42-.07.65.5.24.58.81 2 .88 2.15.07.14.12.31.02.5-.09.19-.14.31-.28.48-.14.17-.29.37-.42.5-.14.14-.28.29-.12.57.16.28.72 1.18 1.54 1.92 1.06.95 1.95 1.24 2.23 1.38.28.14.44.12.6-.07.16-.19.68-.79.87-1.06.19-.28.37-.23.62-.14.26.09 1.63.77 1.91.91.28.14.47.21.54.33.07.12.07.68-.17 1.36z"/></svg> WhatsApp Support</h4>
                            <p>Chat with our support team directly on WhatsApp for integration help or account issues.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="benefit-card">
                            <h4><svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="#6e8efb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V7a4 4 0 018 0v4"/></svg> Signed Webhooks</h4>
                            <p>Every webhook carries an X-Webhook-Signature header, so you can verify it genuinely came from us before you trust it.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="benefit-card">
                            <h4><svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="#6e8efb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5a2 2 0 012-2h9v18H6a2 2 0 01-2-2z"/><path d="M15 3h3a2 2 0 012 2v14a2 2 0 01-2 2h-3"/></svg> Developer Friendly</h4>
                            <p>Full API documentation plus ready-made SDKs for 10+ languages and platforms.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA Section -->
        <section class="cta-area pt-80 pb-80" style="background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-8">
                        <h2 style="color: white; margin-bottom: 20px;">Ready to Transform Your Payment Experience?</h2>
                        <p style="color: rgba(255,255,255,0.9); max-width: 600px;">Start accepting UPI and crypto payments with aluu Pay &mdash; seamless, secure and cost-effective.</p>
                    </div>
                    <div class="col-lg-4 text-lg-end">
                        <a href="merchant/register" class="btn" style="background-color: white; color: #6e8efb;">Get Started Now</a>
                    </div>
                </div>
            </div>
        </section>

    </main>
    <!-- Main Content End -->

    <!-- Footer Area -->
    <footer>
        <div class="footer-area">
            <div class="footer-top">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-widget">
                                <div class="logo">
                                    <a href="index"><img loading="lazy" src="<?= $site_url ?>/<?= $website_settings['logo'] ?>" alt="<?= $website_settings['title'] ?> Logo"></a>
                                </div>
                                <div class="footer-social">
                                    <ul class="list-wrap">
                                        <li><a href="<?= "https://wa.me/" . preg_replace('/\D/', '', $website_settings['contact_phone']) ?>" target="_blank" aria-label="Chat with us on WhatsApp">
                                                <svg class="icon-primary" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="grey" viewBox="0 0 448 512">
                                                    <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/>
                                                </svg>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="footer-contact">
                                    <span>For Support</span>
                                    <h2 class="title"><a href="<?= "https://wa.me/" . preg_replace('/\D/', '', $website_settings['contact_phone']) ?>" target="_blank"><?= $website_settings['contact_phone'] ?></a></h2>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="fw-title">UPI Gateway</h4>
                                <div class="fw-link">
                                    <ul class="list-wrap">
                                        <li><a href="docs">Documentation</a></li>
                                        <li><a href="merchant/plugin">SDK Files</a></li>
                                        <li><a href="demo">Demo</a></li>
                                        <li><a href="index#contact">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="fw-title">Account</h4>
                                <div class="fw-link">
                                    <ul class="list-wrap">
                                        <li><a href="merchant/index">Login</a></li>
                                        <li><a href="merchant/register">Sign UP</a></li>
                                        <li><a href="merchant/forgotpassword">Reset Password</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="fw-title">Contact Info</h4>
                                <div class="footer-about">
                                    <ul class="list-wrap">
                                        <li>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="grey" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
                                            <a href="https://wa.me/<?= preg_replace('/\D/', '', $website_settings['contact_phone']) ?>"><?= $website_settings['contact_phone'] ?></a>
                                        </li>
                                        <li>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="grey" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
                                            <a href="mailto:<?= $website_settings['contact_email'] ?>"><?= $website_settings['contact_email'] ?></a>
                                        </li>
                                        <li>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="grey" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>
                                            <span><?= $website_settings['contact_address'] ?></span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-6">
                            <div class="cart-img">
                                <img loading="lazy" src="newassets/img/digisah_pay-800h.webp" alt=""
                                    style="height: 24px;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="copyright-text text-end">
                                <p>© <?= date('Y') ?> <?= $website_settings['title'] ?>. All Rights Reserved</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Area End -->

    <!-- JS here -->
    <script src="newassets/js/jquery-3.6.0.min.js"></script>
    <script src="newassets/js/bootstrap.min.js"></script>
    <script src="newassets/js/swiper-bundle.min.js"></script>
    <script src="newassets/js/slick.min.js"></script>
    <script src="newassets/js/wow.min.js"></script>
    <script src="newassets/js/main.js"></script>
    
    <script disable-devtool-auto="" src="common/disable-devtool.js" data-url="https://www.google.com/"></script>

</body>

</html>