Validation matches the scenario
Required customer details, delivery method, payment path, and terms confirmation are all enforced instead of implied.
Checkout experience
The payment step uses real form and validation plumbing, not static mock inputs.
This page now uses React Hook Form and Zod from the recommended stack so the checkout can model field validation, route selection, and order-summary updates like an actual product surface.
Pricing reacts to checkout choices
Switching between pickup, shipping speed, payment route, and gift wrap updates the summary so the demo feels alive.
Still presentation-ready
The form stays design-forward so it can be shown in a client demo without collapsing into a plain developer scaffold.