

<?php $__env->startSection('title', 'Packages | DIGITAL STUDIO2'); ?>

<?php $__env->startSection('content'); ?>
    <section class="hero hero-packages py-5 position-relative overflow-hidden" data-aos="fade-up">
        <div class="hero-pattern"></div>
        <div class="container py-lg-5 text-center">
            <h1 class="display-4 fw-bold mb-4" data-aos="fade-up" data-aos-delay="100">
                Strategic <span class="text-gradient">Pricing Plans</span>
            </h1>
            <p class="lead text-muted mx-auto mb-0" style="max-width: 800px;" data-aos="fade-up" data-aos-delay="200">
                Empowering your organisation with comprehensive brand development solutions, meticulously engineered for
                both emerging start-ups and established enterprises.
            </p>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing py-5" id="pricing-section" aria-labelledby="pricing-title">
        <div class="container-fluid">
            <div class="text-center mb-6">
                <h2 id="pricing-title" class="display-5 fw-bold mb-3 text-dark">
                    Strategic <span class="text-gradient">Pricing Solutions</span>
                </h2>
                <p class="lead text-muted mx-auto" style="max-width: 800px;" data-aos="fade-up" data-aos-delay="100">
                    Select the ideal plan tailored to your organisational requirements. All solutions include our commitment
                    to excellence and total client satisfaction.
                </p>
            </div>

            <!-- Bootstrap Tabs Navigation -->
            <ul class="nav nav-tabs pricing-tabs d-flex flex-wrap justify-content-center gap-2 mb-5" id="pricingTabs"
                role="tablist" data-aos="fade-up" data-aos-delay="200">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active rounded-pill px-4" id="logo-tab" data-bs-toggle="tab"
                        data-bs-target="#logo" type="button" role="tab">Logo Design</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="web-tab" data-bs-toggle="tab" data-bs-target="#web"
                        type="button" role="tab">Web Development</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="branding-tab" data-bs-toggle="tab"
                        data-bs-target="#branding" type="button" role="tab">Brand Identity</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="seo-tab" data-bs-toggle="tab" data-bs-target="#seo"
                        type="button" role="tab">Search Optimisation</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="video-tab" data-bs-toggle="tab" data-bs-target="#video"
                        type="button" role="tab">Video Animation</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="smm-tab" data-bs-toggle="tab" data-bs-target="#smm"
                        type="button" role="tab">Social Marketing</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="app-tab" data-bs-toggle="tab" data-bs-target="#app"
                        type="button" role="tab">Mobile Applications</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4" id="ecommerce-tab" data-bs-toggle="tab"
                        data-bs-target="#ecommerce" type="button" role="tab">eCommerce</button>
                </li>
            </ul>

            <!-- Bootstrap Tab Content -->
            <div class="tab-content" id="pricingTabsContent">

                <!-- Logo Design Tab -->
                <div class="tab-pane fade show active" id="logo" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter identity Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£39</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>2 Bespoke Logo Design
                                            Concepts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>1 Dedicated Creative
                                            Specialist</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>3 Comprehensive
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Final Files (JPG &
                                            PNG)</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24-72 Hours
                                            Turnaround</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional Identity Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£59</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>3-4 Bespoke Logo Design
                                            Concepts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>2 Passionate
                                            Designers</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>5-6 Comprehensive
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Final Files (JPG, PNG &
                                            PDF)</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24-72 Hours
                                            Turnaround</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite Identity Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£99</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>6 Unique Logo Design
                                            Concepts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>3 Senior Creative
                                            Specialists</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Unlimited Comprehensive
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Source Files (JPG,
                                            PNG, PDF, Ai/Psd)</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24-72 Hours
                                            Delivery</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Web Development Tab -->
                <div class="tab-pane fade" id="web" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter Web Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£149</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>1-3 Page Bespoke
                                            Website</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Powered by
                                            WordPress</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>1 Bespoke Banner
                                            Design</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Interactive Hover
                                            Effects</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Contact & Enquiry
                                            Form</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>3-4 Comprehensive
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Deployment
                                            Assistance</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>100% Intellectual
                                            Property Ownership</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>100% Satisfaction
                                            Guarantee</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Professional Email</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>SSL Certificate</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional Web Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£349</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>4-5 Page Bespoke
                                            Website</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Powered by
                                            WordPress</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>3 Dynamic Sliding
                                            Banners</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Interactive Hover
                                            Effects</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>3 Professional Email
                                            Addresses</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Unlimited Comprehensive
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Contact & Enquiry
                                            Form</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Deployment
                                            Assistance</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Fully Responsive
                                            Design</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>100% Intellectual
                                            Property Ownership</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>100% Satisfaction
                                            Guarantee</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>SSL Certificate</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite Web Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£1299</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>10 page Bespoke
                                            Website</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Custom WordPress or PHP
                                            Development</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>High-End Interactive &
                                            Dynamic Design</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>10 Professional Stock
                                            Images</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>10 Interactive Sliding
                                            Banners</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>5 Professional Email
                                            Addresses</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Deployment
                                            Assistance</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Fully Responsive
                                            Design</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>100% Intellectual
                                            Property Ownership</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>100% Satisfaction
                                            Guarantee</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full SSL
                                            Certificate</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Brand Identity Tab -->
                <div class="tab-pane fade" id="branding" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter Identity Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£149 <span class="per-month">Month</span></span>
                                    <span class="text-muted small d-block">monthly payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>9 Bespoke Social
                                            Posts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Social Media
                                            Strategy</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Account
                                            Configuration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Monthly Performance
                                            Insights</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>1 Video Reel (15-30
                                            Seconds)</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Bespoke Content
                                            Creation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Social Media
                                            Monitoring</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Guaranteed Follower
                                            Growth</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional Identity Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£249 <span class="per-month">Month</span></span>
                                    <span class="text-muted small d-block">monthly payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>9 Bespoke Social
                                            Posts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Social Media
                                            Strategy</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Account
                                            Configuration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Content
                                            Creation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Social Media
                                            Monitoring</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Monthly Performance
                                            Insights</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>1 Video Reel (15-30
                                            Seconds)</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Guaranteed Follower
                                            Growth</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite Identity Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£399 <span class="per-month">Month</span></span>
                                    <span class="text-muted small d-block">monthly payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>9 Bespoke Social
                                            Posts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>1 Video Reel (15-30
                                            Seconds)</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Social Media
                                            Strategy</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Account
                                            Configuration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Content
                                            Creation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Social Media
                                            Monitoring</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Guaranteed Follower
                                            Growth</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Monthly Performance
                                            Insights</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Search Optimisation Tab -->
                <div class="tab-pane fade" id="seo" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter SEO Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£79</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Comprehensive SEO
                                            Audit</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Strategic Keyword
                                            Research</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>On-Page SEO
                                            Optimisation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Intellectual
                                            Property Rights</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Off-Page SEO
                                            Strategies</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional SEO Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£199</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Search
                                            Optimisation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Technical SEO
                                            Enhancements</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Quality Link
                                            Building</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Content Excellence
                                            Strategy</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24/7 Dedicated
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite SEO Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£499</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Enterprise-Level
                                            SEO</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>In-depth Competitive
                                            Analysis</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>AI-Enhanced SEO
                                            Strategies</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Continuous
                                            Optimisation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Priority Client
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Video Animation Tab -->
                <div class="tab-pane fade" id="video" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">2D Animation Essential</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£199</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>30-Second
                                            Duration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Professional
                                            Scriptwriting</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Creative
                                            Storyboarding</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Graphics</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Animation & SFX</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full HD
                                            Resolution</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Professional
                                            Voiceover</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Synchronised
                                            Audio</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Unlimited
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Delivery within 2-3
                                            Weeks</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">2D Animation Professional</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£299</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Up to 60-Second
                                            Duration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Professional
                                            Scriptwriting</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Creative
                                            Storyboarding</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Graphics</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Animation & SFX</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full HD
                                            Resolution</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Professional
                                            Voiceover</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Synchronised
                                            Audio</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Unlimited
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Delivery within 3-4
                                            Weeks</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">2D Animation Supreme</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£999</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Up to 120-Second
                                            Duration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Professional
                                            Scriptwriting</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Creative
                                            Storyboarding</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Graphics</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Animation & SFX</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full HD
                                            Resolution</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Professional
                                            Voiceover</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Synchronised
                                            Audio</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Unlimited
                                            Revisions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Delivery within 4-6
                                            Weeks</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Social Marketing Tab -->
                <div class="tab-pane fade" id="smm" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter Social Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£99</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>2 Bespoke Social Media
                                            Posts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Account
                                            Configuration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Essential Engagement
                                            Tactics</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Intellectual
                                            Property Rights</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Paid Advertising
                                            Management</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional Social Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£299</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>10 Bespoke Posts</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Proactive Community
                                            Management</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Strategic Hashtag
                                            Research</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Paid Advertising
                                            Strategy</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24/7 Dedicated
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite Social Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£799</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Content
                                            Production</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Advanced Audience
                                            Targeting</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Paid Ad
                                            Management</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Strategic Influencer
                                            Collaboration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Priority Client
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Mobile Applications Tab -->
                <div class="tab-pane fade" id="app" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter Application Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£499</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Essential App UI/UX
                                            Design</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Interactive
                                            Prototype</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Android or iOS
                                            Platform</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full Intellectual
                                            Property Rights</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Advanced
                                            Functionality</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional Application Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£999</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Comprehensive UI/UX
                                            Design</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Cross-platform
                                            Development</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Robust Backend
                                            Integration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Advanced Features</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24/7 Dedicated
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite Bespoke App Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£1999</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Mobile
                                            Development</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>AI & ML
                                            Integrations</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Rigorous End-to-End
                                            Testing</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Priority Client
                                            Assistance</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Continuous
                                            Maintenance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- eCommerce Tab -->
                <div class="tab-pane fade" id="ecommerce" role="tabpanel" tabindex="0">
                    <div class="row g-4 pricing-container justify-content-center">
                        <!-- Basic Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Starter eCommerce Package</h4>
                                <div
                                    class="plan-label bg-primary-ultra-light text-primary py-2 px-4 rounded-pill d-inline-block">
                                    Best Value
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£299</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke eCommerce
                                            Configuration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>5 Product Uploads</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Secure Payment Gateway
                                            Integration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Fully Mobile
                                            Responsive</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 not-included text-muted opacity-50">
                                        <i class="fas fa-times-circle mt-1 text-danger"></i> <span>Custom
                                            Functionality</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Standard Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
                            <div class="pricing-card popular h-100">
                                <h4 class="fw-bold mb-4">Professional eCommerce Package</h4>
                                <div class="plan-label bg-primary text-white py-2 px-4 rounded-pill d-inline-block">
                                    Most Popular
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£599</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Comprehensive eCommerce
                                            Solution</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Unlimited Product
                                            Catalogues</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Advanced SEO
                                            Optimisation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Secure Payment Gateway
                                            Integration</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>24/7 Dedicated
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>

                        <!-- Premium Plan -->
                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
                            <div class="pricing-card h-100">
                                <h4 class="fw-bold mb-4">Elite eCommerce Transformation</h4>
                                <div class="plan-label bg-dark text-white py-2 px-4 rounded-pill d-inline-block">
                                    Premium
                                </div>
                                <hr>
                                <div class="price-wrapper my-4">
                                    <span class="price">£1499</span>
                                    <span class="text-muted small d-block">one-off payment</span>
                                </div>
                                <ul class="features list-unstyled mb-5 feature-list">
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke eCommerce
                                            Solutions</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Integrated Marketing
                                            Tools</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Full SEO
                                            Optimisation</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Bespoke Features &
                                            Functionality</span>
                                    </li>
                                    <li class="mb-3 d-flex align-items-start gap-2 included">
                                        <i class="fas fa-check-circle mt-1 text-primary"></i> <span>Priority Client
                                            Assistance</span>
                                    </li>
                                </ul>
                                <a href="https://www.paypal.com/ncp/payment/26F2ULF7SLUUN"
                                    class="btn btn-primary w-100 rounded-pill py-3" target="_blank"
                                    rel="noopener noreferrer">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="digital-journey py-5 bg-primary-ultra-light" data-aos="fade-up">
        <div class="container text-center">
            <h2 class="display-5 fw-bold mb-4" data-aos="fade-up">
                How DIGITAL STUDIO2 Advances <span class="text-primary">Your Digital Journey</span>
            </h2>
            <p class="mx-auto mb-5 text-muted" style="max-width: 800px;" data-aos="fade-up" data-aos-delay="100">
                Collaborating with DIGITAL STUDIO2 provides a wealth of advantages. Expect enhanced brand awareness,
                superior customer engagement, and an exceptional return on investment.
            </p>

            <!-- Steps Section -->
            <div class="row g-4 steps-container">
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                    <div class="process-card h-100">
                        <div class="process-number">01</div>
                        <div class="process-icon mb-4">
                            <i class="fas fa-file-alt"></i>
                        </div>
                        <h3 class="h4 fw-bold mb-3">Consultation Form</h3>
                        <p class="text-muted mb-0">
                            Complete the required details in our consultation form. Please ensure all pertinent information
                            and project requirements are included.
                        </p>
                    </div>
                </div>

                <div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
                    <div class="process-card h-100">
                        <div class="process-number">02</div>
                        <div class="process-icon mb-4">
                            <i class="fas fa-credit-card"></i>
                        </div>
                        <h3 class="h4 fw-bold mb-3">Secure Payment</h3>
                        <p class="text-muted mb-0">
                            Upon completing the form, you will be directed to our secure payment portal. Choose the package
                            that best aligns with your business needs.
                        </p>
                    </div>
                </div>

                <div class="col-md-4" data-aos="fade-up" data-aos-delay="400">
                    <div class="process-card h-100">
                        <div class="process-number">03</div>
                        <div class="process-icon mb-4">
                            <i class="fas fa-rocket"></i>
                        </div>
                        <h3 class="h4 fw-bold mb-3">Project Launch</h3>
                        <p class="text-muted mb-0">
                            Once your project is finalised, we will present it for your approval. You may then request any
                            necessary updates or refinements before launch.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>
    <style>
        .hero-packages {
            background-color: var(--background-color);
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85)),
                url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&q=80&w=2011");
            background-size: cover;
            background-position: center;
            min-height: 50vh;
            display: flex;
            align-items: center;
            position: relative;
        }

        .hero-pattern {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66 3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-46-71c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm20 31c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239929ea' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
            opacity: 1;
            pointer-events: none;
        }

        .text-gradient {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .pricing-card {
            border: 1px solid var(--border-subtle);
            border-radius: 20px;
            padding: 2.5rem 2rem;
            transition: var(--transition-smooth);
            position: relative;
            overflow: hidden;
            height: 100%;
            background: white;
        }

        .pricing-card.popular {
            border-color: var(--primary-color);
            box-shadow: var(--shadow-primary);
            transform: scale(1.02);
        }

        .pricing-card:hover {
            border-color: var(--primary-color);
            transform: translateY(-5px);
            box-shadow: var(--shadow-xl);
        }

        .plan-label {
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .price-wrapper {
            text-align: center;
        }

        .price {
            font-size: 3.5rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1;
            display: block;
        }

        .process-card {
            text-align: center;
            padding: 2.5rem 2rem;
            background: white;
            border-radius: 16px;
            border: 1px solid var(--primary-color);
            transition: var(--transition-smooth);
            position: relative;
            overflow: hidden;
        }

        .process-card:hover {
            transform: translateY(-4px);
        }

        .process-number {
            position: absolute;
            top: 1rem;
            left: 1rem;
            font-size: 3rem;
            font-weight: 900;
            color: var(--primary-ultra-light);
            line-height: 1;
            z-index: 0;
        }

        .process-icon {
            width: 80px;
            height: 80px;
            background: var(--primary-ultra-light);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            transition: var(--transition-smooth);
            position: relative;
            z-index: 1;
        }

        .process-card:hover .process-icon {
            background: var(--primary-color);
        }

        .process-icon i {
            font-size: 2rem;
            color: var(--primary-color);
            transition: var(--transition-smooth);
        }

        .process-card:hover .process-icon i {
            color: white;
        }

        .mb-6 {
            margin-bottom: 4rem;
        }

        @media (max-width: 767.98px) {
            .mb-6 {
                margin-bottom: 3rem;
            }

            .pricing-card {
                padding: 2rem 1.5rem;
            }

            .price {
                font-size: 2.5rem;
            }
        }


        .nav-tabs .nav-link {
            margin-bottom: 10px;
        }
    </style>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\maijitech-projects\company-projects\new brands\laravel1\brand4\resources\views/pages/packages.blade.php ENDPATH**/ ?>