@extends('frontend.layouts.app')
@section('title', 'Project Two')
@section('content')
    <!-- header area -->
    @include('frontend.includes.headers.headerTwo')
    <!-- header area end -->

    <!-- page title start -->
    <div class="breadcrumb-area bg-cover" style="background-image: url('{{ asset('assets/img/bg/7.png') }}');">
        <div class="container">
            <div class="breadcrumb-inner">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <h2 class="page-title">Project Two</h2>
                    </div>
                    <div class="col-lg-6 text-lg-end">
                        <ul class="page-list">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li>Project Two</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- page title end -->

    <!-- project area start -->
    <div class="project-area bg-relative pd-top-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-6">
                    <div class="single-case-study-inner style-2 wow animated fadeInUp" data-wow-duration="0.8s">
                        <div class="thumb">
                            <img src="assets/img/service/11.png" alt="img" />
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('projectDetails') }}">Mind Tech</a>
                            </h5>
                            <a class="cat" href="#">Las vegas</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="single-case-study-inner style-2 wow animated fadeInUp" data-wow-duration="0.8s">
                                <div class="thumb">
                                    <img src="assets/img/service/12.png" alt="img" />
                                </div>
                                <div class="details">
                                    <h5>
                                        <a href="{{ route('projectDetails') }}">Wise Mind</a>
                                    </h5>
                                    <a class="cat" href="#">Las vegas</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="single-case-study-inner style-2 wow animated fadeInUp" data-wow-duration="0.8s"
                                data-wow-delay="0.3s">
                                <div class="thumb">
                                    <img src="assets/img/service/13.png" alt="img" />
                                </div>
                                <div class="details">
                                    <h5>
                                        <a href="{{ route('projectDetails') }}">Tecnology Farms</a>
                                    </h5>
                                    <a class="cat" href="#">Las vegas</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-case-study-inner style-2 wow animated fadeInUp" data-wow-duration="0.8s">
                        <div class="thumb">
                            <img src="assets/img/service/12.png" alt="img" />
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('projectDetails') }}">Neural Logic.</a>
                            </h5>
                            <a class="cat" href="#">California</a>
                        </div>
                    </div>
                    <div class="single-case-study-inner style-2 wow animated fadeInUp" data-wow-duration="0.8s"
                        data-wow-delay="0.3s">
                        <div class="thumb">
                            <img src="assets/img/service/15.png" alt="img" />
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('projectDetails') }}">AI Farms</a>
                            </h5>
                            <a class="cat" href="#">California</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- project area end -->
    <!-- team area start -->
    <div class="team-area bg-relative pd-top-90 pd-bottom-90">
        <div class="container">
            <div class="section-title text-center wow animated fadeInUp" data-wow-duration="0.8s">
                <h6 class="sub-title">MEET OUR EXPERTS</h6>
                <h2 class="title">
                    Your Partner In <span>Digital</span> Success
                </h2>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="single-team-inner text-center wow animated fadeInUp" data-wow-duration="0.8s">
                        <div class="thumb">
                            <img src="assets/img/team/1.png" alt="img" />
                            <ul class="team-social-inner">
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('teamDetails') }}">Devon Lane</a>
                            </h5>
                            <p>Merketing Department</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-team-inner text-center wow animated fadeInUp" data-wow-duration="0.8s"
                        data-wow-delay="0.3s">
                        <div class="thumb">
                            <img src="assets/img/team/2.png" alt="img" />
                            <ul class="team-social-inner">
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('teamDetails') }}">Darrell Steward</a>
                            </h5>
                            <p>It Department</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-team-inner text-center wow animated fadeInUp" data-wow-duration="0.8s"
                        data-wow-delay="0.6s">
                        <div class="thumb">
                            <img src="assets/img/team/3.png" alt="img" />
                            <ul class="team-social-inner">
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('teamDetails') }}">Bessie Cooper</a>
                            </h5>
                            <p>Software Department</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- team area end -->
    <!-- counter area start -->
    <div class="counter-area bg-relative bg-cover pd-top-110 pd-bottom-100"
        style="background-image: url('./assets/img/bg/5.png')">
        <div class="container pd-bottom-90">
            <div class="row">
                <div class="col-lg-3 col-md-6 wow animated fadeInUp" data-wow-duration="0.8s">
                    <div class="single-counter-inner">
                        <div class="thumb">
                            <img src="assets/img/icon/5.svg" alt="img" />
                        </div>
                        <h2 class="text-white mt-4 mb-2">
                            <span class="counter">200</span>+
                        </h2>
                        <p class="text-white">Team member</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 wow animated fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
                    <div class="single-counter-inner">
                        <div class="thumb">
                            <img src="assets/img/icon/6.svg" alt="img" />
                        </div>
                        <h2 class="text-white mt-4 mb-2">
                            <span class="counter">10</span>k+
                        </h2>
                        <p class="text-white">Team member</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 wow animated fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
                    <div class="single-counter-inner">
                        <div class="thumb">
                            <img src="assets/img/icon/7.svg" alt="img" />
                        </div>
                        <h2 class="text-white mt-4 mb-2">
                            <span class="counter">200</span>+
                        </h2>
                        <p class="text-white">Team member</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 wow animated fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.9s">
                    <div class="single-counter-inner">
                        <div class="thumb">
                            <img src="assets/img/icon/8.svg" alt="img" />
                        </div>
                        <h2 class="text-white mt-4 mb-2">
                            <span class="counter">200</span>+
                        </h2>
                        <p class="text-white">Team member</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- counter area end -->
    <!-- contact-inner-1 start -->
    <div class="contact-area pd-bottom-120">
        <div class="container">
            <div class="contact-inner-1">
                <img class="top_image_bounce animate-img-1" src="assets/img/banner/2.png" alt="img" />
                <img class="top_image_bounce animate-img-2" src="assets/img/about/6.png" alt="img" />
                <div class="row">
                    <div class="col-lg-8 wow animated fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.3s">
                        <img class="w-100" src="assets/img/bg/4.png" alt="img" />
                    </div>
                    <div class="col-lg-4 wow animated fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.3s">
                        <div class="section-title mb-0">
                            <h6 class="sub-title">GET IN TOUCH</h6>
                            <h2 class="title">
                                Bringing Your <span>Vision</span> To Life
                            </h2>
                            <p class="content">
                                For your car we will do everything advice
                                design in us repairs and maintenance. We are
                                the some preferred.
                            </p>
                            <form class="mt-4">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="single-input-inner style-border">
                                            <input type="text" placeholder="Your Name" />
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input-inner style-border">
                                            <input type="text" placeholder="Your Email" />
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input-inner style-border">
                                            <input type="text" placeholder="Your Phone" />
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input-inner style-border">
                                            <input type="text" placeholder="Your Subject" />
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="single-input-inner style-border">
                                            <textarea placeholder="Message"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <a class="btn btn-black mt-0 w-100 border-radius-5" href="#">Submit now</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- contact-inner-1 end -->

    <!-- footer area -->
    @include('frontend.includes.footers.footerTwo')
    <!-- footer area end -->
@endsection