#stripe

Implement an embedded Stripe Checkout experience. Requirements: 1. 'Pay' button that triggers a server action to create a checkout session. 2. Handle 'success' and 'cancel' redirect URLs. 3. Show a loading spinner during session creation. 4. Use Stripe Elements for a custom-styled card entry field that matches the site's DaisyUI theme. 5. Webhook listener for 'checkout.session.completed' events.

Build a conversion-optimized checkout experience. Requirements: 1. Three-step progress indicator (Information → Shipping → Payment). 2. Auto-save form data to localStorage with debouncing. 3. Real-time address validation using Google Places API. 4. Dynamic shipping cost calculator based on location. 5. Express checkout options (Apple Pay, Google Pay). 6. Trust badges and security indicators. 7. Mobile-first responsive design with sticky CTA. 8. Abandoned cart recovery email trigger. Use React Hook Form for validation and Stripe for payment processing.