Build a personal portfolio website with a minimalist design aesthetic and smooth animations. Here are the full requirements:

Design Style

• Minimalist, clean, and modern aesthetic
• Lots of whitespace, refined typography
• Smooth entrance animations (fade-in, slide-up) on scroll and page load
• Monochromatic or very limited color palette (black, white, one accent color)
• Fully responsive across mobile, tablet, and desktop

Pages / Sections (Single Page Scroll Layout)

1. Hero / Hello Section

• Large bold greeting: "Hello, I'm [Name]"
• Brief one-liner tagline describing what they do
• Animated text reveal on load
• CTA buttons: "View My Work" and "Get In Touch"

2. About Section

• Short bio paragraph
• A few skill tags or areas of expertise displayed as minimal badges

3. Services Section

• 3–4 service cards in a clean grid layout
• Each card has an icon, service title, and short description
• Subtle hover animation (slight lift or border reveal)

4. Projects Section

• Grid of project cards (2–3 columns on desktop, 1 on mobile)
• Each card shows: project thumbnail/placeholder, project title, short description, tags/category
• Hover state reveals a subtle overlay with a "View Project" link

5. Case Studies Section

• 2–3 featured case studies displayed as larger horizontal cards
• Each includes: title, problem statement snippet, outcome/result, and a "Read More" button
• Use mock/placeholder content

6. Contact / Footer Section

• Simple "Let's Work Together" headline
• Email address, social links (LinkedIn, GitHub, Dribbble — mock links)
• Minimal footer with name and copyright

Interactions & Animations

• Smooth scroll behavior throughout
• Elements animate in on scroll using intersection observer style fade/slide effects
• Navigation links highlight the active section
• Sticky top navigation bar that becomes slightly translucent/blurred on scroll

Navigation

• Fixed top nav with name/logo on the left
• Navigation links on the right: About, Services, Projects, Case Studies, Contact
• Mobile hamburger menu that slides in from the right

Use all mock placeholder content throughout.

---

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.