import Link from "next/link";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import InnerBanner from "@/components/InnerBanner";
import { Metadata } from "next";

export const metadata: Metadata = {
    title: "Terms of Service | Website Use & User Guidelines",
    description: "Read the Terms of Service to know your rights, responsibilities, and the rules for using our website safely and effectively.",
};

export default function TermsOfService() {
    return (
        <div className="min-h-screen bg-white dark:bg-black">
            <Header />

            <InnerBanner
                title="Terms of Service"
                subtitle="Please read our terms and conditions carefully"
                breadcrumbs={[
                    { label: "Home", href: "/" },
                    { label: "Terms of Service" }
                ]}
                backgroundImage="/assets/images/about/terms-banner.webp"
            />

            <div className="max-w-4xl mx-auto px-6 py-20">
                <h1 className="text-4xl md:text-5xl font-bold text-foreground mb-8">
                    Terms of Service
                </h1>

                <div className="prose prose-lg dark:prose-invert max-w-none">
                    <p className="text-gray-600 dark:text-gray-400 mb-6">
                        Last updated: {new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })}
                    </p>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">1. Agreement to Terms</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            By accessing and using the Sky and Soil website, you accept and agree to be bound by the terms and
                            provision of this agreement. If you do not agree to abide by the above, please do not use this service.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">2. Use License</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            Permission is granted to temporarily access the materials (information or software) on Sky and Soil's
                            website for personal, non-commercial transitory viewing only. This is the grant of a license, not a
                            transfer of title, and under this license you may not:
                        </p>
                        <ul className="list-disc pl-6 text-gray-600 dark:text-gray-400 space-y-2">
                            <li>Modify or copy the materials</li>
                            <li>Use the materials for any commercial purpose or for any public display (commercial or non-commercial)</li>
                            <li>Attempt to decompile or reverse engineer any software contained on Sky and Soil's website</li>
                            <li>Remove any copyright or other proprietary notations from the materials</li>
                            <li>Transfer the materials to another person or "mirror" the materials on any other server</li>
                        </ul>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">3. Property Information Disclaimer</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            All property information, including but not limited to descriptions, photographs, floor plans, pricing,
                            and availability, is provided for informational purposes only and is subject to change without notice.
                            While we strive to ensure accuracy, we make no warranties or representations regarding the completeness
                            or accuracy of such information.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">4. User Responsibilities</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            As a user of this website, you agree to:
                        </p>
                        <ul className="list-disc pl-6 text-gray-600 dark:text-gray-400 space-y-2">
                            <li>Provide accurate and complete information when submitting inquiries or contact forms</li>
                            <li>Not use the website for any unlawful purpose or to solicit others to perform unlawful acts</li>
                            <li>Not infringe on the intellectual property rights of others</li>
                            <li>Not transmit any viruses, malware, or other malicious code</li>
                            <li>Not attempt to gain unauthorized access to any portion of the website</li>
                        </ul>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">5. Intellectual Property</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            The content, organization, graphics, design, compilation, magnetic translation, digital conversion,
                            and other matters related to the website are protected under applicable copyrights, trademarks, and
                            other proprietary rights. The copying, redistribution, use, or publication by you of any such matters
                            or any part of the website is strictly prohibited.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">6. Limitation of Liability</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            In no event shall Sky and Soil or its suppliers be liable for any damages (including, without limitation,
                            damages for loss of data or profit, or due to business interruption) arising out of the use or inability
                            to use the materials on Sky and Soil's website, even if Sky and Soil or a Sky and Soil authorized
                            representative has been notified orally or in writing of the possibility of such damage.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">7. Accuracy of Materials</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            The materials appearing on Sky and Soil's website could include technical, typographical, or photographic
                            errors. Sky and Soil does not warrant that any of the materials on its website are accurate, complete, or
                            current. Sky and Soil may make changes to the materials contained on its website at any time without notice.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">8. Links to Third-Party Sites</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            Sky and Soil has not reviewed all of the sites linked to its website and is not responsible for the
                            contents of any such linked site. The inclusion of any link does not imply endorsement by Sky and Soil
                            of the site. Use of any such linked website is at the user's own risk.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">9. Modifications to Terms</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            Sky and Soil may revise these terms of service for its website at any time without notice. By using
                            this website you are agreeing to be bound by the then current version of these terms of service.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">10. Governing Law</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            These terms and conditions are governed by and construed in accordance with the laws of India, and you
                            irrevocably submit to the exclusive jurisdiction of the courts in Bangalore, Karnataka.
                        </p>
                    </section>

                    <section className="mb-8">
                        <h2 className="text-2xl font-semibold text-foreground mb-4">11. Contact Information</h2>
                        <p className="text-gray-600 dark:text-gray-400 mb-4">
                            If you have any questions about these Terms of Service, please contact us:
                        </p>
                        <ul className="list-none text-gray-600 dark:text-gray-400 space-y-2">
                            <li>Email: hello@skyandsoil.com</li>
                            <li>Phone: +91 80 1234 5678</li>
                            <li>Address: Bangalore, Karnataka</li>
                        </ul>
                    </section>
                </div>

                <div className="mt-12">
                    <Link
                        href="/"
                        className="inline-flex items-center text-primary hover:underline"
                    >
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            strokeWidth={1.5}
                            stroke="currentColor"
                            className="w-5 h-5 mr-2"
                        >
                            <path strokeLinecap="round" strokeLinejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" />
                        </svg>
                        Back to Home
                    </Link>
                </div>
            </div>

            <Footer />
        </div>
    );
}
