Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This project is a personal portfolio website for Naqiya Barnagarwala that showcases her multidisciplinary skills in engineering, marketing, and creative content creation. The primary goal is to create a visually distinctive and cohesive personal brand that appeals to recruiters and hiring managers.

# CORE FEATURES
1. **Hero Section**: A visually striking hero area with Naqiya's name, tagline, and a clear call-to-action (CTA) to explore her work.
2. **About Me Page**: A personal story that highlights Naqiya’s journey, skills, and interests, conveyed through a visually engaging format.
3. **My Work Page**: A dedicated section to showcase various projects across different categories such as Marketing, Engineering, and Creative, with individual project cards and detailed case studies.
4. **Resume Page**: A page with a downloadable resume option and a summary of Naqiya’s education, experience, and skills.
5. **Contact Page**: A minimal contact area for potential employers or collaborators to reach out directly.
6. **Responsive Design**: The website will be fully responsive, ensuring a seamless experience on desktop, tablet, and mobile devices.

# DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a sticky navigation bar, large hero section, followed by distinct sections for About, My Work, Resume, and Contact, ensuring clear visual hierarchy and easy navigation.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this static portfolio.

# IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Layout Components**: Build the main layout components including Navigation, Hero, About, My Work, Resume, and Contact sections.
3. **Implement Hero Section**: Design the hero section with large typography and CTAs linking to the My Work and About Me sections.
4. **Develop About Me Page**: Create an engaging layout that tells Naqiya’s story, using large typography and visual timelines.
5. **Build My Work Page**: Construct a grid layout to display project cards, ensuring each card leads to its respective detailed case study page.
6. **Create Resume Page**: Develop a page that outlines professional details, with a download link for the resume.
7. **Design Contact Page**: Build a minimalistic contact form or provide direct links to social media profiles.
8. **Ensure Responsiveness**: Test and refine the design for mobile and tablet views, ensuring proper scaling and usability.
9. **Add Placeholder Content**: Use placeholders for images and content that will be added later.
10. **Deploy the Website**: Choose a hosting platform and deploy the completed portfolio website.

# USER EXPERIENCE
Users will experience a clean and elegant interface that allows easy navigation through Naqiya's portfolio. The website will emphasize readability and accessibility, with smooth transitions between sections, ensuring that recruiters can quickly understand her skills and explore her work. The minimalist design will help maintain focus on the content without distractions, enhancing the overall user interaction while browsing.