Home/Portfolio/Portfolio Website

Personal Portfolio Website (Next.js)

A modern, responsive developer portfolio built with Next.js, Tailwind CSS, and Framer Motion. It features animated hero sections, tabbed project showcase with hover actions, per-project detail pages, contact/social panels, and a consistent card/glass theme. Deployed on Vercel with GitHub-based workflow.

View SourceLive Site

Key Features

  • Animated hero, glow effects, and micro-interactions using Framer Motion.
  • Tabbed showcase (Projects / Certificates / Tech Stack) with large, unified tab bar.
  • Project cards with hover blur overlay showing Details / Demo / GitHub actions.
  • Dedicated dynamic pages for each project (Next.js App Router).
  • Responsive layout and consistent glass / gradient card theme.
  • Contact section with social links and styled form panels.
  • Deployed on Vercel; source control and collaboration via GitHub.

Screenshots

Intro Animation
Hero Section
Portfolio Tabbed Showcase
Contact & Social Panels

Page Structure

Home / Hero

Intro headline, animated glow, and tech tags with CTA buttons.

About / Education

Profile with circular glow, education cards, and stat bubbles.

Portfolio

Tabbed gallery, hover overlays, and deep-link Details pages.

Tech Stack

Next.js (App Router)ReactTailwind CSSFramer MotionNext/ImageVercel (Deploy)GitHub (Version Control)