@extends('frontend.layouts.frontend')

@section('metaTitle', @$page->metaTitle)
@section('metaDescription', @$page->metaDescription)
@section('metaKeywords', @$page->metaKeywords)

@section('content')

    <div id="register" class="default-section full-height pb-sm-0 pt-xs-40 pb-xs-10">
        <div class="container">
            <div class="default-white-box box-shadow no-padding mb-xs-0">
                <div class="row">
                    <div class="col-lg-5 d-lg-block d-none">
                        <img src="{!! url('/') !!}/assets/frontend/images/register-image.png" alt="register">
                    </div>
                    <div class="register-wrapper col-lg-7 offset-lg-0 offset-sm-1 col-sm-10">
                        <div class="register-box">
                            <h1 class="title">
                                Daftar Sekarang Akun Duha Syariah.
                                Mudah, cepat, transparan, &  Bebas Riba!
                            </h1>
                            <p class="mb-50 mb-xs-30">
                                Platform layanan pembiayaan pembelian barang atau jasa berbasis
                                teknologi yang menggunakan prinsip Syariah (Bebas riba).
                            </p>


                            <p class="download-text">
                                Download disini! Tersedia untuk Android dan iOS!
                            </p>

                            <div class="download-wrapper">
                                <a href="{{ getSetting()->appStoreUrl }}" class="button">
                                    <img class="image" src="{!! url('/') !!}/assets/frontend/images/button-download-apple.png" alt="apple download">
                                </a>
                                <a href="{{ getSetting()->playStoreUrl }}" class="button">
                                    <img class="image" src="{!! url('/') !!}/assets/frontend/images/button-download-gplay.png" alt="gplay download">
                                </a>
                            </div>

                            <div class="divider">
                                <span>ATAU</span>
                            </div>

                            <form>
                                <div class="form-group">
                                    <div class="input-group input-group-icon">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">+62</span>
                                        </div>
                                        <input type="tel" class="form-control" id="phone" name="phone" placeholder="Masukkan nomor HP" required>
                                        <img class="icon" src="{!! url('/') !!}/assets/frontend/images/phone-ico.png" alt="phone">
                                    </div>
                                </div>

                                <button type="submit" class="btn btn-main btn-full">Kirim tautan download via SMS</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection