@extends('layouts.master')

@section('title', 'Packages | Digital Studio')
@push('scripts')
    <script type="module" src="{{ asset('js/index.js') }}"></script>
@endpush

@section('content')
    {{-- <section class="hero-section">
        <div class="hero-content">
            <h1>Competitive <span>Pricing Plans</span></h1>
            <p>Helping you with complete brand advancement administrations for seed estimated and beast measured associations.</p>
        </div>
    </section> --}}

    {{-- <div class="social-marquee">
        <p>MOBILE APP DEVELOPMENT <span style="color:#FFE100;">•</span> WEBSITE DEVELOPMENT <span style="color:#FFE100;">•</span> DIGITAL MARKETING <span style="color:#FFE100;">•</span> WEBSITE DESIGN <span style="color:#FFE100;">•</span> BRANDING <span style="color:#FFE100;">•</span></p>
        <p>MOBILE APP DEVELOPMENT <span style="color:#FFE100;">•</span> WEBSITE DEVELOPMENT <span style="color:#FFE100;">•</span> DIGITAL MARKETING <span style="color:#FFE100;">•</span> WEBSITE DESIGN <span style="color:#FFE100;">•</span> BRANDING <span style="color:#FFE100;">•</span></p>
        <p>MOBILE APP DEVELOPMENT <span style="color:#FFE100;">•</span> WEBSITE DEVELOPMENT <span style="color:#FFE100;">•</span> DIGITAL MARKETING <span style="color:#FFE100;">•</span> WEBSITE DESIGN <span style="color:#FFE100;">•</span> BRANDING <span style="color:#FFE100;">•</span></p>
    </div> --}}

    <section class="pricing">
        <h1><span>Budget</span>-Friendly Pricing Plans!</h1>
        <p class="description">
            Partnering with Digital Studio comes with a wide range of benefits. Boost your brand visibility, enhance customer engagement, and maximize your ROI. Our solutions are tailored to meet the specific needs of your business, ensuring sustainable growth and success.
        </p>
        <!-- Tabs -->
        <div class="tabs">
            <div class="tab active" data-category="logo">Logo Design</div>
            <div class="tab" data-category="web">Website Development</div>
            <!--<div class="tab" data-category="ecommerce">Ecommerce Web Solutions</div>-->
            <!--<div class="tab" data-category="app">App Design</div>-->
            <div class="tab" data-category="branding">Branding Design</div>
            <!--<div class="tab" data-category="smm">SMM</div>-->
            <!--<div class="tab" data-category="seo">SEO</div>-->
            <div class="tab" data-category="video">Video Animation</div>
        </div>
    
        <!-- Pricing Plans -->
        <div class="pricing-container">
            <!-- Basic Plan -->
            <div class="plan">
                <h3 id="basic-plan">Basic</h3>
                <hr>
                <p class="price" id="basic-price"></p>
                <ul class="features" id="basic-features"></ul>
                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN" class="btn" target="_blank">Pay Now</a>
            </div>
    
            <!-- Standard Plan -->
            <div class="plan best-seller">
                <div class="ribbon"><span>Best Seller</span></div>
                <h3 id="standard-plan">Standard</h3>
                <hr>
                <p class="price" id="standard-price"></p>
                <ul class="features" id="standard-features"></ul>
                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN" class="btn" target="_blank">Pay Now</a>
            </div>
    
            <!-- Premium Plan -->
            <div class="plan">
                <h3 id="premium-plan">Premium</h3>
                <hr>
                <p class="price" id="premium-price"></p>
                <ul class="features" id="premium-features"></ul>
                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN" class="btn" target="_blank">Pay Now</a>
            </div>
        </div>
    </section>

    <section class="digital-journey">
        <h1>How Digital Studio Elevates <span>Your Digital<br>Journey</span></h1>
        <p class="description">
            Partnering with Digital Studio offers a multitude of advantages. Experience increased brand visibility, enhanced customer engagement, and a higher return on investment. Our tailored solutions are designed to meet your unique business needs, ensuring sustainable growth and lasting success.
        </p>

        <!-- Steps Section -->
        <div class="steps-container">
            <div class="step-box">
                <div class="icon"><img src="{{ asset('assets/Order.svg') }}" alt="Order Form"></div>
                <h3>Order Form</h3>
                <p>Fill out the necessary details in the order form. Be sure to include all relevant information and requirements to ensure accuracy.</p>
            </div>

            <div class="step-box">
                <div class="icon"><img src="{{ asset('assets/Payment.svg') }}" alt="Payment Process"></div>
                <h3>Payment Process</h3>
                <p>Once the form is complete, you will proceed to the payment section. Select the package that best suits your needs.</p>
            </div>

            <div class="step-box">
                <div class="icon"><img src="{{ asset('assets/Delivery.svg') }}" alt="Project Delivery"></div>
                <h3>Delivery</h3>
                <p>After your project is completed, we will send it to you for approval. You can request updates or modifications if necessary.</p>
            </div>
        </div>
    </section>

    @include('includes.function')
@endsection