Portfolio website

Trạng thái: deployed

Xem trang Live

Bản xem trước sẽ hiển thị ở đây sau khi tạo xong.

Trợ lý AI

Create a portfolio website with the following details: Theme: Modern Dark with neon accents Pages: Home, About, Projects, Contact Texts: --- Home Page --- A landing page with a hero section introducing Jane Doe as a passionate Full Stack Developer. Include a short bio highlighting skills in React, Node.js, and Next.js, and a clear call-to-action button to 'View My Work'. --- About Page --- A detailed about me section describing background, education, and career journey. Include a timeline of past experience and a grid of technical skills with relevant icons. --- Projects Page --- A comprehensive project gallery displaying top 3 projects as interactive cards. Each card must feature a placeholder thumbnail, title, brief description, technologies used (as tags), and buttons for 'Live Demo' and 'GitHub'. --- Contact Page --- A contact section with a clean functional contact form (name, email, subject, message fields), professional contact information, and social media links (LinkedIn, GitHub, Twitter). Images:

Now let me build all the files. I'll start with the globals, layout, navigation, and all four page components simultaneously.

Now let me create the navigation component and all four pages:

Jane Doe's complete portfolio is ready. Here's a summary of what was built:

  • Home — Full-screen hero with a glowing neon name, skills strip, career stats, and a call-to-action section.
  • About — Detailed bio with a vertical experience timeline (neon-dotted), education section, and a 6-category technical skills grid with icons.
  • Projects — Three featured project cards in a horizontal split-layout with placeholder thumbnails, tech tags, star/fork counts, and Live Demo + GitHub buttons.
  • Contact — A functional contact form (with loading and success states), contact info sidebar, availability indicator, and social media cards for LinkedIn, GitHub, and Twitter.

The entire site uses a custom always-dark theme (globals.css) with neon cyan (oklch(0.82 0.2 195)) as the accent, Space Grotesk for headings/body, and a sticky frosted-glass navbar with active-route highlighting.