@extends('front.include.app')
@section('content')
    <section class="pricing-sec">
        <div class="container">
            <h2 class="mainHead">Choose Your Package</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="pricing-overlay">
                        <div class="pricing-top">
                            <h5>starting at<span>$69</span></h5>
                            <h6>monthly</h6>
                        </div>
                        <ul class="pricing-list">
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">1-Hour Studio/Outdoor Session</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">10 Edited Photos</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">Online Gallery Delivery</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">2 Revisions</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">24 Hours Support</a></li>
                        </ul>
                        <a href="" class="themeBtn">Join the Studio <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pricing-overlay">
                        <div class="pricing-top">
                            <h5>starting at<span>$33</span></h5>
                            <h6>monthly</h6>
                        </div>
                        <ul class="pricing-list">
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">1-Hour Studio/Outdoor Session</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">10 Edited Photos</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">Online Gallery Delivery</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">2 Revisions</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">24 Hours Support</a></li>
                        </ul>
                        <a href="" class="themeBtn">Join the Studio <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pricing-overlay">
                        <div class="pricing-top">
                            <h5>starting at<span>$65</span></h5>
                            <h6>monthly</h6>
                        </div>
                        <ul class="pricing-list">
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">1-Hour Studio/Outdoor Session</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">10 Edited Photos</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">Online Gallery Delivery</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">2 Revisions</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">24 Hours Support</a></li>
                        </ul>
                        <a href="" class="themeBtn">Join the Studio <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="pricing-overlay">
                        <div class="pricing-top">
                            <h5>starting at<span>$87</span></h5>
                            <h6>monthly</h6>
                        </div>
                        <ul class="pricing-list">
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">1-Hour Studio/Outdoor Session</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">10 Edited Photos</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">Online Gallery Delivery</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">2 Revisions</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">24 Hours Support</a></li>
                        </ul>
                        <a href="" class="themeBtn">Join the Studio <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pricing-overlay">
                        <div class="pricing-top">
                            <h5>starting at<span>$29</span></h5>
                            <h6>monthly</h6>
                        </div>
                        <ul class="pricing-list">
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">1-Hour Studio/Outdoor Session</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">10 Edited Photos</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">Online Gallery Delivery</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">2 Revisions</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">24 Hours Support</a></li>
                        </ul>
                        <a href="" class="themeBtn">Join the Studio <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pricing-overlay">
                        <div class="pricing-top">
                            <h5>starting at<span>$54</span></h5>
                            <h6>monthly</h6>
                        </div>
                        <ul class="pricing-list">
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">1-Hour Studio/Outdoor Session</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">10 Edited Photos</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">Online Gallery Delivery</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">2 Revisions</a></li>
                            <li><a href=""><img src="{{ asset('front/images/checkmark.png') }}" class="img-fluid"
                                        alt="">24 Hours Support</a></li>
                        </ul>
                        <a href="" class="themeBtn">Join the Studio <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>




    <section class="perfomace-sec">
        <div class="container">
            <h2 class="mainHead">Studios</h2>
            <div class="row">
                <div class="col-md-6" data-aos="fade-right" data-duration="4000">
                    <div class="perfomace-wrapp">
                        <figure class="perfomace-img">
                            <img src="{{ asset('front/images/perfomanc1.webp') }}" class="img-fluid" alt="">
                        </figure>
                        <div class="perfomace-conetnt">
                            <h4>Los Angeles</h4>
                            <p>1221 S Main St</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-left" data-duration="4000">
                    <div class="perfomace-wrapp">
                        <figure class="perfomace-img">
                            <img src="{{ asset('front/images/perfomanc2.webp') }}" class="img-fluid" alt="">
                        </figure>
                        <div class="perfomace-conetnt">
                            <h4>Pasadena</h4>
                            <p>2061 N Los robles avenue</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <img src="{{ asset('front/images/perfomancebg.webp') }}" class="img-fluid perfomancbg" alt="">
    </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