{#
    Mid-Page CTA Section Partial
    PRD: Feature 6 (line 176) - CTA in hero, mid-page, footer
    SDD: T2.9A

    Requirements:
    - "Schedule Demo" button consistent with hero CTA
    - data-demo-trigger attribute for modal trigger
#}
<section class="modern-section modern-mid-cta" data-posthog-section="mid-cta">
    <div class="modern-container">
        <div class="modern-mid-cta__inner">
            <h2 class="modern-mid-cta__title">Ready to Transform Your Store?</h2>
            <p class="modern-mid-cta__description">
                Join 250+ resale stores already using BuyerKiosk to streamline operations and delight customers.
            </p>
            <a
                href="/get-started"
                class="modern-btn modern-btn--primary modern-btn--large"
                data-posthog-event="mid_cta_clicked"
                data-posthog-position="mid-page"
            >
                Get Started
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                </svg>
            </a>
            <a
                href="https://demo.buyerkiosk.com/"
                class="modern-btn modern-btn--secondary modern-btn--large"
                data-posthog-event="mid_cta_demo_clicked"
                data-posthog-position="mid-page"
            >
                Schedule Demo
            </a>
        </div>
    </div>
</section>