@extends('layouts.fe_master')

@section('title', 'home')

@section('content')
    <div class="header-padding"></div>
    {{--   <div class="banner">
        <img src="{{ $page->banner_url }}" class="img" alt="home banner" />
        <div class="play-btn">
            <img src="{{ asset('/assets') }}/media/images/svg/play-btn.svg" />
        </div>
    </div> --}}
    <!-- main -->
    <div class="main creator-container">
        <div class="about-us-section">
            <div class="creator-our-people">
                <div class="section-title our-people-title">

                    <h1>
                        Nhà sáng tạo của chúng tôi
                    </h1>
                </div>
                <div class="our-people-list">
                    @foreach ($creators as $item)
                        <a href="{{ route('frontend.creator.detail', $item->id) }}" class="our-people-item"
                            style="background-image: url('{{ asset($item->image_url) }}') ">
                            <div class="item-content">
                                <div class="item-people-name">{!! $item->name !!}</div>
                                <div class="item-people-role">{{ $item->position }}</div>
                                <div class="item-people-role">{{ $item->position_desc }}</div>
                            </div>
                        </a>
                    @endforeach
                    <div class="our-people-item"
                        style="background-image: url('{{ asset('/storage/photos/1/creator/creator6.png') }}') ">
                        <div class="item-content">
                            <div class="item-people-name">Are You Creator?</div>

                            <div class="item-people-role"> Become 30 Pictures Creator</div>
                            <div class="item-people-role"> &nbsp;</div>
                        </div>
                    </div>
                </div>
            </div>



        </div>
    </div>
    <!-- end main -->

@endsection