import type { Metadata } from 'next'
export const metadata: Metadata = { title: 'Warranty Policy' }
export default function Warranty() {
  return (
    <>
      <section style={{ background: 'var(--dark-bg)', padding: '3rem 1.5rem 2rem' }}>
        <div style={{ maxWidth: 700, margin: '0 auto' }}>
          <div className="eyebrow">Legal</div>
          <h1 style={{ fontSize: '2rem', color: 'var(--cta-heading)', marginBottom: 8 }}>Warranty Policy</h1>
          <p style={{ fontSize: 12, color: 'var(--dark-muted)' }}>Last updated: 1 June 2025</p>
        </div>
      </section>
      <section style={{ padding: '2.5rem 1.5rem', background: 'var(--section-bg)', borderTop: '0.5px solid var(--border)' }}>
        <div style={{ maxWidth: 700, margin: '0 auto' }} className="policy-body">
          <h2>1-Year Structural Warranty</h2>
          <p>All L-shaped racks come with a <strong>1-year structural warranty</strong> from the date of installation. This covers manufacturing defects, weld failures, shelf deformation under normal use, and frame instability.</p>
          <h2>What Is Covered</h2>
          <ul>
            <li>Structural frame defects</li>
            <li>Shelf panels cracking or deforming under rated load</li>
            <li>Welds and joints failing under normal use</li>
            <li>Paint chipping from manufacturing (not from daily use)</li>
          </ul>
          <h2>What Is Not Covered</h2>
          <ul>
            <li>Damage from overloading beyond rated capacity</li>
            <li>Cosmetic scratches from normal use</li>
            <li>Damage from flooding, fire, or other external events</li>
            <li>Modifications made by third parties</li>
          </ul>
          <h2>How to Claim</h2>
          <p>Contact us via WhatsApp or email with photos and your order reference. We will inspect and repair or replace the affected parts within 7 business days.</p>
        </div>
      </section>
      <style>{`.policy-body h2{font-size:1rem;font-weight:600;color:var(--heading);margin:1.75rem 0 .5rem}.policy-body p{font-size:.9rem;color:var(--body);line-height:1.78;margin:0 0 .75rem}.policy-body ul{padding-left:1.25rem;color:var(--body);font-size:.9rem;line-height:1.78}`}</style>
    </>
  )
}