Let me check the current site structure to understand how products are set up.

There's no product detail page yet. Let me read the existing collection section and product card to understand the data structure.

Now I have the full picture. I need to:

1. Add slug to product data and link ProductCard to a detail page
2. Create a product detail page for the windbreaker at /products/[slug]

Let me first add slugs to the collection data and make the product cards clickable links, then create the detail page.

Now update the ProductCard to accept a slug and wrap it in a Link:

Now create the shared product data and the product detail page:

Now create the product detail page:

이제 모든 제품에 상세 페이지가 연결되었습니다. Storm Windbreaker (스톰 바람막이) 페이지에는 다음 내용이 포함되어 있습니다:

• 한국어 설명 - 방풍/발수 기능, 통기성 환기 채널 등 바람막이의 핵심 특징
• 상세 스펙 8개 - 경량 립스톱 나일론, DWR 코팅, 메쉬 환기, 조절 후드, YKK 방수 지퍼, 엄지 루프 커프스, 리플렉티브 로고, 패커블 디자인
• 컬러/사이즈 선택, 수량 조절, 장바구니 담기 버튼
• Details/Features 탭 전환으로 상세 정보와 기능 특징을 나눠서 확인 가능

컬렉션의 모든 제품 카드를 클릭하면 각 제품의 상세 페이지로 이동합니다.

Now I have the full context. I need to:

1. Update the product detail page so "Add to Cart" navigates to checkout with product info
2. Create a checkout page with address form (Step 1) and payment form (Step 2)

First, let me update the product detail page to link to checkout:

Now create the checkout page with address and payment steps:

Checkout 페이지를 완성했습니다. 상품 상세 페이지에서 Buy Now 버튼을 누르면 /checkout 페이지로 이동하며, 3단계 플로우로 구성됩니다:

• 1단계 (배송지) - 받는 분, 연락처, 우편번호, 주소, 상세주소, 배송 메모 입력 폼
• 2단계 (결제) - 신용/체크카드, 무통장 입금, 카카오페이, 네이버페이 중 선택 가능하며, 카드 선택 시 카드번호/유효기간/CVC/소유자명 입력 폼이 표시됩니다
• 3단계 (완료) - 주문번호, 배송지 정보, 결제금액 확인 화면

우측에는 주문 요약(상품 이미지, 색상/사이즈, 수량, 상품금액, 배송비, 총 결제금액)이 고정으로 표시되며, 10만원 이상 주문 시 무료배송이 적용됩니다.