@extends('dreamon.welcome')
@section('content')

<main class="wrapper">
            <!-- Page Header -->
            <div class="wptb-page-heading" style="background-image: url({{asset(CCMS::getArticleByAlias('our-team')->cover_photo)?? url(asset('dreamon/assets/img/background/page-header-bg.jpg'))}});">
                <div class="container">
                    <div class="wptb-item--inner">
                        <h2 class="wptb-item--title ">Our Team</h2>
                        <div class="wptb-breadcrumb-wrap">
                            <ul class="wptb-breadcrumb">
                                <li><a href="{{route('home')}}">Home</a></li>
                                <li><span>Our Team</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Our Team -->
            <section class="wptb-team-one">
                <div class="container">
                    <div class="wptb-heading">
                        <div class="wptb-item--inner text-center">
                            <h6 class="wptb-item--subtitle" style="color: #04adef;">
                                Our Team
                            </h6>
                            <h1 class="wptb-item--title"> <span>We have the best Team to <br>
                                Fulfill Your Dream</span></h1>
                        </div>
                    </div>

                    <div class="wptb-timeline--inner">
                        <div class="row clearfix">
                            
                            <!-- Team Block -->
                            @foreach(CCMS::getTeams() as $team)
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="{{asset($team->thumb)}}" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">{{$team->title}}</a></h5>
                                                <p class="wptb-item--position">{{$team->designation}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/2.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
    
                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/3.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/4.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
    
                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/5.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
    
                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/6.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/7.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
     -->
                            <!-- Team Block -->
                            <!-- <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="wptb-team-grid2">
                                    <div class="wptb-item--inner">
                                        <div class="wptb-item--image">
                                            <img src="assets/img/team/8.jpg" alt="img">
                                        </div>
    
                                        <div class="wptb-item--holder">
                                            <div class="wptb-item--social">
                                                <a href="#"><i class="bi bi-facebook"></i></a>
                                                <a href="#"><i class="bi bi-instagram"></i></a>
                                                <a href="#"><i class="bi bi-linkedin"></i></a>
                                            </div>
                                            <div class="wptb-item--meta">
                                                <h5 class="wptb-item--title"><a href="#">Name</a></h5>
                                                <p class="wptb-item--position">Designation</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
            </section>

            <!-- Newsletter -->
            <div class="wptb-newsletter bg-image" style="background-image: url('dreamon/assets/img/background/bg-16.jpg');">
                <div class="container">
                    <div class="wptb-item--inner">
                        <div class="row align-items-center">
                            <div class="col-md-6 mb-4 mb-md-0">
                                <h1 class="wptb-item--title wow fadeInLeft">Subscribe To DreamOn
                                    For All the offers</h1>
                            </div>
                            <div class="col-md-6">
                                <form class="newsletter-form" method="post">
                                    <div class="form-group">
                                        <input type="email" name="email" class="form-control" placeholder="Enter your email" required>
                                    </div>
                                    <button type="submit" class="btn-readmore style-icon">
                                        <span class="btn-readmore--icon"> <i class="bi bi-send"></i> </span>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </main>
        
@endsection