I'll create a mobile-first, responsive UI for a gift card platform with all the components you've requested. Let's build this out!

I've created a complete mobile-first, responsive UI for a gift card platform with all the requested components. Here's a breakdown of what I've built:

1. Home Page

• Search bar with placeholder for merchant search
• Category filters as horizontal scrollable chips
• Trending offers displayed in a responsive grid
• Best sellers shown as a horizontal scrollable list

2. Gift Card Details Page

• Amount selector with preset values and custom input option
• Recipient toggle between "For Me" and "Gift to Friend"
• Dynamic CTA button showing the selected amount

3. Payment Screen

• Credit card form with formatted inputs for number, expiry, and CVV
• "Save card" checkbox option
• Secure payment indicator with lock icon
• OTP modal that appears after payment processing

4. Success Screen

• Voucher code display with copy button
• Sharing options for WhatsApp, SMS, and Email
• Expiry information
• Back to home button

5. Order History

• Table with merchant, amount, purchase date, expiry, and status
• Filters for merchant and sort options
• Search functionality
• Responsive design that adapts to mobile screens

6. Settings

• Payment methods management with saved cards
• Add new card functionality
• Account options including order history and sign out

Design Features

• Clean, minimal design with white background
• Primary blue color (#2563EB) for CTAs as requested
• Trust elements including lock icon on payment screen and PCI DSS badge
• Fully responsive from 320px (mobile) to 1024px+ (desktop)
• Bottom navigation for easy access to key sections

The UI includes all loading states, mock data, and simulated API responses as requested. The components are built with shadcn/ui for a consistent, modern look and feel.