Initialize simple portfolio landing page with Next.js

[Navidreza80]

Description Set up a minimal, responsive landing page for my personal portfolio using Next.js and Tailwind CSS. The page should include a hero section with my name, bio, and a call-to-action (CTA) button, serving as the foundation for future portfolio enhancements.

Feature Details:

• Hero Section:
  • Displays my name ("Navidreza Abbaszadeh"), a short bio (e.g., "Full-stack developer passionate about React and Next.js"), and a CTA button (e.g., "View Projects" linking to a placeholder #).
  • Centered layout, responsive for mobile and desktop.
• Styling: Use Tailwind CSS for a clean, modern design (e.g., bold typography, subtle background color).
• Accessibility: Ensure basic WCAG compliance (e.g., proper heading structure, button focus states).
• Deployment: Prepare for Netlify deployment (include basic setup instructions).

Use Case:

• Create a professional landing page to introduce my portfolio, showcasing my skills and personality.
• Serve as a starting point for adding sections like projects, skills, or a contact form later.

Proposed Implementation:

• Tech Stack: Next.js 14.2 (App Router), Tailwind CSS 3.4, Node.js 20.
• Folder Structure:
  • app/page.tsx: Main landing page component.
  • components/Hero.tsx: Hero section component (name, bio, CTA).
  • styles/global.css: Tailwind CSS setup and custom styles (e.g., font, colors).