Portfolio Website

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS.

Features

• Hero Section: Eye-catching landing page with call-to-action buttons
• Projects Showcase: Display your previous projects with images, descriptions, and technologies used
• Rates Section: Transparent pricing tiers for different project types
• Contact Section: Contact form and social media links
• Responsive Design: Works seamlessly on all devices
• Dark Mode Support: Automatic dark mode based on system preferences

Getting Started

First, install the dependencies:

npm install

Then, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Customization

Update Contact Information

Edit the contact information in components/Contact.tsx:

• Email address
• Phone number
• Location
• Social media links

Add Your Projects

Edit the projects array in components/Projects.tsx to add your own projects.

Update Pricing

Modify the pricingTiers array in components/Rates.tsx to reflect your rates.

Personalize Content

• Update the hero section text in components/Hero.tsx
• Modify the site title and description in app/layout.tsx

Build for Production

npm run build
npm start

Tech Stack

• Next.js 14: React framework with App Router
• TypeScript: Type-safe development
• Tailwind CSS: Utility-first CSS framework
• React: UI library

License

MIT