Responsive Candidate Summary - Copy this Html, Tailwind Component to your project

Prompt: "Design a professional and intuitive candidate summary UI. The layout should be clean, responsive, and modern, suitable for a hiring dashboard. The key sections and elements to include are: Header: Title: 'Candidate Summary' on the left. Button: 'View details' on the right. Candidate Info Section: Profile photo: Rounded image on the left. Name: Nicolas Trevino in bold. Job title and location: 'Back End Developer, Vancouver, Canada' below the name. A 'View documents' button aligned to the right. About Section: Heading: 'About' Short biography of the candidate in paragraph form. Contact Links: Display clickable links to a personal website and GitHub (e.g., nicolastrevino.com and github.com/nic trevino) under the About section. Skills Section: Heading: 'Professional Skills' Display individual skill tags in a grid layout (e.g., Java, Python, C#, Spring Boot, Django, ASP.NET, MySQL, etc.) as soft colored rounded badges. Work Experience Section: Heading: 'Work Experiences' Company names, job titles, and date ranges (e.g., 'Senior Back End Developer at Confluence, Jan 2022 Present') presented in a structured and readable format. Style: Use soft colors (whites, grays, light greens) with a professional look. The overall UI should be compact but easy to navigate. Buttons should have rounded corners and hover states. The design must be fully responsive for both desktop and mobile screens. Make sure to create a clean, visually appealing layout with plenty of whitespace, and the font style should feel modern and easy to read."