@extends('layouts.master_pub')

@section('title')
VoiceSync: Plans and Pricing
@endsection

@section('content')
<section class="pt-8 pt-md-11 pb-8 pb-md-14 ">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-md">
                <h1 class="display-4 mb-2">
                    {{ $setting->title }}
                </h1>
            </div>
        </div> <!-- / .row -->
        <div class="row">
            <div class="col-12">
                <hr class="my-6 my-md-8">
            </div>
        </div> <!-- / .row -->
        <div class="row">
            <div class="col-12 col-md-8">
                <p>
                    {!! html_entity_decode($setting->content) !!}
                </p>
            </div>
            <div class="col-12 col-md-4">
                <div class="card shadow-light-lg">
                    <div class="card-body">
                        <h4>
                            Have a question?
                        </h4>
                        <p class="font-size-sm text-gray-800 mb-5">
                            Not sure exactly what we’re looking for or just want clarification? We’d
                            be happy to chat with you and clear things up for you. Anytime!
                        </p>
                        <h6 class="font-weight-bold text-uppercase text-gray-700 mb-2">
                            Call anytime
                        </h6>
                        <p class="font-size-sm mb-5">
                            <a href="tel:713-287-0552" class="text-reset">(713) 287-0552</a>
                        </p>
                        <h6 class="font-weight-bold text-uppercase text-gray-700 mb-2">
                            Email us
                        </h6>
                        <p class="font-size-sm mb-0">
                            <a href="mailto:info@voicesync.info"
                                class="text-reset">info@voicesync.info</a>
                        </p>
                    </div>
                </div>
            </div>
        </div> <!-- / .row -->
    </div> <!-- / .container -->
</section>

@endsection