@extends('template')
@section('head')
@endsection

@section('content')

<div class="wrapper">
    <div class="steps">
        @foreach ($contents as $step => $flow)
        <div class="steps__step">
            <div class="steps__number">
                <div class="steps__inner">
                STEP<br><span>{{$step}}</span>
                </div>
            </div>
            <div class="steps__img">
                <img src="{{root('img/buy/flow'.$step.'.png')}}" alt="">
            </div>
            <div class="steps__text">
                <h2 class="steps__title">{{$flow['title']}}</h2>
                <p class="steps__paragraph">
                    {{$flow['text']}}
                </p>
            </div>
        </div>
        <div class="steps__arrow">
            <i class="fas fa-caret-down"></i>
        </div>
        @endforeach
    </div>
</div>
@endsection
