HD
Hung Dinh

Portfolio - Copy this React, Tailwind Component to your project

"Create a clean, modern, and responsive personal portfolio website The website should have the following sections:** Home: An introduction with a brief bio and a professional profile picture. Include a headline with a personal tagline. About Me: A section with detailed information about my background, skills, and interests. Use a visually appealing layout with icons for different skill categories (e.g., programming, design, etc.). Projects: Display a grid of my top 5 projects with images, descriptions, and links to the live demo and GitHub repository for each. Contact: A simple contact form that includes fields for the user's name, email, and message. Ensure the form is validated and sends an email notification. Additional Requirements: Ensure smooth scrolling between sections when clicking navigation links. Include a fixed navigation bar at the top with animated hover effects. Add social media icons linked to my profiles (e.g., Facebook, GitHub).Please add me some nice animation effects, smooth transition effects, dark mode, add Facebook link, add a part to launch a song when entering the web. Use a mobile first design to ensure it looks great on both desktop and mobile devices. Implement subtle animations when sections load (fade in effects). Use Google Fonts for custom typography and ensure the website is SEO friendly by using proper meta tags and alt attributes for images."

Prompt
Component Preview

About

Portfolio - Create a responsive personal site with sections for Home, About, Projects, and Contact. Built with React and Tailwind. Copy component code!

Share

Last updated 1 month ago