Social Media Extractor - Copy this Html, Tailwind Component to your project

Design a clean and intuitive user interface for a social media data extraction tool. The interface should include the following elements: A header with the tool's name and a brief description of its functionality. Five input fields arranged vertically: Text input for keyword (e.g., 'digital marketing') Text input for phone number (e.g., '+92') Text input for email domain (e.g., '@gmail.com') Text input for location (e.g., 'Lahore') Dropdown menu for selecting social media platforms (options: Facebook, Twitter, LinkedIn, Instagram) A 'Generate Query' button below the input fields. A text area displaying the generated search query in the format: {keyword} AND {mobile number} AND {email} AND site:{selected platform} An 'Extract Data' button to initiate the web scraping process. A results section below, showing extracted data in a tabular format with columns for Name, Profile URL, Email, Phone Number, and Location. Export options (CSV, Excel) for the extracted data. A footer with copyright information and any necessary legal disclaimers. Use a modern, minimalist design with a color scheme that emphasizes readability and user friendliness. Ensure the layout is responsive and works well on both desktop and mobile devices. Include appropriate error handling and validation for the input fields." This prompt provides a comprehensive description of the desired UI elements, functionality, and design considerations for your social media data extractor tool. A designer or developer can use this as a guide to create a mockup or implement the interface.