@extends('layouts.app')

@section('content')
    @include('includes.home_sections.about')
    <section class="bg-white">
        <div class="container">
            <h2 class="text-main fw-bold">OUR HISTORY</h2>
            {!! appSettingsGetter('history') !!}
        </div>
    </section>

    <!-- section service begin -->
    <section id="section-service-1" class="side-bg no-padding bg-dark">
        <div class="image-container wow fadeIn col-lg-6 offset-lg-6 col-md-12 pull-right" data-delay="0">
            <div class="background-image"></div>
        </div>
        <div class="container">
            <div class="row">
                <div class="inner-padding py-lg-50">
                    <div class="col-lg-5 col-md-12 wow fadeInLeft" data-wow-delay=".5s">
                        <h3 class="text-main text-justify fw-bold fs-6 sm-spacing">
                            What we aspire to, is engineering excellence in all aspects,
                            and our path through this journey has begun.
                        </h3>
                        {!! appSettingsGetter('services') !!}
                        <a href="{{ route('services.index') }}" class="theme-btn">Expolre Services</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- section service close -->

    <!-- section begin -->
    <section class="text-dark">
        <div class="container">
            <div class="row g-lg-5 g-4">
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0s">
                    <div class="box-icon">
                        <span class="icon"><i class="text-dark icon-aperture"></i></span>
                        <div class="text">
                            <h3>Interior Expertise</h3>
                            <p>
                                Sed ut perspiciatis unde omnis iste natus error sit
                                voluptatem accusantium doloremque laudantium, totam rem
                                aperiam, eaque ipsa.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".25s">
                    <div class="box-icon">
                        <span class="icon"><i class="text-dark icon-gift"></i></span>
                        <div class="text">
                            <h3>Awards Winning</h3>
                            <p>
                                Sed ut perspiciatis unde omnis iste natus error sit
                                voluptatem accusantium doloremque laudantium, totam rem
                                aperiam, eaque ipsa.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".75s">
                    <div class="box-icon">
                        <span class="icon"><i class="text-dark icon-phone"></i></span>
                        <div class="text">
                            <h3>Free Consultation</h3>
                            <p>
                                Sed ut perspiciatis unde omnis iste natus error sit
                                voluptatem accusantium doloremque laudantium, totam rem
                                aperiam, eaque ipsa.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                    <div class="box-icon">
                        <span class="icon"><i class="text-dark icon-megaphone"></i></span>
                        <div class="text">
                            <h3>Affordable Price</h3>
                            <p>
                                Sed ut perspiciatis unde omnis iste natus error sit
                                voluptatem accusantium doloremque laudantium, totam rem
                                aperiam, eaque ipsa.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="1s">
                    <div class="box-icon">
                        <span class="icon"><i class="text-dark icon-happy"></i></span>
                        <div class="text">
                            <h3>Guaranteed Works</h3>
                            <p>
                                Sed ut perspiciatis unde omnis iste natus error sit
                                voluptatem accusantium doloremque laudantium, totam rem
                                aperiam, eaque ipsa.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="1.25s">
                    <div class="box-icon">
                        <span class="icon"><i class="text-dark icon-envelope"></i></span>
                        <div class="text">
                            <h3>24 / 7 Support</h3>
                            <p>
                                Sed ut perspiciatis unde omnis iste natus error sit
                                voluptatem accusantium doloremque laudantium, totam rem
                                aperiam, eaque ipsa.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- section close -->

    <!-- section begin -->
    <section id="section-vision" class="side-bg no-padding bg-grey-light">
        <div class="image-container wow fadeIn col-lg-6 col-md-12 pull-left" data-delay="0">
            <div class="background-image"></div>
        </div>

        <div class="container">
            <div class="row">
                <div class="inner-padding py-lg-50">
                    <div class="col-lg-5 offset-lg-7 col-md-12 wow fadeInRight" data-wow-delay=".5s">
                        <h3 class="fw-bold text-main">OUR VISION & VALUES</h3>
                        {!! appSettingsGetter('vision') !!}
                        <div class="spacer-single"></div>
                        <a href="{{ route('contact.index') }}" class="theme-btn">CONTACT US</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- section close -->
@endsection