@extends('layouts.app')

@section('title', 'Veriqo - Pricing')

@section('content')

    <!-- main content -->
    <main class="page-content">
        <!-- page banner -->
        <section class="page_banner animate__animated animate__fadeInLeft animate__delay-0.5s">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-10">
                        <div class="page_banner_content">
                            <h1>Strategic Intelligence for Every Decision-Maker</h1>
                            <p>From independent consultants to Fortune 500 executives, choose the plan that matches your decision-making needs.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- pricing plans -->
        <section class="plans">
            <div class="container">
                <div class="plan_title animate-on-scroll" data-animation="fadeInRight">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 col-md-9">
                            <div class="plan_title_inr text-center">
                                <div class="plan_title_highlight">
                                    <span>Monthly</span>
                                    <span class="light">Annual – Save 10%</span>
                                </div>
                                <div class="plan_title_content">
                                    <h2>Individual Plans</h2>
                                    <p>Perfect for executives, consultants, and independent decision-makers</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="plans_list animate-on-scroll" data-animation="fadeInLeft">
                    <div class="plan_list_item">
                        <label class="free_trial">Free Trial Available</label>

                        <div class="plan_price_info">
                            <span>Starter</span>
                            <label>Pay-per-Query</label>
                            <h3>£25<span><sub>/per analysis</sub></span></h3>
                        </div>

                        <div class="monthly_info">
                            <ul>
                                <li>
                                    <p>No monthly commitment</p>
                                </li>
                                <li>
                                    <p>Perfect for occasional strategic decisions</p>
                                </li>
                            </ul>
                        </div>
                        
                        <div class="plan_info_point">
                            <ul>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>2 complimentary queries to start</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>All 5 AI executives (CFO, Legal, Strategy, Risk, Research)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Under 60-second analysis</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Comprehensive executive memo format</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>PDF export capability</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Bank-level security (zero data retention)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Email support (24-hour response)</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_best_point">
                            <h3>Best For:</h3>
                            <ul>
                                <li>
                                    <p>Angel investors evaluating opportunities </p>
                                </li>
                                <li>
                                    <p>Independent consultants on specific projects </p>
                                </li>
                                <li>
                                    <p>Entrepreneurs making occasional strategic decisions</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_free_trail_btn text-center w-100">
                            <button class="btn primary_btn w-100 mb-2 start-trial-btn" data-plan="starter" data-amount="25" data-type="one_time">Start Free Trial</button>
                            <p class="px-2">No credit card required for trial</p>
                        </div>
                    </div>
                    <div class="plan_list_item">
                        <label class="popular">MOST POPULAR • Best Value</label>

                        <div class="plan_price_info">
                            <span>executive</span>
                            <h3>£150<span><sub>/month</sub></span></h3>
                        </div>

                        <div class="monthly_info">
                            <ul>
                                <li>
                                    <p>Or <strong>£135</strong>/month billed annually</p>
                                </li>
                                <li>
                                    <p><strong>8 queries included</strong></p>
                                </li>
                                <li>
                                    <p><strong>£18.75</strong> per included query</p>
                                </li>
                                <li>
                                    <label class="save">Save £50 monthly vs. pay-per-query</label>
                                </li>
                                <li>
                                    <p>For leaders making regular strategic decisions</p>
                                </li>
                            </ul>
                        </div>

                        
                        <div class="plan_info_point">
                            <ul>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Everything in Starter, plus:</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>8 queries per month (£18.75 per query value)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Additional queries: £20 each (vs £25 pay-per-use)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Deep Research access (2 per month included, worth £300)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Additional Deep Research: £120 each (20% discount vs £150)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Strategic Canvas tool for visual planning</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Premium Visual Analysis templates</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Priority queue access for faster processing</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Advanced export options (PowerPoint, branded PDFs)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Priority email support (4-hour response)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Usage analytics dashboard</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_best_point">
                            <h3>Best For:</h3>
                            <ul>
                                <li>
                                    <p>C-suite executives at scale-ups</p>
                                </li>
                                <li>
                                    <p>Active angel investors or VCs</p>
                                </li>
                                <li>
                                    <p>Strategic consultants with ongoing projects</p>
                                </li>
                                <li>
                                    <p>Business development leaders</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_free_trail_btn text-center w-100">
                            <button class="btn primary_btn w-100 mb-2 start-trial-btn" data-plan="executive" data-amount="150" data-type="subscription">Start Free Trial</button>
                            <p class="px-2">Money-Back Guarantee: 30-day satisfaction guarantee</p>
                        </div>
                    </div>
                    <div class="plan_list_item">
                        <label class="popular">MOST POPULAR • Best Value</label>

                        <div class="plan_price_info">
                            <span>PROFESSIONAL</span>
                            <h3>£400<span><sub>/month</sub></span></h3>
                        </div>

                        <div class="monthly_info">
                            <ul>
                                <li>
                                    <p>Or <strong>£360</strong>/month billed annually</p>
                                </li>
                                <li>
                                    <p><strong>25 queries included</strong></p>
                                </li>
                                <li>
                                    <p><strong>£16</strong> per included query</p>
                                </li>
                                <li>
                                    <label class="save">Save £225 monthly vs. pay-per-query</label>
                                </li>
                                <li>
                                    <p>For executives who depend on strategic intelligence daily</p>
                                </li>
                            </ul>
                        </div>

                        
                        <div class="plan_info_point">
                            <ul>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Everything in Executive, plus:</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>25 queries per month (£16 per query value)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Additional queries: £18 each</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Unlimited Deep Research (normally £150 each - unlimited value)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Strategic Canvas with advanced scenario modeling</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Executive Learning platform access (worth £200/month)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom branding for Visual Analysis reports</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Personal API access for workflow integration</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>White-label report options</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Dedicated support line (1-hour response)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Advanced analytics and insights</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom integrations support</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_best_point">
                            <h3>Best For:</h3>
                            <ul>
                                <li>
                                    <p>Fortune 500 C-suite executives </p>
                                </li>
                                <li>
                                    <p>Active fund managers making multiple decisions weekly </p>
                                </li>
                                <li>
                                    <p>Board advisors serving multiple clients </p>
                                </li>
                                <li>
                                    <p>Management consultants needing daily intelligence</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_free_trail_btn text-center w-100">
                            <button class="btn primary_btn w-100 mb-2 start-trial-btn" data-plan="professional" data-amount="400" data-type="subscription">Start Free Trial</button>
                            <p class="px-2"><strong>Concierge Onboarding:</strong> Personal onboarding call included</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- plan compare -->
        <section class="plan_compare animate-on-scroll" data-animation="fadeInRight">
            <div class="container">
                <div class="plan_capare_info">
                    <h2 class="m-0">Compare Plans in Detail</h2>

                    <div class="plan_capare_info_content">
                        <div class="table-responsive">
                            <table class="table table-bordered m-0">
                                <thead>
                                    <tr>
                                        <th>Feature</th>
                                        <th>Starter</th>
                                        <th>Executive</th>
                                        <th>Professional</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Monthly Price</td>
                                        <td>Pay-per-use</td>
                                        <td>£150</td>
                                        <td>£400</td>
                                    </tr>
                                    <tr>
                                        <td>Annual Price</td>
                                        <td>-</td>
                                        <td>£1,620/year (£135/mo)</td>
                                        <td>£4,320/year (£360/mo)</td>
                                    </tr>
                                    <tr>
                                        <td>Monthly Price</td>
                                        <td>Pay-per-use</td>
                                        <td>£150</td>
                                        <td>£400</td>
                                     </tr>
                                     <tr>
                                        <td>Annual Price</td>
                                        <td>–</td>
                                        <td>£1,620/year (£135/mo)</td>
                                        <td>£4,320/year (£360/mo)</td>
                                     </tr>
                                     <tr>
                                        <td>Queries Included</td>
                                        <td>Pay as you go</td>
                                        <td>8/month</td>
                                        <td>25/month</td>
                                     </tr>
                                     <tr>
                                        <td>Included Query Cost</td>
                                        <td>£25.00</td>
                                        <td>£18.75</td>
                                        <td>£16.00</td>
                                     </tr>
                                     <tr>
                                        <td>Additional Query Price</td>
                                        <td>£25.00</td>
                                        <td>£20.00</td>
                                        <td>£18.00</td>
                                     </tr>
                                     <tr>
                                        <td>Free Trial</td>
                                        <td>2 queries</td>
                                        <td>2 queries</td>
                                        <td>2 queries</td>
                                     </tr>
                                     <tr>
                                        <td>AI Shadow Board</td>
                                        <td>✓ All 5 AI advisors</td>
                                        <td>✓ All 5 AI advisors</td>
                                        <td>✓ All 5 AI advisors</td>
                                     </tr>
                                     <tr>
                                        <td>Analysis Speed</td>
                                        <td>Under 60 seconds</td>
                                        <td>Priority queue</td>
                                        <td>Priority queue</td>
                                     </tr>
                                     <tr>
                                        <td>PDF Export</td>
                                        <td>✓ Standard</td>
                                        <td>✓ Enhanced</td>
                                        <td>✓ Branded</td>
                                     </tr>
                                     <tr>
                                        <td>PowerPoint Export</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td>✓</td>
                                        <td>✓ Custom branded</td>
                                     </tr>
                                     <tr>
                                        <td>Deep Research</td>
                                        <td>£150 each</td>
                                        <td>2/month, then £120</td>
                                        <td>Unlimited</td>
                                     </tr>
                                     <tr>
                                        <td>Strategic Canvas</td>
                                        <td>£50/session</td>
                                        <td>✓ Included</td>
                                        <td>✓ Advanced</td>
                                     </tr>
                                     <tr>
                                        <td>Visual Analysis</td>
                                        <td>Basic templates</td>
                                        <td>Premium templates</td>
                                        <td>Custom branded</td>
                                     </tr>
                                     <tr>
                                        <td>Executive Learning</td>
                                        <td>£200/month</td>
                                        <td>£200/month</td>
                                        <td>✓ Included</td>
                                     </tr>
                                     <tr>
                                        <td>API Access</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td>✓ Personal</td>
                                     </tr>
                                     <tr>
                                        <td>Support Response</td>
                                        <td>24-hour email</td>
                                        <td>4-hour email</td>
                                        <td>1-hour dedicated</td>
                                     </tr>
                                     <tr>
                                        <td>Usage Analytics</td>
                                        <td>Basic</td>
                                        <td>✓ Advanced</td>
                                        <td>✓ Advanced</td>
                                     </tr>
                                     <tr>
                                        <td>Custom Integrations</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td>✓ Supported</td>
                                     </tr>
                                     <tr>
                                        <td>White-label Reports</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td class="text-danger fw-bold">✖</td>
                                        <td>✓ Available</td>
                                     </tr>
                                     <tr>
                                        <td>Onboarding</td>
                                        <td>Self-service</td>
                                        <td>Email guide</td>
                                        <td>Personal call</td>
                                     </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Enterprise Solutions -->
        <section class="plans">
            <div class="container">
                <div class="plan_title animate-on-scroll" data-animation="fadeInLeft">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 col-md-9">
                            <div class="plan_title_inr text-center">
                                <div class="plan_title_content">
                                    <h2>Enterprise Solutions</h2>
                                    <p>Empower your entire leadership team with AI-powered decision intelligence</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="plans_list animate-on-scroll" data-animation="fadeInRight">
                    <div class="plan_list_item">

                        <div class="plan_price_info">
                            <span>ENTERPRISE STARTER</span>
                            <h3>£2500<span><sub>/per analysis</sub></span></h3>
                        </div>

                        <div class="monthly_info">
                            <ul>
                                <li>
                                    <p>Annual contracts available with discount</p>
                                </li>
                                <li>
                                    <p>Perfect for growing teams and mid-sized organizations</p>
                                </li>
                            </ul>
                        </div>
                        
                        <div class="plan_info_point">
                            <ul>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>250 queries per month (pooled across team)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>10 team member accounts</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>All Professional plan features for each user</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Team collaboration tools</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Centralized usage dashboard</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Basic API integration</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Slack/Microsoft Teams bot access</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Shared decision library (session-based for privacy)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Usage analytics and reporting</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Priority support for administrators (2-hour response)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Quarterly business reviews</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom billing and invoicing (Net-30 terms available)</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_best_point">
                            <h3>Best For:</h3>
                            <ul>
                                <li>
                                    <p>VC/PE firms (5-15 partners) </p>
                                </li>
                                <li>
                                    <p>Growing consulting firms </p>
                                </li>
                                <li>
                                    <p>Scale-up leadership teams </p>
                                </li>
                                <li>
                                    <p>Investment committees</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_free_trail_btn text-center w-100">
                            <button class="btn primary_btn w-100 mb-2">Request Demo</button>
                            <p class="px-2">Effective Cost: £10 per query (vs £16-25 individual)</p>
                        </div>
                    </div>
                    <div class="plan_list_item">
                        <label class="popular">Complete Solution</label>

                        <div class="plan_price_info">
                            <span>ENTERPRISE PRO</span>
                            <h3>£7,500<span><sub>/month</sub></span></h3>
                        </div>

                        <div class="monthly_info">
                            <ul>
                                <li>
                                    <p>Custom annual contracts with discount</p>
                                </li>
                                <li>
                                    <p>Complete strategic intelligence platform for large organizations</p>
                                </li>
                            </ul>
                        </div>

                        
                        <div class="plan_info_point">
                            <ul>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Everything in Enterprise Starter, plus:</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>1,000 queries per month (pooled across team)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Unlimited team members</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Advanced team management and permissions</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>White-label platform options</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom integrations with existing tools</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Executive Learning for all users</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Dedicated customer success manager</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom SLA agreements (99.9% uptime)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Priority API access with higher rate limits</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Advanced security features (SSO, custom data policies)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>On-premise deployment options</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom AI model fine-tuning (optional add-on)</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Monthly executive briefings</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>30-minute response time guarantee</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_best_point">
                            <h3>Best For:</h3>
                            <ul>
                                <li>
                                    <p>Fortune 500 corporations </p>
                                </li>
                                <li>
                                    <p>Major PE/VC firms (20+ partners)</p>
                                </li>
                                <li>
                                    <p>Large consulting firms </p>
                                </li>
                                <li>
                                    <p>Government agencies</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_free_trail_btn text-center w-100">
                            <button class="btn primary_btn w-100 mb-2">Request Demo</button>
                            <p class="px-2">Effective Cost: £7.50 per query</p>
                        </div>
                    </div>
                    <div class="plan_list_item">

                        <div class="plan_price_info">
                            <span>Custom Pricing</span>
                        </div>

                        <div class="monthly_info">
                            <ul>
                                <li>
                                    <p>Tailored to your organization's needs</p>
                                </li>
                                <li>
                                    <p>Bespoke solutions for unique organizational requirements</p>
                                </li>
                            </ul>
                        </div>

                        
                        <div class="plan_info_point">
                            <ul>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Volume-based pricing for 1,000+ queries monthly</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom feature development</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Dedicated infrastructure</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Industry-specific AI training</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Strategic Canvas with advanced scenario modeling</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>White-label and reseller options</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Dedicated technical team</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Custom SLA and compliance requirements</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>White-label report options</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>Multi-region deployment</p>
                                </li>
                                <li>
                                    <img src="assets/image/check.png" width="20" alt="" srcset="">
                                    <p>24/7 premium support</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_best_point">
                            <h3>Best For:</h3>
                            <ul>
                                <li>
                                    <p>Global enterprises </p>
                                </li>
                                <li>
                                    <p>Consulting platforms seeking white-label </p>
                                </li>
                                <li>
                                    <p>Organizations with specific compliance needs </p>
                                </li>
                                <li>
                                    <p>Strategic partnerships and resellers</p>
                                </li>
                            </ul>
                        </div>

                        <div class="plan_free_trail_btn text-center w-100">
                            <button class="btn primary_btn w-100">Contact Sales</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Enhance Plan  -->
        <section class="plan_enhance animate-on-scroll" data-animation="fadeInUp">
            <div class="container">
                <div class="plan_enhance_info">
                    <h2>Enhance Your Plan</h2>
                    <div class="plan_enhance_point_list">
                        <div class="plan_enhance_point_list_item">
                            <h3>Deep Research</h3>
                            <ul>
                                <li>
                                    <p>Starter plan: £150 per project </p>
                                </li>
                                <li>
                                    <p>Executive plan: 2 included monthly, additional at £120 each </p>
                                </li>
                                <li>
                                    <p>Professional & Enterprise: Unlimited (included) </p>
                                </li>
                                <li>
                                    <p>Comprehensive 30-minute analysis with multi-source data </p>
                                </li>
                                <li>
                                    <p>10-20 page custom reports with executive summary </p>
                                </li>
                                <li>
                                    <p>Integration with Bloomberg, Refinitiv, patents, regulatory filings</p>
                                </li>
                            </ul>
                        </div>
                        <div class="plan_enhance_point_list_item">
                            <h3>Strategic Canvas Sessions</h3>
                            <ul>
                                <li>
                                    <p>Starter plan: £50 per session </p>
                                </li>
                                <li>
                                    <p>Executive, Professional & Enterprise: Included </p>
                                </li>
                                <li>
                                    <p>Interactive business model canvas with AI recommendations </p>
                                </li>
                                <li>
                                    <p>Scenario planning and modeling Export to PowerPoint/PDF</p>
                                </li>
                            </ul>
                        </div>
                        <div class="plan_enhance_point_list_item">
                            <h3>Executive Learning Platform</h3>
                            <ul>
                                <li>
                                    <p>Starter & Executive plans: £200/month per user </p>
                                </li>
                                <li>
                                    <p>Professional & Enterprise: Included</p>
                                </li>
                                <li>
                                    <p>Strategic frameworks library (BCG Matrix, Porter's Five Forces, etc.)</p>
                                </li>
                                <li>
                                    <p>Industry trend analysis and implications</p>
                                </li>
                                <li>
                                    <p>Peer decision insights (anonymized) </p>
                                </li>
                                <li>
                                    <p>Monthly live masterclasses with industry leaders</p>
                                </li>
                            </ul>
                        </div>
                        <div class="plan_enhance_point_list_item">
                            <h3>API Access</h3>
                            <ul>
                                <li>
                                    <p>Professional & Enterprise plans: Included </p>
                                </li>
                                <li>
                                    <p>Starter/Executive: Custom pricing available </p>
                                </li>
                                <li>
                                    <p>RESTful API integration </p>
                                </li>
                                <li>
                                    <p>Comprehensive developer documentation </p>
                                </li>
                                <li>
                                    <p>Technical support and consultation</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- faq -->
        <section class="faq-section">
            <div class="container">
                <div class="faq_info">
                    <h2>Frequently Asked Questions</h2>
                    <div class="faq_que_list">
                        <div class="accordion" id="faqAccordion">
                        <!-- Question 1 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                    What happens after I use my included queries?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        You can purchase additional queries at a discounted rate (£20 for Executive, £18 for Professional) or upgrade to a higher tier. Unused queries do not roll over to the next month.
                                    </div>
                                </div>
                            </div>
                    
                            <!-- Question 2 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                    Can I change my plan later?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Responses are typically delivered within minutes, depending on the complexity of the request and your subscription plan.
                                    </div>
                                </div>
                            </div>
                    
                            <!-- Question 3 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                    Can I switch plans anytime?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, subscriptions can be canceled at any time from your account dashboard without any penalties.
                                    </div>
                                </div>
                            </div>
                    
                            <!-- Question 4 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                    Do you really not store our queries?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Each plan includes a unique set of features — from individual pay-per-query options to enterprise-grade intelligence dashboards and custom integrations.
                                    </div>
                                </div>
                            </div>
                    
                            <!-- Question 5 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq5">
                                    What's included in Deep Research?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Absolutely. All communications and stored data are encrypted and compliant with GDPR and SOC-2 security standards.
                                    </div>
                                </div>
                            </div>
                    
                            <!-- Question 6 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq6">
                                    Can I try before committing to a paid plan?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, VERIQO offers enterprise-level solutions that include dedicated analysts, API access, and customized onboarding.
                                    </div>
                                </div>
                            </div>
                    
                            <!-- Question 7 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq7">
                                    What payment methods do you accept?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq7" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, custom research and white-label reporting are available for Professional and Enterprise tiers.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Question 8 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq8">
                                    What is your money-back guarantee policy?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq8" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, custom research and white-label reporting are available for Professional and Enterprise tiers.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Question 9 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq9">
                                    How does the annual discount work?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq9" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, custom research and white-label reporting are available for Professional and Enterprise tiers.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Question 10 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq10">
                                    Can I get a custom plan for my organization?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq10" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, custom research and white-label reporting are available for Professional and Enterprise tiers.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Question 11 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq11">
                                    What's your privacy and data security approach?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq11" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, custom research and white-label reporting are available for Professional and Enterprise tiers.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Question 12 -->
                            <div class="accordion-item bg-dark text-light border-secondary animate-on-scroll" data-animation="fadeInUp">
                                <h2 class="accordion-header">
                                <button class="accordion-button collapsed text-light" type="button" data-bs-toggle="collapse" data-bs-target="#faq12">
                                    Are prices shown inclusive or exclusive of VAT?
                                    <div class="right_icon">
                                        <img src="./assets/image/faq_minus.png" width="20px" alt="" srcset="">
                                        <img src="./assets/image/faq_plus.png" width="20px" alt="" srcset="">
                                    </div>
                                </button>
                                </h2>
                                <div id="faq12" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Yes, custom research and white-label reporting are available for Professional and Enterprise tiers.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
          
        <!-- Why Executives Trust VERIQO -->
        <section class="trust_excutives animate-on-scroll" data-animation="fadeInLeft">
            <div class="container">
                <div class="trust_excutives_info">
                    <h2>Why Executives Trust VERIQO</h2>
                    <div class="trust_excutives_info_list">
                        <div class="trust_excutives_info_list_item">
                            <div class="trust_item_icon">
                                <img src="assets/image/trust_1.png" width="40" alt="" srcset="">
                            </div>
                            <div class="trust_item_content">
                                <h3>Zero Data Retention</h3>
                                <p>Your decisions are processed and deleted within 60 seconds. No permanent storage, no data mining, complete privacy.</p>
                            </div>
                        </div>
                        <div class="trust_excutives_info_list_item">
                            <div class="trust_item_icon">
                                <img src="assets/image/trust_2.png" width="40" alt="" srcset="">
                            </div>
                            <div class="trust_item_content">
                                <h3>GDPR & SOC 2 Compliant</h3>
                                <p>Full compliance with EU data protection regulations. SOC 2 Type II certification in progress (completion Q3 2025).</p>
                            </div>
                        </div>
                        <div class="trust_excutives_info_list_item">
                            <div class="trust_item_icon">
                                <img src="assets/image/trust_3.png" width="40" alt="" srcset="">
                            </div>
                            <div class="trust_item_content">
                                <h3>Secure Payments</h3>
                                <p>All transactions processed through Stripe with bank-level encryption. PCI DSS Level 1 compliant.</p>
                            </div>
                        </div>
                        <div class="trust_excutives_info_list_item">
                            <div class="trust_item_icon">
                                <img src="assets/image/trust_4.png" width="40" alt="" srcset="">
                            </div>
                            <div class="trust_item_content">
                                <h3>Transparent Usage</h3>
                                <p>Real-time dashboard showing exactly what you're using and spending. No hidden fees or surprise charges.</p>
                            </div>
                        </div>
                        <div class="trust_excutives_info_list_item">
                            <div class="trust_item_icon">
                                <img src="assets/image/trust_5.png" width="40" alt="" srcset="">
                            </div>
                            <div class="trust_item_content">
                                <h3>No Hidden Fees</h3>
                                <p>What you see is what you pay. No setup fees, no cancellation fees, no per-user charges beyond your plan.</p>
                            </div>
                        </div>
                        <div class="trust_excutives_info_list_item">
                            <div class="trust_item_icon">
                                <img src="assets/image/trust_6.png" width="40" alt="" srcset="">
                            </div>
                            <div class="trust_item_content">
                                <h3>Cancel Anytime</h3>
                                <p>Monthly plans can be cancelled anytime with immediate effect. No questions asked, no penalties.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- VERIQO vs Traditional Consulting -->
        <section class="veriqo_consulting animate-on-scroll" data-animation="fadeInRight">
            <div class="container">
                <div class="plan_capare_info">
                    <h2 class="m-0">VERIQO vs Traditional Consulting</h2>

                    <div class="plan_capare_info_content">
                        <div class="table-responsive">
                            <table class="table table-bordered m-0">
                                <thead>
                                    <tr>
                                        <th>Factor</th>
                                        <th>Traditional Consulting</th>
                                        <th>VERIQO Professional</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Cost per Decision</td>
                                        <td>£5,000 - £50,000+</td>
                                        <td>£16</td>
                                      </tr>
                                      <tr>
                                        <td>Delivery Time</td>
                                        <td>2-4 weeks</td>
                                        <td>Under 60 seconds</td>
                                      </tr>
                                      <tr>
                                        <td>Perspectives</td>
                                        <td>1-3 consultants</td>
                                        <td>5 AI executives</td>
                                      </tr>
                                      <tr>
                                        <td>Availability</td>
                                        <td>Business hours, by appointment</td>
                                        <td>24/7, instant</td>
                                      </tr>
                                      <tr>
                                        <td>Bias Risk</td>
                                        <td>Single firm methodology</td>
                                        <td>Multi-model consensus</td>
                                      </tr>
                                      <tr>
                                        <td>Privacy</td>
                                        <td>NDAs required, data shared</td>
                                        <td>Zero data retention by design</td>
                                      </tr>
                                      <tr>
                                        <td>Scalability</td>
                                        <td>Limited by human bandwidth</td>
                                        <td>Unlimited analyses</td>
                                      </tr>
                                      <tr>
                                        <td>Monthly Cost (25 Decisions)</td>
                                        <td>£125,000 - £1,250,000</td>
                                        <td>£400</td>
                                      </tr>
                                  
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- decision makers -->
        <section class="decision_maker">
            <div class="container">
                <div class="decision_maker_info">
                    <h2>Trusted by Decision-Makers</h2>

                    <div class="decision_maker_info_list">
                        <div class="decision_maker_info_list_item animate-on-scroll" data-animation="fadeInLeft">
                            <p>"I replaced a £5,000 consulting engagement with a £25 VERIQO analysis for an acquisition decision. The multiperspective approach caught financial risks our internal team missed. Game-changing for fast-moving decisions."</p>
                            <h4>— Sarah M., Series C Founder, FinTech Sector</h4>
                        </div>
                        <div class="decision_maker_info_list_item animate-on-scroll" data-animation="fadeInLeft">
                            <p>"As a VC partner, I was initially skeptical of AI-driven analysis. After testing with 8 investment decisions during beta, the consensus approach has genuinely improved our conviction rates and identified risks we would have discovered too late. It's now part of our standard due diligence."</p>
                            <h4>— Michael K., Investment Partner, European VC Fund</h4>
                        </div>
                        <div class="decision_maker_info_list_item animate-on-scroll" data-animation="fadeInLeft">
                            <p>"The Strategic Canvas feature transformed our quarterly planning process. We can now run multiple scenarios in hours that previously required weeks with external consultants. The ROI became undeniable within the first month."</p>
                            <h4> — James P., Chief Strategy Officer, FTSE 250 Company</h4>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- contact detail -->
        <section class="price_contact animate-on-scroll" data-animation="fadeInRight">
            <div class="container">
                <div class="price_contact_info text-center">
                    <div class="row justify-content-center">
                        <div class="col-lg-7 col-md-9">
                            <div class="price_contact_info_deatail">
                                <p>Need help choosing the right plan? Contact our team: <a href="mailto:sales@veriqoai.com">sales@veriqoai.com</a></p>
                                <p>Want to discuss enterprise needs? Book a personalized demo</p>
                                <p>Have questions? Visit our Help Center or contact <a href="mailto:support@veriqoai.com">support@veriqoai.com</a></p>
                                <ul>
                                    <li>
                                        <a class="position-relative" href="./privacy_policy.html">Privacy Policy</a>
                                    </li>
                                    <li>
                                        <a class="position-relative" href="./privacy_policy.html">Terms of Service</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="price_contact_info_deatail">
                                <p>All prices shown are exclusive of VAT. UK customers will be charged 20% VAT at checkout. International VAT rates vary by location.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <!-- Payment Success/Error Modal (same structure as sign-in.html for UI consistency) -->
    <div id="paymentModal" class="success-modal">
        <div class="modal-content">
            <!-- Close Button -->
            <button class="modal-close" id="paymentModalCloseBtn">×</button>
            
            <div class="modal-icon">
                <img id="paymentSuccessIcon" src="assets/image/sucess.png" width="60" alt="" srcset="" style="display: none;">
                <img id="paymentErrorIcon" src="invalid.png" width="60" alt="" srcset="" style="display: none;">
            </div>
            <h3 class="modal-title">Payment Successful!</h3>
            <p class="modal-message">Your payment has been processed successfully. Your free trial will begin shortly.</p>
        </div>
    </div>

@endsection
  
  <script src="./assets/js/jquery.min.js"></script>
  <script src="./assets/js/bs.min.js"></script>
  <script src="./assets/js/custom.js"></script>
  
  <!-- Stripe Checkout Integration Script (Fully Hosted - No Stripe.js needed) -->
<script>
$(document).ready(function () {

  /* ============================================================
      GLOBAL CONSTANTS
  ============================================================ */
  const API_BASE_URL = "https://veriqo.xceltec.in";

  /* ============================================================
      LOGIN PROTECTION (FIXED REDIRECT ISSUE)
  ============================================================ */

  // Pages that require login
  const protectedPages = [
    'strategic-analysis.html',
    'dashboard.html',
    'profile.html'
  ];

  // Get the filename of the current page
  const currentPage = window.location.pathname.split('/').pop();

  // If current page needs login but user is not logged in → redirect
  if (protectedPages.includes(currentPage)) {
    const accessToken = localStorage.getItem('access_token');
    if (!accessToken) {
      window.location.href = './sign-in.html';
    }
  }

  /* ============================================================
      PAYMENT MODAL FUNCTIONS
  ============================================================ */
  function showPaymentModal(isSuccess, title, message) {
    var modalTitle = $("#paymentModal .modal-title");
    var modalMessage = $("#paymentModal .modal-message");

    modalTitle.text(title);
    modalMessage.text(message);

    // Auto close timing
    var wordCount = message.split(" ").length;
    var autoCloseTime = 5000;
    if (wordCount <= 5) autoCloseTime = 3000;
    else if (wordCount <= 15) autoCloseTime = 4000;

    if (isSuccess) {
      $("#paymentSuccessIcon").show();
      $("#paymentErrorIcon").hide();
    } else {
      $("#paymentSuccessIcon").hide();
      $("#paymentErrorIcon").show();
    }

    $("#paymentModal")
      .css({ display: "flex", opacity: 0 })
      .animate({ opacity: 1 }, 300);

    setTimeout(function () {
      $("#paymentModal").animate({ opacity: 0 }, 300, function () {
        $(this).hide();
        modalTitle.text("Payment Successful!");
        modalMessage.text(
          "Your payment has been processed successfully. Your free trial will begin shortly."
        );
        $("#paymentSuccessIcon").show();
        $("#paymentErrorIcon").hide();
      });
    }, autoCloseTime);
  }

  function hidePaymentModal() {
    $("#paymentModal").animate({ opacity: 0 }, 300, function () {
      $(this).hide();
      $("#paymentModal .modal-title").text("Payment Successful!");
      $("#paymentModal .modal-message").text(
        "Your payment has been processed successfully. Your free trial will begin shortly."
      );
      $("#paymentSuccessIcon").show();
      $("#paymentErrorIcon").hide();
    });
  }

  $("#paymentModalCloseBtn").on("click", hidePaymentModal);

  $("#paymentModal").on("click", function (e) {
    if ($(e.target).attr("id") === "paymentModal") hidePaymentModal();
  });


  /* ============================================================
      AUTH UI – SHOW/HIDE SIGN-IN OR PROFILE
  ============================================================ */
  function updateNavbarAuthUI() {
    var accessToken = localStorage.getItem("access_token");
    if (accessToken) {
      $("#signInButton").hide();
      $("#profileSection").show();
    } else {
      $("#signInButton").show();
      $("#profileSection").hide();
    }
  }
  updateNavbarAuthUI();


  /* ============================================================
      PROFILE INITIAL FUNCTION
  ============================================================ */
  function updateProfileInitial() {
    try {
      var userDataStr = localStorage.getItem("user");
      if (!userDataStr) return;

      var userData = JSON.parse(userDataStr);
      var fullName = userData.full_name || "";

      var firstLetter = "?";
      if (fullName.trim()) {
        var match = fullName.trim().match(/[a-zA-Z]/);
        firstLetter = match ? match[0].toUpperCase() : "?";
      }

      $(".profile img[src*='/profile.png']").each(function () {
        $(this).replaceWith(
          '<div class="profile-initial">' + firstLetter + "</div>"
        );
      });

      $(".profile-initial").on("click", function (e) {
        e.stopPropagation();
        var $dropdown = $(this).closest(".profile").find(".profile_dropdown");
        $dropdown.slideToggle(200);
      });
    } catch (err) {
      console.error("Error updating profile:", err);
    }
  }

  updateProfileInitial();


  /* ============================================================
      STRIPE PAYMENT CHECKOUT
  ============================================================ */
  async function redirectToCheckout(plan, amount, paymentType) {
    try {
      let storedUser = localStorage.getItem("user");
      let customerEmail = storedUser ? JSON.parse(storedUser).email : null;

      const accessToken = localStorage.getItem("access_token");
      const headers = { "Content-Type": "application/json" };
      if (accessToken) headers["Authorization"] = "Bearer " + accessToken;

      const body = {
        amount,
        plan_type: plan,
        payment_type: paymentType,
        customer_email: customerEmail || undefined,
      };

      const response = await fetch(
        `${API_BASE_URL}/api/payments/create-checkout-session`,
        { method: "POST", headers, body: JSON.stringify(body) }
      );

      if (!response.ok) {
        const err = await response.json();
        showPaymentModal(false, "Purchase Not Allowed", err.detail);
        return;
      }

      const data = await response.json();
      window.location.href = data.checkout_url;
    } catch (error) {
      showPaymentModal(false, "Purchase Not Allowed", error.message);
    }
  }

  $(".start-trial-btn").click(function () {
    redirectToCheckout(
      $(this).data("plan"),
      parseFloat($(this).data("amount")),
      $(this).data("type") || "one_time"
    );
  });


  /* ============================================================
      STRIPE CALLBACK HANDLER
  ============================================================ */
  function handlePaymentRedirect() {
    const params = new URLSearchParams(window.location.search);
    const payment = params.get("payment");

    if (payment === "success") {
      window.history.replaceState({}, "", window.location.pathname);
      showPaymentModal(
        true,
        "Payment Successful!",
        "Your payment has been processed successfully."
      );
    } else if (payment === "cancelled") {
      window.history.replaceState({}, "", window.location.pathname);
      showPaymentModal(
        false,
        "Payment Cancelled",
        "Your payment was cancelled. You can try again anytime."
      );
    }
  }
  handlePaymentRedirect();


  /* ============================================================
      CONFIRMATION MODAL (LOGOUT / DELETE ACCOUNT)
  ============================================================ */
  function showConfirmationModal(message, onConfirm, onCancel) {
    $("#confirmationMessage").text(message);
    $("#confirmationModal").fadeIn(300);

    $("#confirmationYesBtn, #confirmationNoBtn").off("click");

    $("#confirmationYesBtn").click(function () {
      $("#confirmationModal").fadeOut(300);
      onConfirm && onConfirm();
    });

    $("#confirmationNoBtn").click(function () {
      $("#confirmationModal").fadeOut(300);
      onCancel && onCancel();
    });

    $("#confirmationModal").click(function (e) {
      if ($(e.target).hasClass("confirmation-modal")) {
        $("#confirmationModal").fadeOut(300);
        onCancel && onCancel();
      }
    });
  }


  /* ============================================================
      LOGOUT
  ============================================================ */
  function handleLogout() {
    showConfirmationModal("Are you sure you want to logout?", function () {
      localStorage.removeItem("access_token");
      localStorage.removeItem("user");
      localStorage.removeItem("remember_me_used");
      sessionStorage.clear();
      window.location.href = "./index.html";
    });
  }

  $("#logoutBtn, .logout-btn").click(function (e) {
    e.preventDefault();
    handleLogout();
  });


  /* ============================================================
      DELETE ACCOUNT
  ============================================================ */
  function handleDeleteAccount() {
    showConfirmationModal(
      "Are you sure you want to delete your account? This action cannot be undone.",
      function () {
        var accessToken = localStorage.getItem("access_token");

        if (!accessToken) {
          alert("Your session expired. Please log in again.");
          return (window.location.href = "./index.html");
        }

        $.ajax({
          url: API_BASE_URL + "/api/auth/delete-account",
          method: "DELETE",
          headers: {
            Authorization: "Bearer " + accessToken,
            "Content-Type": "application/json",
          },
          success: function () {
            localStorage.clear();
            sessionStorage.clear();
            alert("Your account has been deleted successfully.");
            window.location.href = "./index.html";
          },
          error: function (xhr) {
            var msg = xhr.responseJSON?.detail || "Error deleting account.";
            if (xhr.status === 401) {
              localStorage.clear();
              sessionStorage.clear();
              alert("Session expired. Log in again.");
              window.location.href = "./index.html";
            } else alert("Error: " + msg);
          },
        });
      }
    );
  }

  $("#deleteAccountBtn, .delete-account-btn").click(function (e) {
    e.preventDefault();
    handleDeleteAccount();
  });


  /* ============================================================
      Experience Button Routing
  ============================================================ */
  $("#experienceBtn").click(function () {
    if (localStorage.getItem("access_token"))
      window.location.href = "./strategic-analysis.html";
    else window.location.href = "./sign-in.html";
  });

});
</script>


 
</body>
</html>