@extends('front.include.app')
@section('content')
    <section class="merch-sec">
        <div class="container-fluid p-0">
            <h2 class="mainHead">Studio Merch</h2>
            <div class="row no-gutters">
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch1.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                        </figure>
                        <div class="merch-content">
                            <h4>Women t-shirt</h4>
                            <p>Outwear</p>
                            <span>$35<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch2.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                        </figure>
                        <div class="merch-content">
                            <h4>men t-shirt</h4>
                            <p>Outwear</p>
                            <span>$120<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch3.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                            <span>New</span>
                        </figure>
                        <div class="merch-content">
                            <h4>girl t-shirt</h4>
                            <p>Outwear</p>
                            <span>$75<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch4.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                        </figure>
                        <div class="merch-content">
                            <h4>men t-shirt</h4>
                            <p>Outwear</p>
                            <span>$75<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row no-gutters">
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch5.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                        </figure>
                        <div class="merch-content">
                            <h4>cap</h4>
                            <p>Outwear</p>
                            <span>$35<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch6.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                        </figure>
                        <div class="merch-content">
                            <h4>hoodies</h4>
                            <p>Outwear</p>
                            <span>$120<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch7.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                            <span>New</span>
                        </figure>
                        <div class="merch-content">
                            <h4>goggles</h4>
                            <p>Outwear</p>
                            <span>$75<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="merch-wrapp">
                        <figure class="merch-img">
                            <img src="{{ asset('front/images/merch8.png') }}" class="img-fluid" alt="">
                            <a href=""><i class="fal fa-heart"></i></a>
                        </figure>
                        <div class="merch-content">
                            <h4>trousers</h4>
                            <p>Outwear</p>
                            <span>$75<a href=""><i class="far fa-shopping-bag"></i></a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>






    <section class="insta-sec">
        <div class="container">
            <div class="row justify-content-center text-center">
                <div class="col-md-5">
                    <div class="insta-content" data-aos="fade-up" data-duration="4000">
                        <a href="">follow on instagram<i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection