Portfolio Website - Copy this React, Tailwind Component to your project

Design and develop a visually striking and highly functional portfolio website using React and Tailwind CSS. The website should effectively showcase a developer’s skills, projects, and contact information. The key features and requirements are: Homepage: Hero Section: A captivating hero section with a professional photo, a brief introduction, and a compelling call to action (CTA) button. Navigation Bar: A sticky, responsive navigation bar with links to the Home, About, Projects, and Contact sections. Responsive Design: Ensure the layout is responsive and looks great on all devices (desktop, tablet, and mobile). About Section: A concise yet engaging summary of who you are, including your background, skills, and what sets you apart. Include an option to download a resume or view a detailed CV. Projects Section: Display a grid or card layout of your top projects with images, brief descriptions, and links to the live projects or their GitHub repositories. Include filters or categories if applicable (e.g., Web Development, Mobile Apps, etc.). Contact Section: A clean, user friendly contact form with fields for name, email, subject, and message. Include links to your social media profiles and professional networks (e.g., LinkedIn, GitHub). Footer: A footer with copyright information, quick links, and a minimal design that complements the overall theme. Design Aesthetics: Use Tailwind CSS to create a modern, clean, and cohesive design. Utilize Tailwind’s utility classes for layout, spacing, and typography. Ensure the color scheme, fonts, and spacing are consistent and enhance readability and visual appeal. Additional Features: Implement smooth scrolling and animations to enhance the user experience. Include a dark mode toggle for improved accessibility and user preference.