import type { Metadata } from 'next'
import OrderForm from '@/components/OrderForm'
export const metadata: Metadata = { title: 'Place Your Order', description: 'Confirm your L-shaped rack order and pay a 50% deposit to begin production.' }
export default function Order() {
  return (
    <>
      <section style={{ background: 'var(--dark-bg)', padding: '3.5rem 1.5rem 2.5rem' }}>
        <div style={{ maxWidth: 700, margin: '0 auto', textAlign: 'center' }}>
          <div className="eyebrow">Order Form</div>
          <h1 style={{ fontSize: 'clamp(1.6rem,3.5vw,2.4rem)', color: 'var(--cta-heading)', marginBottom: '0.75rem' }}>Place Your Order</h1>
          <p style={{ fontSize: '0.9rem', color: 'var(--dark-muted)', lineHeight: 1.72 }}>Fill in your confirmed specifications. A 50% deposit is required to begin production, with the balance due on delivery.</p>
        </div>
      </section>
      <section style={{ padding: '3rem 1.5rem', background: 'var(--section-bg)', borderTop: '0.5px solid var(--border)' }}>
        <div style={{ maxWidth: 680, margin: '0 auto' }}>
          <OrderForm />
        </div>
      </section>
    </>
  )
}