Custom Preloader - Copy this React, Tailwind Component to your project

"Create a custom animated preloader for a credit card bill payment platform. The loader should have a clean and professional aesthetic, with a design that reflects themes of finance, security, and seamless payment processes. Use a color palette consisting of deep blues, gold, and white to evoke a sense of trust, reliability, and sophistication. The animation should be subtle yet engaging, incorporating elements such as a spinning credit card, a progress bar resembling a bill being paid, or icons like secure locks and growing checkmarks. The design should emphasize convenience, safety, and efficiency, while maintaining a minimalist, modern style that aligns with financial and payment services.