midrandbooks/MidrandBookshop/Components/Pages/Terms.razor

@page "/terms"
@rendermode InteractiveServer
@inject IJSRuntime JSRuntime

<div class="legal-page-container py-5">
    <header class="legal-header mb-5">
        <span class="text-uppercase font-monospace text-muted tracking-wider small d-block mb-1">Commercial Agreement</span>
        <h1 class="legal-main-title fw-bold">Terms of Sale & Service</h1>
        <p class="text-muted small font-monospace mt-2">
            Midrand Books is a trading name for <strong>Lite Charms (Pty) Ltd</strong>, a private company incorporated and governed under the regulations of the Companies Act of the Republic of South Africa.
        </p>
    </header>

    <div class="row g-5">
        <div class="col-lg-3 d-none d-lg-block">
            <div class="legal-nav-index font-monospace text-uppercase small gap-3 d-flex flex-column">
                <button @onclick='() => ScrollToSection("section-formation")' class="index-btn text-start">1. Contract Formation</button>
                <button @onclick='() => ScrollToSection("section-pricing")' class="index-btn text-start">2. Currency & Pricing</button>
                <button @onclick='() => ScrollToSection("section-logistics")' class="index-btn text-start">3. Delivery & Risk</button>
                <button @onclick='() => ScrollToSection("section-cooling")' class="index-btn text-start">4. CPA Cooling-Off</button>
                <button @onclick='() => ScrollToSection("section-liability")' class="index-btn text-start">5. Liability Shield</button>
                <button @onclick='() => ScrollToSection("section-jurisdiction")' class="index-btn text-start">6. Jurisdiction</button>
            </div>
        </div>

        <div class="col-lg-9">
            <article class="legal-article-body">

                <section id="section-formation" class="legal-section mb-5">
                    <h3 class="section-title">1. Electronic Contract Formation</h3>
                    <p>
                        By placing an order on this digital repository layout, you accept these Terms and Conditions in full. In accordance with Section 11 of the <strong>Electronic Communications and Transactions Act, No. 25 of 2002 (ECTA)</strong>, these terms are legally binding and enforceable from the second you submit an item request. An order request is only confirmed as a final contract of sale once funds are cleared and the physical inventory has been packed for transit by Lite Charms (Pty) Ltd.
                    </p>
                </section>

                <section id="section-pricing" class="legal-section mb-5">
                    <h3 class="section-title">2. Currency, Value Added Tax, & Inventory Realism</h3>
                    <p>
                        All book pricing listed on our site is formatted exclusively in <strong>South African Rand (ZAR)</strong>. While we endeavor to ensure immaculate catalog records, typographical pricing errors may occasionally manifest due to currency valuation updates. In such rare anomalies, we explicitly retain the legal prerogative to cancel any affected items prior to dispatch and refund your transaction balance.
                    </p>
                </section>

                <section id="section-logistics" class="legal-section mb-5">
                    <h3 class="section-title">3. Logistics Dispatch & Risk Pass-Through</h3>
                    <p>
                        Delivery fulfillment is handled via trusted independent third-party domestic courier providers. Ownership and operational risk concerning physical destruction, item degradation, or total package loss transit pass directly to the consumer at the immediate instant the shipment container leaves our local loading bay docks.
                    </p>
                </section>

                <section id="section-cooling" class="legal-section mb-5">
                    <h3 class="section-title">4. Statutory Returns & CPA Cooling-Off Windows</h3>
                    <p>
                        Pursuant to Section 44 of ECTA and the directives of the <strong>Consumer Protection Act, No. 68 of 2008 (CPA)</strong>, you maintain a statutory cooling-off window of <strong>seven (7) days</strong> following delivery receipt to cancel your transaction without justification, provided the items remain perfectly pristine, unread, and factory-sealed. Return logistics freight costs under a simple cooling-off exercise remain entirely the accountability of the purchaser.
                    </p>
                </section>

                <section id="section-liability" class="legal-section mb-5 protective-shield-callout">
                    <h3 class="section-title text-danger-serif">5. Complete Limitation of Liability Shield</h3>
                    <p class="fw-bold">
                        CRITICAL LEGAL CLAUSE — PLEASE READ CAREFULLY:
                    </p>
                    <p>
                        To the maximum limit permitted by Section 61 of the Consumer Protection Act, Lite Charms (Pty) Ltd, its underlying software system developers, and structural directors maintain zero liability for any direct, collateral, accidental, or punitive damages resulting from server connectivity breaks, digital database interruptions, payment handoff errors, or systemic down-times. We offer our catalog system entirely on an "As-Is" and "As-Available" functional framework.
                    </p>
                </section>

                <section id="section-jurisdiction" class="legal-section mb-5">
                    <h3 class="section-title">6. Governing Law & Jurisdiction</h3>
                    <p>
                        This commercial agreement, catalog usage framework, and transaction architecture are subject strictly to the laws and legal structures of the <strong>Republic of South Africa</strong>. Any disputes arising directly out of these digital terms shall be filed and litigated exclusively under the jurisdiction of the High Court of South Africa.
                    </p>
                </section>

            </article>
        </div>
    </div>
</div>

@code {
    private async Task ScrollToSection(string elementId)
    {
        await JSRuntime.InvokeVoidAsync("eval", $@"
            var el = document.getElementById('{elementId}');
            if (el) {{
                el.scrollIntoView({{ behavior: 'smooth', block: 'start' }});
            }}
        ");
    }
}