@extends('front.layouts.app')
@section('content')

    <!-- Begin: Main Slider -->
    <section data-scroll-section class="main-slider p-0 innerBaner" id="mainSlider">
        <div class="swiper-container homeSlider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slide-inner">
                        <div class="container">
                            <div class="row align-items-center justify-content-between">
                                <div class="col-lg-5">
                                    <h2 data-swiper-parallax="-200">About Us</h2>
                                </div>
                                <div class="col-lg-6">
                                    <div class="slideIMg">
                                        <figure>
                                            <img src="{{ asset('images/ban5.png') }}" class="img-fluid" alt="">
                                        </figure>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bannerImages">
            <img src="{{ asset('images/ban1.png') }}" class="ban1" alt="">
{{--            <img src="{{ asset('images/ban10.png') }}" class="ban10" alt="" data-scroll data-scroll-speed="2" data-scroll-delay="0.1">--}}
        </div>
    </section>
    <!-- End: Main Slider -->


    <section data-scroll-section class="aboutSection aboutPage">
        <div class="container">
            <div class="row justify-content-between align-items-start">
                <div class="col-md-6">
                    <figure>
                        <img src="{{ $about['about_us_image'] ?? '' }}" class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="secHeading">
                        <h2>{{ $content['about_us_title'] ?? '' }}</h2>
                    </div>
                    <p>{!! $content['about_us_detail'] ?? ''  !!}</p>
                    <a href="" class="themeBtn">Read More</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <p>{!! $content['about_us_detail1'] ?? ''  !!}.</p>
                </div>
                <div class="col-md-6">
                    <p>{!! $content['about_us_detail2'] ?? ''  !!}</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <p>{!! $content['about_us_detail3'] ?? ''  !!}</p>
                </div>
            </div>

            <div class="row justify-content-between align-items-center flex-row-reverse">
                <div class="col-md-6">
                    <figure>
                        <img src="{{ $about['celebrant_gallery_image'] ?? '' }}" class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="secHeading">
                        <h2>{!! $content['celebrant_gallery_title'] ?? ''  !!}</h2>
                    </div>
                    <p>{!! $content['celebrant_gallery_detail'] ?? ''  !!}</p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <figure>
                        <img src="{{ $about['celebrant_gallery_image2'] ?? '' }}" class="img-fluid" alt="img">
                    </figure>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <p>{!! $content['celebrant_gallery_detail1'] ?? ''  !!}</p>
                </div>
                <div class="col-md-6">
                    <p>{!! $content['celebrant_gallery_detail2'] ?? ''  !!}</p>
                </div>
            </div>
        </div>
    </section>


    <section data-scroll-section class="questionSection">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-md-3">
                    <h2>Questtions?
                        Call us at</h2>
                </div>
                <div class="col-md-5">
                    <figure>
                        <img src="{{ asset('images/questioncall.png') }}" alt="">
                    </figure>
                </div>
                <div class="col-md-4">
                    <a href=""><i class="fas fa-phone-alt"></i>0123-456-7890</a>
                </div>
            </div>
        </div>
    </section>


    @include('front.includes.insta-post')

    <section data-scroll-section class="creditSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-7">
                    <div class="credtContent">
                        <h2>Start Our Trial Today. No Credit Card Required.</h2>
                        <form>
                            <input type="text" placeholder="Enter Your Email address ...">
                            <button class="themeBtn">Get Started</button>
                        </form>
                    </div>
                </div>
                <div class="col-md-5">
                    <figure>
                        <img src="{{ asset('images/todayimg.png') }}" class="img-fluid" alt="img">
                    </figure>
                </div>
            </div>
        </div>
    </section>



@endsection