Daily UI :: 002 Credit Card Checkout

This is a credit card checkout page practice.

On the left is for customer who is choosing credit card payment method for the first time. On the right is for customer who had used credit card payment method before.

Overall, I want the checkout process to follow the "One step at a time" rule. During checkout, we have to fill out important information, such as address and payment, as well as confirm order details. So, I think it would be a better idea to have only payment setting on this page, rather than also putting delivery option on it.