@extends('layouts.master')
@section('links')
<style>
    .ajolla-text-color{
        color: #6045FB !important;
    }
</style>
@stop
@section('content')
<!-- Hero Area -->
<div class="hero-area-l-14 position-relative z-index-1 overflow-hidden" style="padding-top: 170px;">
    <div class="container">
        <div class="row position-relative justify-content-center">
            <div class="col-xl-4 col-lg-5 col-md-8 col-sm-10 pr-0 " data-aos="fade-right" data-aos-duration="800" data-aos-once="true">
                <div class="content">
                    <h1 class="ajolla-text-color" style="font-family: 'Poppins', sans-serif;">ajolla</h1>
                    <h5 class="ajolla-text-color">The social donation platform</h5>
                    <h6 class="text-muted">Get donations from fans, family and friends for your projects.</h6>
                    <br>
                    <div class="row">
                        <div class="col-6">
                            <a href="https://apps.apple.com/us/app/ajolla/id1567595577"><img src="{{asset('download-ios-app.png')}}" width="90%" height="90%" alt="Download on the App Store"></a>
                        </div>
                        <div class="col-6">
                            <a href="https://play.google.com/store/apps/details?id=com.rckstrt.ajolla"><img src="{{asset('download-android-app.png')}}" width="90%" height="90%" alt="Download on the App Store"></a>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="col-xl-6 col-lg-5 col-md-8 " data-aos="fade-left" data-aos-duration="800" data-aos-once="true">
                <div class="banner-image-l-14 text-center">
                    <img src="{{asset('assets/image/homepage.svg')}}" alt="" class="img-fluid" style="width: 80% !important;position:relative;top:40px;">
                    <!-- <img src="{{asset('assets/image/shoppers.png')}}" alt="" class="img-fluid" style="width: 80% !important;position:relative;top:40px;"> -->
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="bg-shape-14"></div> -->
</div>

@stop
@section('scripts')
@stop