import Link from "next/link";

export default function TermsContent() {
    return (
        <div className="bg-dark-bg py-20">
            <div className="max-w-[1000px] mx-auto px-4 sm:px-6 lg:px-8">
                {/* Introduction */}
                <div className="prose prose-lg prose-slate max-w-none text-text-light-muted mb-16">
                    <p className="leading-relaxed text-xl text-text-light">
                        Welcome to Aasi Tech. By accessing our website, using our custom software services, or engaging with our team, you agree to comply with and be bound by the following terms and conditions of use. Please review these terms carefully. If you do not agree to these terms, you should not use this site or our agency services.
                    </p>
                </div>

                <div className="space-y-12">
                    {/* Section 1 */}
                    <div className="group/section bg-dark-surface p-8 md:p-10 rounded-3xl shadow-soft border border-border-dark hover:border-primary/20 transition-colors">
                        <h2 className="text-2xl font-bold text-text-light mb-6 flex items-center gap-4">
                            <span className="flex items-center justify-center w-10 h-10 rounded-xl bg-primary/10 text-primary text-lg font-black">1</span>
                            Website & Services Usage
                        </h2>
                        <div className="text-text-light-muted leading-relaxed space-y-4">
                            <p>
                                By accessing and using the digital services provided by Aasi Tech ("Company", "we", "us", or "our"), you accept and agree to be bound by the terms and provision of this agreement. In addition, when using these particular enterprise services, you shall be subject to any posted guidelines, Statements of Work (SOW), or rules applicable to such services.
                            </p>
                            <p>
                                You agree to use our digital properties only for lawful purposes and in a way that does not infringe the rights of, restrict, or inhibit anyone else's use and enjoyment. Prohibited behavior includes transmitting malicious code, attempting unauthorized server access, or disrupting the normal flow of the agency's operational data.
                            </p>

                            {/* Important Notice Box */}
                            <div className="my-8 p-6 bg-primary/5 border-l-4 border-primary rounded-r-2xl">
                                <div className="flex gap-3 mb-2 text-text-light font-bold items-center">
                                    <span className="material-symbols-outlined text-primary">cloud_done</span>
                                    <span>Service Availability Notice</span>
                                </div>
                                <p className="text-sm text-text-light-muted leading-relaxed">
                                    While we strive to ensure that our hosting and cloud environments are available 99.9% of the time, we shall not be liable if for any reason the site or your custom application is unavailable. Access may be suspended temporarily and without notice in the case of critical system failure, maintenance, or repair.
                                </p>
                            </div>
                        </div>
                    </div>

                    {/* Section 2 */}
                    <div className="group/section bg-dark-surface p-8 md:p-10 rounded-3xl shadow-soft border border-border-dark hover:border-primary/20 transition-colors">
                        <h2 className="text-2xl font-bold text-text-light mb-6 flex items-center gap-4">
                            <span className="flex items-center justify-center w-10 h-10 rounded-xl bg-primary/10 text-primary text-lg font-black">2</span>
                            Payment and Service Terms
                        </h2>
                        <div className="text-text-light-muted leading-relaxed space-y-4">
                            <p>
                                Subscriptions, retainers, and project-based fees for Aasi Tech services (including Web Development, AI Solutions, and Cloud Computing) are billed in accordance with the signed Master Services Agreement (MSA) or Service Level Agreement (SLA).
                            </p>
                            <ul className="list-disc pl-5 space-y-2 mt-2">
                                <li>All invoices are payable within 30 days of receipt unless otherwise specified in your active contract.</li>
                                <li>Late payments may incur a penalty fee of 1.5% per month on the outstanding balance.</li>
                                <li>We reserve the right to suspend development or hosting services for accounts that are past due by more than 45 days.</li>
                            </ul>
                        </div>
                    </div>

                    {/* Section 3 */}
                    <div className="group/section bg-dark-surface p-8 md:p-10 rounded-3xl shadow-soft border border-border-dark hover:border-primary/20 transition-colors">
                        <h2 className="text-2xl font-bold text-text-light mb-6 flex items-center gap-4">
                            <span className="flex items-center justify-center w-10 h-10 rounded-xl bg-primary/10 text-primary text-lg font-black">3</span>
                            Intellectual Property
                        </h2>
                        <div className="text-text-light-muted leading-relaxed space-y-4">
                            <p>
                                The content, layout, design, data, databases, and proprietary algorithms explicitly developed by Aasi Tech remain our intellectual property until full payment is delivered as per the project agreement. Pre-existing frameworks and open-source libraries remain under their respective licenses.
                            </p>
                            <p>
                                Upon final payment, the client receives a perpetual, non-exclusive license to use the developed software. Aasi Tech retains the right to use the project as a portfolio case study unless a strict Non-Disclosure Agreement (NDA) is executed.
                            </p>
                        </div>
                    </div>

                    {/* Section 4 */}
                    <div className="group/section bg-dark-surface p-8 md:p-10 rounded-3xl shadow-soft border border-border-dark hover:border-primary/20 transition-colors">
                        <h2 className="text-2xl font-bold text-text-light mb-6 flex items-center gap-4">
                            <span className="flex items-center justify-center w-10 h-10 rounded-xl bg-primary/10 text-primary text-lg font-black">4</span>
                            Limitation of Liability
                        </h2>
                        <div className="text-text-light-muted leading-relaxed space-y-4">
                            <p>
                                In no event will Aasi Tech be liable for any incidental, indirect, consequential, or special damages of any kind, or any damages whatsoever, including, without limitation, those resulting from loss of profit, loss of contracts, goodwill, data breaches of third-party systems, or business interruptions.
                            </p>
                            <p>
                                Our maximum liability for any specific project engagement will not exceed the total fees paid by the client to Aasi Tech for that specific project during the twelve (12) months preceding the claim.
                            </p>
                        </div>
                    </div>
                </div>

                {/* Contact Block */}
                <div className="mt-16 bg-section-dark rounded-3xl p-10 flex flex-col md:flex-row items-center justify-between gap-8 relative overflow-hidden group">
                    <div className="absolute top-0 right-0 w-64 h-64 bg-primary/20 rounded-full blur-[60px] pointer-events-none group-hover:bg-primary/30 transition-colors duration-700" />
                    <div className="relative z-10 text-center md:text-left">
                        <h3 className="text-2xl font-bold text-white mb-2">Questions about our Terms?</h3>
                        <p className="text-text-light-muted text-lg max-w-lg">Our legal and operations team is available to clarify any points regarding our service agreements and MSAs.</p>
                    </div>
                    <div className="relative z-10 flex-shrink-0">
                        <Link className="btn-primary inline-flex items-center justify-center rounded-full px-8 py-4 text-white font-bold shadow-glow-green hover:shadow-lg transition-all btn-hover-lift" href="/contact">
                            Contact Legal Team
                            <span className="material-symbols-outlined ml-2">gavel</span>
                        </Link>
                    </div>
                </div>
            </div>
        </div>
    );
}
