@extends('layouts.landing_master')
@section('page-title') 
    Landing Page
@endsection
@section('page-content')

<!-- Simple splash screen-->
<div class="splash"> <div class="color-line"></div><div class="splash-title"><h1>Homer - Responsive Admin Theme</h1><p>Special Admin Theme for small and medium webapp with very clean and aesthetic style and feel. </p><div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> </div> </div>
<!--[if lt IE 7]>
<p class="alert alert-danger">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<!-- <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index.html" class="navbar-brand">HOMER</a>
            <div class="brand-desc">
                Landing page for Homer app
            </div>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a class="page-scroll" href="landing_page.html#page-top">Home</a></li>
                <li><a class="page-scroll" page-scroll href="landing_page.html#components">UI</a></li>
                <li><a class="page-scroll" page-scroll href="landing_page.html#features">Features</a></li>
                <li><a class="page-scroll" page-scroll href="landing_page.html#team">Team</a></li>
                <li><a class="page-scroll" page-scroll href="landing_page.html#pricing">Pricing </a></li>
                <li><a class="page-scroll" page-scroll href="landing_page.html#clients">Clients </a></li>
                <li><a class="page-scroll" page-scroll href="landing_page.html#contact">Contact</a></li>
            </ul>
        </div>
    </div>
</nav> -->

<header id="page-top">
    <div class="container">
        <div class="heading">
            <h1>
                Welcome to Click Airtime Dealer & Merchant Portal
            </h1>
            <span></span>
            <h3>Select an option to proceed.</h3>
            <!-- <p class="small">
                Lorem Ipsum is simply dummy te the simply dummy text of the ypesetting.
            </p> -->
            <div class="" style="margin-top: 60px;">
            <a href="{{('dealer') }}" class="btn btn-success btn-lg"><i class="fa fa-address-book-o"></i> Dealer</a>
            &nbsp; &nbsp; &nbsp; &nbsp;
            <a href="{{('merchant') }}" class="btn btn-warning btn-lg"><i class="fa fa-address-book"></i> Merchant</a>
            </div>
        </div>
        
    </div>
</header>

<section>
    <div class="container">
    <div class="row">
        <div class="col-md-4">
            <h4>Dealers and Merchants</h4>
            <p>Click Airtime offers a simple and effective platform to help both Dealers and Merchants grow their airtime businesses.</p>
        <ol>
            <li>Dealers handle larger volumes and often manage merchants.</li>
            <li>Merchants sell airtime directly to their customers.</li>
        </ol>
        <p>
            Whether you are running a big operation or serving local customers, our platform gives you the tools you need including instant top-ups, real-time tracking, and competitive rates.
            </p>
</p>
            <!-- <p><a class="navy-link btn btn-sm" href="landing_page.html#" role="button">Learn more</a></p> -->
        </div>
        <div class="col-md-4">
            <h4>How to become a dealer</h4>
            <p>It's easy to become a Dealer with Click Airtime. </p>
            <p>As a Dealer, you can <em><u>purchase airtime in bulk</u></em>, <em><u>manage your own group of merchants</u><em>, and <em><u>earn commissions</u></em> based on your sales performance. </p>
            <p>
            Here’s how to get started: Register on our portal, once approved, you will get full access to the Dealer dashboard, complete with advanced tools and real-time insights.</p>
            <p><a class="navys-link btn btn-success btn-sm" href="{{ url('dealer/register') }}" role="button">Register Here</a></p>
        </div>
        <div class="col-md-4">
            <h4>How to become a Merchant</h4>
            <p>Start earning by selling airtime in your community with Click Airtime. </p>
            <p>
            As a Merchant, you will get instant airtime delivery, real-time tracking, and an easy-to-use platform. Getting started is quick and simple: Sign up on our portal and start selling airtime in just minutes.</p>
            <p> Great for <u>shop owners</u>, <u>mobile money agents</u>, or <u>anyone looking to make extra income.</u></p>
            <!-- <p><a class="navy-link btn btn-sm" href="landing_page.html#" role="button">Learn more</a></p> -->
            <p><a class="navy-links btn btn-sm btn-warning" href="{{ url('merchant/register') }}" role="button">Sign Up Here</a></p>

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




@endsection