@extends('front.layouts.front')

@section('vite')
@vite(['resources/js/app.js'])
@endsection

@section('content')
    <!-- page title -->
    <section class="section section--first section--last section--head" data-bg="{{ asset('assets/img/bg.jpg') }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section__wrap">
                        <h2 class="section__title">Clip</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end page title -->

    <!-- section -->
    <section class="section section--last">
        <div class="container">
            <div class="row galary">
                <div id="vueapp">
                    <div class="">
                       <mainpage></mainpage>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->
@endsection