Virtual Try on Page - Copy this React, Tailwind Component to your project

"Create a modern e commerce fashion webpage layout designed for a virtual try on experience. The page should have a clean, minimalistic design with a focus on ease of use. It should feature: Header Section: A simple and sleek logo for the fashion brand in the top left. A search bar for browsing clothing items. Links to user account, cart, and help. Main Section: A large, inviting upload box in the center where users can drag and drop or upload an image. Label it as "Upload your image to try on outfits." Once the image is uploaded, display a preview of the image and an overlay where users can adjust fit and style. Below the upload box, show an option for users to choose categories like "Dresses," "Tops," or "Accessories" to help filter the items. Virtual Try On Section: A feature that allows users to try on clothes virtually using their uploaded image. Include options for users to rotate and resize clothing on their image. On the right side, display a set of clothing recommendations based on the user’s uploaded photo and selected preferences (using AI recommendations). Each item should show a thumbnail image, name, price, and "Add to Cart" button. Recommendation System: Underneath the try on area, include a recommendation section with clothing items that complement the uploaded image. The recommendation list should scroll horizontally, allowing users to browse multiple options. Footer: The footer should have links to "About Us," "Contact," "Privacy Policy," and social media icons. The design should remain clean, with light colors and minimal distractions."