@extends('users.social.layout.layout')

@section('title', 'Social | Home')

@section('social-main-content')

    <section class="life-style">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="dance-two">
                        <h1><span class="small-h">Match Your Lifestyle</span>Last Dance <span>2</span> Nite</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore magna aliqua.</p>
                        <div class="btn-div">
                            <a class="btn red-btn" hash="#">Get Started</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="dating-match">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="more-dating">
                        <h2>More than <span class="d-block">just dating matches </span></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna
                            aliqua. </p>
                        <p>
                            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                            aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                            pariatur. </p>
                        <div class="btn-div">
                            <a class="btn red-btn" hash="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="wheel-chair">
                        <figure>
                            <img src="{{ asset('user-assets/social/assets') }}/images/2.png" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="real-verified">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="more-dating">
                        <h2>Only real verified <span class="d-block">profiles are allowed </span>to join</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna
                            aliqua. </p>
                        <div class="btn-div">
                            <a class="btn red-btn" hash="#">Join Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="smart-match">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="more-dating">
                        <h2><span>Match Your Lifestyle</span> Smart Match Feed</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna
                            aliqua.</p>
                    </div>
                    <div class="twins-img">
                        <div class="heart-img">
                            <img src="{{ asset('user-assets/social/assets') }}/images/7.png" class="img-fluid" alt="">
                            <img src="{{ asset('user-assets/social/assets') }}/images/5.png" class="img-fluid h-one" alt="">
                        </div>
                        <div class="heart-img rotate-img">
                            <img src="{{ asset('user-assets/social/assets') }}/images/6.png" class="img-fluid h-two" alt="">
                            <img src="{{ asset('user-assets/social/assets') }}/images/8.png" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>

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


    <section class="arround-people">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="more-dating">
                        <h2>People Arround The <span class="d-block">World </span></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit do
                            eiusmod tempor incididunt magna aliqua. </p>
                        <div class="btn-div">
                            <a class="btn red-btn" hash="#">Find a Match</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="circle-man">
                        <div class="btn-div">
                            <a class="btn red-btn" hash="#">Find a Match</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="insta">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="more-dating">
                        <h2>Instagram</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna
                            aliqua.</p>
                    </div>
                </div>
                <div class="col p-1">
                    <div class="insta-main">
                        <div class="insta-img">
                            <figure>
                                <img src="{{ asset('user-assets/social/assets') }}/images/12.png" class="img-fluid" alt="">
                            </figure>
                        </div>
                        <div class="insta-comment">
                            <h4>Sarah Weber</h4>
                            <a href="#">@sarah.instagram</a>
                        </div>
                    </div>
                </div>
                <div class="col p-1">
                    <div class="insta-main">
                        <div class="insta-img">
                            <figure>
                                <img src="{{ asset('user-assets/social/assets') }}/images/13.png" class="img-fluid" alt="">
                            </figure>
                        </div>
                        <div class="insta-comment">
                            <h4>Tory Sasha</h4>
                            <a href="#">@tory sasha117</a>
                        </div>
                    </div>
                </div>
                <div class="col p-1">
                    <div class="insta-main">
                        <div class="insta-img">
                            <figure>
                                <img src="{{ asset('user-assets/social/assets') }}/images/14.png" class="img-fluid" alt="">
                            </figure>
                        </div>
                        <div class="insta-comment">
                            <h4>Milena Martin</h4>
                            <a href="#">@martina24</a>
                        </div>
                    </div>
                </div>
                <div class="col p-1">
                    <div class="insta-main">
                        <div class="insta-img">
                            <figure>
                                <img src="{{ asset('user-assets/social/assets') }}/images/15.png" class="img-fluid" alt="">
                            </figure>
                        </div>
                        <div class="insta-comment">
                            <h4>Andrew Jason</h4>
                            <a href="#">@andrewj</a>
                        </div>
                    </div>
                </div>
                <div class="col p-1">
                    <div class="insta-main">
                        <div class="insta-img">
                            <figure>
                                <img src="{{ asset('user-assets/social/assets') }}/images/16.png" class="img-fluid" alt="">
                            </figure>
                        </div>
                        <div class="insta-comment">
                            <h4>Peter Willson</h4>
                            <a href="#">@peter</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



@endsection