Personal Portfolio

A modern, responsive, and beautifully animated developer portfolio website built with Next.js, React, Tailwind CSS, and Framer Motion.

🚀 Features

• Modern Tech Stack: Built with Next.js 14 App Router and React 18.
• Beautiful Animations: Smooth scrolling and entry animations powered by Framer Motion.
• Fully Responsive: Optimized for seamless viewing on edge-to-edge mobile, tablet, and desktop displays using Tailwind CSS.
• Modular Components: Clean architecture with logically separated UI components and layout sections (Hero, About, Projects, Testimonials, Contact, Tape etc.).
• Interactive UI elements: Rotating orbits, animated tape banners, toolbox items, and immersive backgrounds elements.

🛠️ Tech Stack

• Framework: Next.js (App Directory)
• Library: React.js
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: SVGR / Custom SVG Assets
• Type Checking: TypeScript

📂 Project Structure

src/
├── app/               # Next.js App Router root layout & globals
├── assets/            # Static assets (images, icons)
├── components/        # Reusable UI components (Cards, Orbit elements, Badges)
│   ├── Card.tsx
│   ├── HeroOrbit.tsx
│   ├── ToolboxItems.tsx
│   └── ...
└── sections/          # Major landing page sections
    ├── Hero.tsx
    ├── About.tsx
    ├── Projects.tsx
    ├── Testimonials.tsx
    ├── Contact.tsx
    ├── Tape.tsx
    └── ...