import type { Metadata } from 'next'
export const metadata: Metadata = { title: 'Terms & Conditions' }
export default function Terms() {
  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 }}>Terms & Conditions</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">
          <p>By placing an order with L-Shaped Rack Singapore, you agree to the following terms.</p>
          <h2>Orders & Payment</h2>
          <p>All orders require a 50% deposit to commence fabrication. The remaining balance is due upon delivery and installation. We accept PayNow, bank transfer, and cash.</p>
          <h2>Measurements</h2>
          <p>You are responsible for providing accurate measurements. We will confirm your measurements before fabrication begins. Any changes after confirmation may incur additional charges.</p>
          <h2>Delivery & Installation</h2>
          <p>Delivery and installation dates are scheduled upon order confirmation. We require a clear path to the storeroom on installation day. Delays caused by access issues may result in rescheduling fees.</p>
          <h2>Liability</h2>
          <p>Our liability is limited to the value of the order. We are not liable for indirect, consequential, or incidental damages.</p>
          <h2>Governing Law</h2>
          <p>These terms are governed by the laws of Singapore. Any disputes shall be subject to the exclusive jurisdiction of the Singapore courts.</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}`}</style>
    </>
  )
}