# Checkout Page

Full-featured checkout page with customer information form, payment method selection (card, bank transfer, cash on delivery), and online payment provider selection (Stripe, iyzico). Integrates with payment API for creating checkout sessions and fetching bank transfer info. Features form validation, order summary sidebar, and skeleton loading states.

## Files

| Target | Type |
|--------|------|
| `$modules$/checkout-page/index.ts` | index |
| `$modules$/checkout-page/checkout-page.tsx` | page |
| `$modules$/checkout-page/lang/en.json` | lang |
| `$modules$/checkout-page/lang/tr.json` | lang |
| `$modules$/checkout-page/lang/pt.json` | lang |

## Exports

**Components/Functions:** `CheckoutPage`, `default`

```typescript
import { CheckoutPage, default } from '@/modules/checkout-page';
```

## Usage

```
import CheckoutPage from '@/modules/checkout-page';

<Route path="/checkout" element={<CheckoutPage />} />

• Uses useCart() from ecommerce-core (Zustand)
• Steps: customer info → shipping → payment → review
• Form validation with react-hook-form
• Connect payment provider (Stripe, PayPal, etc.)
```

## Dependencies

This component requires:
- `ecommerce-core`
- `animations`
- `api`
