Ecommerce Site - Copy this React, Tailwind Component to your project
"Design and develop a modern, responsive e-commerce website specifically for selling lingerie items, including colaless, bodysuits, swimsuits, and bikinis. The website should include the following features: Homepage: A visually stunning banner showcasing offers, new arrivals, or best-sellers. Featured categories section: 'Colaless,' 'Bodysuits,' 'Swimsuits,' and 'Bikinis,' each with attractive icons or images. A 'Trending Products' carousel featuring popular items with quick-add-to-cart functionality. Product Pages: Each product page should display: High-resolution images (with zoom and gallery functionality). Product options: size, color, and quantity. Price and detailed description. Recommendations for similar or complementary products. Customer reviews and a star-rating system. Shopping Cart: A functional shopping cart should include: A summary of selected items (image, name, size, color, price). Options to adjust quantities or remove items. Dynamic calculation of the total cost, including shipping fees. A 'Checkout with Mercado Pago' button. Checkout Page: A clean, user-friendly interface to collect: Shipping and billing information. Payment through Mercado Pago, supporting methods like credit cards, debit cards, and installments. Confirmation of order details before completing the purchase. Design: Elegant and modern design with a feminine touch. Use soft pastel colors (e.g., blush pinks, lavender, and whites) to reflect the product style. Ensure mobile responsiveness for a seamless experience on all devices. Technologies: Frontend: HTML, CSS (preferably Tailwind CSS), JavaScript, and a framework like React.js for dynamic components. Backend: Node.js with Express or NestJS to manage product data and API calls. Database: MongoDB or MySQL for storing product, user, and order information. Payment Integration: Mercado Pago SDK or API to handle secure transactions. Additional Features: Product Categories and Filtering: Allow users to filter products by price, size, color, and type (e.g., colaless, bodysuits). Wishlist: Enable users to save items for future purchases. Admin Panel: Include a basic dashboard for managing inventory, orders, and user accounts. Email Notifications: Send automated confirmation emails after successful purchases. Mercado Pago Integration: Use Mercado Pago's API to provide a smooth checkout experience. Support multiple payment methods, including installments. Comply with Mercado Pago's security guidelines to protect user data. Bonus: Include a 'Lookbook' section where customers can view curated outfits. Add a blog for tips on lingerie care, styling, and seasonal trends.