Build a modern, responsive personal portfolio website with the following sections and features:

Layout & Navigation:

• Fixed top navigation bar with name/logo on the left and smooth-scroll links (About, Skills, Projects, Experience, Contact) on the right
• Hamburger menu for mobile

Hero Section:

• Full-viewport greeting with animated typing effect cycling through roles (e.g., "Developer", "Designer", "Creator")
• CTA buttons: "View My Work" and "Download Resume"
• Subtle animated background (floating shapes or gradient)

About Section:

• Two-column layout: profile photo placeholder + bio text
• A few personal stat cards (e.g., Years of Experience, Projects Completed, Happy Clients)

Skills Section:

• Categorized skill cards (Frontend, Backend, Tools) with icons or emoji
• Animated progress bars or proficiency badges for each skill

Projects Section:

• Responsive grid of project cards (at least 4 mock projects)
• Each card has: image placeholder, title, short description, tech stack tags, and "View Live" / "GitHub" buttons
• Filter buttons to sort by category (All, Web, Mobile, Design)

Experience Section:

• Vertical timeline with mock work experience and education entries
• Each entry has: company/school, role/degree, date range, and bullet points

Contact Section:

• Contact form with fields: Name, Email, Subject, Message, and a Send button (simulated submit with success state)
• Social links row (GitHub, LinkedIn, Twitter, Email icons)

Design:

• Dark mode by default with a toggle for light mode
• Accent color: electric blue or teal
• Smooth scroll animations and hover effects throughout
• Clean, minimal aesthetic with good typography hierarchy

---

IMPORTANT BUILD INSTRUCTIONS:

• Focus on CORE features only. Do not add extra polish, advanced features, or nice-to-haves.
• Do NOT overthink the design or architecture. Keep it simple and functional.
• Write all files in parallel where possible. Minimize thinking time.
• Skip animations, transitions, and complex interactions unless explicitly requested.
• Use simple, clean components. No over-engineering.
• Target completion in under 3 minutes. Speed over perfection.
• Ship a working MVP, not a feature-complete product.
• Do NOT install or suggest any integrations (Supabase, Blob, databases, etc). Use mock data and localStorage only.
• Do NOT prompt for user approval or wait for manual steps. Build everything autonomously.
• CRITICAL: The app MUST have a working root page at "app/page.tsx" (or "pages/index.tsx") that renders the main UI immediately. Never generate an app where "/" is empty or shows a file picker — the root route must show the primary feature of the app. If you create multiple sub-pages, "app/page.tsx" should still render the main dashboard/home view, not a redirect or empty component.