A
Anonymous

Help Page - Copy this React, Tailwind Component to your project

"Design a help page for the internal area of a dashboard with a clean and user friendly layout. At the top of the page, provide a section where users can choose their preferred method of contact: either via email or WhatsApp. Include a dropdown or radio button selection box for 'Email' or 'WhatsApp'. If 'WhatsApp' is selected, display a button that opens WhatsApp for messaging. If 'Email' is selected, reveal a contact form with input fields for the user's name, email address, subject, and message, along with a 'Submit' button to send the email. Below this component, add a horizontal line to divide the section visually. Underneath the line, include a text input area with a placeholder that says 'Enter video URL', and a button labeled 'Submit URL' to send the URL to the database. Below the URL submission area, create a section that displays video thumbnails in individual cards, similar to a marketplace layout. Each card should have a video thumbnail image and its corresponding title beneath it. The design should be clean and modern, with a clear distinction between different sections, and should ensure easy navigation for users. The page should visually integrate well within a dashboard environment with a consistent style and color scheme."

Prompt
Component Preview

About

HelpPage - A user-friendly contact section with email/WhatsApp options, a URL submission area, and video thumbnails. Built with React. Free code available!

Share

Last updated 1 month ago