import { Link } from "react-router-dom";
import Header from "@/components/Header";
import Footer from "@/components/Footer";

const Terms = () => {
  return (
    <div className="min-h-screen bg-[#1a1a1a]">
      <Header />

      <div className="pt-20 lg:pt-24">
        <section className="py-12 bg-[#222] border-b border-[#333]">
          <div className="max-w-[900px] mx-auto px-4 sm:px-6 lg:px-8">
            <p className="font-oswald text-[#d35400] text-sm uppercase tracking-[0.4em] mb-2">
              Legal
            </p>
            <h1 className="font-playfair text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-3">
              Terms of Service
            </h1>
            <p className="font-inter text-[#888] text-sm">
              Last updated: March 31, 2026
            </p>
          </div>
        </section>

        <div className="max-w-[900px] mx-auto px-4 sm:px-6 lg:px-8 py-16">
          <div className="space-y-10">
            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                1. Agreement to Terms
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                By accessing or using the GrillMaster Pro website (grillmasterpro.com), you agree to be bound by these Terms of Service and all applicable laws and regulations. If you do not agree with any of these terms, you are prohibited from using or accessing this site.
              </p>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                We reserve the right to modify these terms at any time. Changes will be effective immediately upon posting to the website. Your continued use of the site following the posting of revised terms constitutes your acceptance of those changes.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                2. Products & Pricing
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                All products displayed on our website are subject to availability. We reserve the right to discontinue any product at any time without notice.
              </p>
              <ul className="space-y-2">
                {[
                  "Prices are listed in US Dollars (USD) and do not include applicable taxes or shipping fees unless stated otherwise",
                  "We reserve the right to change prices at any time without prior notice",
                  "In the event of a pricing error, we reserve the right to cancel any orders placed at the incorrect price",
                  "Product images are for illustration purposes and may differ slightly from the actual product",
                  "Product specifications are provided by manufacturers and may be updated without notice",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                3. Orders & Payment
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                By placing an order, you represent that the information you provide is accurate and complete. We reserve the right to refuse or cancel any order for any reason, including but not limited to product availability, errors in pricing or product information, or suspected fraud.
              </p>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                We accept the following payment methods: Visa, Mastercard, American Express, Discover, PayPal, and Apple Pay. All payments are processed securely through PCI-DSS compliant payment processors.
              </p>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                You will receive an order confirmation email after your purchase. This email does not constitute acceptance of your order — acceptance occurs when the product is shipped and you receive a shipping confirmation.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                4. Shipping & Delivery
              </h2>
              <ul className="space-y-2">
                {[
                  "Free standard shipping on orders over $500 within the continental United States",
                  "Standard shipping: 5-7 business days",
                  "Expedited shipping: 2-3 business days (additional fees apply)",
                  "Heavy items (grills, smokers over 100 lbs) may require freight delivery with additional handling time",
                  "White-glove delivery service is available for select products at an additional cost",
                  "We are not responsible for delays caused by carriers, weather, or other circumstances beyond our control",
                  "Risk of loss passes to you upon delivery to the carrier",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                5. Returns & Refund Policy
              </h2>
              <div className="bg-[#2b2b2b] border border-[#d35400]/30 rounded-lg p-5 mb-4">
                <p className="font-oswald text-base font-bold text-[#d35400] uppercase tracking-wider mb-2">
                  30-Day Return Window
                </p>
                <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                  We offer a 30-day return policy from the date of delivery. Items must be returned in their original condition and packaging.
                </p>
              </div>
              <ul className="space-y-2">
                {[
                  "Items must be unused, in original packaging, and in resalable condition",
                  "Return shipping costs are the responsibility of the customer unless the item is defective or we made an error",
                  "Refunds will be processed to the original payment method within 5-10 business days after we receive the returned item",
                  "Custom or personalized items cannot be returned unless defective",
                  "Clearance and final sale items are non-returnable",
                  "For defective products, we will cover return shipping and offer a full refund or replacement",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                6. Warranty
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                All products sold by GrillMaster Pro are covered by the manufacturer's warranty. Warranty terms vary by product and manufacturer. Please refer to the product documentation or contact us for specific warranty information.
              </p>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                GrillMaster Pro does not provide any additional warranty beyond the manufacturer's warranty. We will assist you in processing warranty claims with the manufacturer.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                7. Intellectual Property
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                All content on this website, including text, graphics, logos, images, product descriptions, and software, is the property of GrillMaster Pro or its content suppliers and is protected by United States and international copyright laws. You may not reproduce, distribute, modify, or create derivative works from any content on this site without our express written consent.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                8. Limitation of Liability
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                To the fullest extent permitted by applicable law, GrillMaster Pro shall not be liable for any indirect, incidental, special, consequential, or punitive damages, including but not limited to loss of profits, data, use, goodwill, or other intangible losses, resulting from:
              </p>
              <ul className="space-y-2">
                {[
                  "Your access to or use of (or inability to access or use) the website",
                  "Any conduct or content of any third party on the website",
                  "Any content obtained from the website",
                  "Unauthorized access, use, or alteration of your transmissions or content",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                9. Governing Law
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                These Terms of Service shall be governed by and construed in accordance with the laws of the State of Texas, United States, without regard to its conflict of law provisions. Any disputes arising under these terms shall be subject to the exclusive jurisdiction of the courts located in Travis County, Texas.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                10. Contact Information
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                For questions about these Terms of Service, please contact us:
              </p>
              <div className="bg-[#2b2b2b] border border-[#444] rounded-lg p-5 space-y-2">
                <p className="font-inter text-[#b0b0b0] text-sm"><strong className="text-white">Email:</strong> legal@grillmasterpro.com</p>
                <p className="font-inter text-[#b0b0b0] text-sm"><strong className="text-white">Phone:</strong> 1-800-555-1234</p>
                <p className="font-inter text-[#b0b0b0] text-sm"><strong className="text-white">Address:</strong> GrillMaster Pro, 1250 Firewood Lane, Austin, TX 78701</p>
              </div>
            </section>
          </div>

          <div className="mt-12 pt-8 border-t border-[#333] flex flex-wrap gap-4">
            <Link to="/privacy" className="font-oswald text-[#d35400] hover:text-[#e67e22] uppercase tracking-wider text-sm transition-colors">
              Privacy Policy →
            </Link>
            <Link to="/contact" className="font-oswald text-[#d35400] hover:text-[#e67e22] uppercase tracking-wider text-sm transition-colors">
              Contact Us →
            </Link>
          </div>
        </div>
      </div>

      <Footer />
    </div>
  );
};

export default Terms;