🌟 Portfolio Landing Page

A modern, responsive portfolio landing page built with Next.js, React, and styled with Tailwind CSS. This project showcases my work, skills, and professional introduction using TypeScript and JavaScript.

---

✨ Features

• Next.js Framework: Optimized for performance with server-side rendering
• Responsive Design: Mobile-first approach with Tailwind CSS
• TypeScript Support: Type-safe codebase
• Modern UI: Clean, professional design with animations
• Project Showcase: Highlighting my best work with case studies
• Contact Form: Easy way for potential clients to reach out

---

🛠️ Technologies Used

• Next.js - React framework for production
• React - JavaScript library for building user interfaces
• Tailwind CSS - Utility-first CSS framework
• TypeScript - Typed JavaScript
• Framer Motion - For animations (optional, if used)

---

🚀 Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/your-username/your-portfolio.git

2. Install dependencies

npm install
# or
yarn install

3. Run the development server

npm run dev
# or
yarn dev

4. Open http://localhost:3000 in your browser

---

🚀 Deployment

This Next.js application can be deployed to any hosting service that supports Node.js. The easiest way is to use Vercel:

• Deployed with Vercel

---

📸 Preview

---

🎨 Customization

To personalize this portfolio:

• Update src/data/projects.js with your work samples
• Modify src/components/About.js with your bio
• Change colors in tailwind.config.js
• Update the favicon and meta tags in public/ and pages/_document.js

---

📬 Contact

• [Makrious Ayman] - [maaakrious2004@gmail.com]
• Project Link: GitHub

---