@extends('website.layout.default_layout')
@section('content')
@foreach($banner_data as $banner)
<div class="howitworks" style="background-image: url({{URL::asset('public/upload/banner/'.$banner->image)}});">
    <div class="container">
        <div class="row px-2 justify-content-center">
            <div class="col-sm-5 text-white text-center">
                <div class="howtitle ">
                    Get You Free 7 Day Trail
                </div>
            </div>
        </div>
    </div>
</div>
@endforeach

<div class="service pb-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-sm-5 text-center">
                <div class="service_text pt-5 ">How to Create Digital Business Card ?</div>
                <div>
                    <i class="fa fa-minus text_custom1" aria-hidden="true"></i>
                    <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
                    <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
                    <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
                    <i class="fa fa-minus text_custom1" aria-hidden="true"></i>
                </div>
            </div>
        </div>
        <div class="row justify-content-center py-2">
            <div class="col-sm-4 mt-5">
                <div class="left_ser py-2 ">
                    <i class="fa fa-address-card-o fa-3x animated bounceIn text_custom1" aria-hidden="true"></i>
                </div>
                <div class="right_ser">
                    <div class="ser_head ">
                        Create Account
                    </div>
                    <div class="top_bar mt-2 mb-3"></div>
                    <div class="ser_text">
                        Take 7 days free tiral and create your Digital Business Card account.
                    </div>
                </div>
            </div>
            <div class="col-sm-4 mt-5">
                <div class="left_ser py-2 ">
                    <i class="fa fa-edit fa-3x animated bounceIn text_custom1" aria-hidden="true"></i>
                </div>
                <div class="right_ser">
                    <div class="ser_head ">
                        Enter Contact Info
                    </div>
                    <div class="top_bar mt-2 mb-3"></div>
                    <div class="ser_text">
                        Add Contact Information, Photo, Logo, Product Details, Choose Inventive Cards Theme etc.
                    </div>
                </div>
            </div>
            <div class="col-sm-4 mt-5">
                <div class="left_ser py-2 ">
                    <i class="fa fa-share-alt fa-3x animated bounceIn text_custom1" aria-hidden="true"></i>
                </div>
                <div class="right_ser">
                    <div class="ser_head ">
                        Share Inventive Cards
                    </div>
                    <div class="top_bar mt-2 mb-3"></div>
                    <div class="ser_text">
                        Share your Digital inventive cards and Add Leads to your inventive Cards App.
                    </div>
                </div>
            </div>

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

<div class="bg-light">
    <div class="about_text pt-5  text-center">7 Days Free Trial</div>
    <div class="text-center">
        <i class="fa fa-minus text_custom1 " aria-hidden="true"></i>
        <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
        <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
        <i class="fa fa-circle text_custom1" aria-hidden="true"></i>
        <i class="fa fa-minus text_custom1" aria-hidden="true"></i>
    </div>
    <div class="container">
        <div class="row justify-content-center pb-5 ">
            <div class="col-sm-5 mt-4 text-center">
                <h6 class="text-center text-custom1">Create Digital Business Card | Share Inventive Cards | Add Leads</h6>
                <div class="py-4">
                    <a href="{{url('signup')}}" class="btn bg-custom1 text-white">Free Trail</a>
                </div>
                <h6 class="text-center text-custom2">Order your Inventice cards now and stand out from your competitors!</h6>
                @foreach($amount_data as $amount)
                <h3 class="text-center text-success py-3"><b>Price - RS {{$amount->amount}}/-</b></h3>
                @endforeach
            </div>
        </div>
    </div>
</div>


<div class="container">

    <div class="row ">
        @foreach($faq_data as $faq)
        <div class="col-sm-6 mt-5 text-left">
            <img src="{{URL::asset('public/upload/faq/'.$faq->image)}}" width="100%">
        </div>
        @endforeach
        <div class="col-sm-6 py-5">
            
            @foreach($faqs_data as $data)
            <div class="dropdown1">
                <div class="dropdown__top">{{$data->heading}}</div>
                <div class="dropdown__btm">
                                    </div>
            </div>
            @endforeach
            

        </div>

    </div>
</div>

@stop