@extends('website.layout.master')

@section('title')
Pricing
@endsection

@section('content')
    <div class="ms-all-content ms-all-content-space">
        <main>
            <!-- page title area start  -->
            <section class="page-title-area page-title-spacing p-relative zindex-1 "
                     data-background="{{ URL::asset('website/images/bg/work-bg.jpg')}} ">
                <div class="ms-overlay ms-overlay9 p-absolute zindex--1"></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xxl-11">
                            <h3 class="ms-page-title text-center">Pricing</h3>
                        </div>
                    </div>
                </div>
            </section>
            <!-- page title area end  -->

            <!-- Products Area Start  -->
            <div class="ms-product-area pt-130 pb-70 p-relative">

                <div class="container">
                    <div class="row align-items-end mb-25 bdFadeUp">
                        <div class="col-lg-12">
                            <div class="section__title-wrapper mb-40" style="text-align: center">
                                <h2 class="section__title mb-35 bd-title-anim">Paid membership</h2>
                                <p style="max-width: 100% !important;">Gain exclusive benefits and advanced tools with our paid membership. <br style="display: flow !important; ">Elevate your creative journey with tailored resources and support.</p>
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-lg-12 offset-2">
                            <div class="ms-product-total mb-60">
                                <h3 class="ms-title3 white-text  mb-10 pt-5">Pro Plan</h3>
                                <span>Essential tools to help you earn income directly from your community.</span>
                                <div class="ms-product-total-item mb-30">
                                    <ul>
                                        <li class="ms-border5" style="margin-top: 10px">
                                            <span class="ms-pitem-name"><strong>8% of income</strong></span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Monthly and annual subscriptions</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Membership tiers</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Free trials and special offers</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Priority customer support</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Engagement tools (chats, DMs, comments)</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Member analytics and insights</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ms-submit-btn text-center mt-50">
                                    <button class="unfill__btn" type="submit">Choose Pro Plan</button>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-4 col-lg-12 ">
                            <div class="ms-product-total mb-60">
                                <h3 class="ms-title3 white-text   mb-10 pt-5">Premium Plan</h3>
                                <span >Enhanced features to grow your creative business and maximize earnings.</span>
                                <div class="ms-product-total-item mb-30">
                                    <ul>
                                        <li class="ms-border5" style="margin-top: 10px">
                                            <span class="ms-pitem-name"><strong>12% of income</strong></span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Everything in Pro Plan, plus:</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Dedicated partner manager</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Team accounts</span>
                                        </li>
                                        <li>
                                            <span class="ms-pitem-name">Merch for membership</span>
                                        </li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                </div>
                                <div class="ms-submit-btn text-center mt-50">
                                    <button class="unfill__btn" type="submit">Choose Premium Plan</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!-- Products Area End  -->
@endsection