Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a professional and stunning landing page for Arwa Ahmed, intended for  the PhD committee at an international university. The website will serve as an online identity, showcasing Arwa's qualifications, achievements, and aspirations, while maintaining a clean and organized layout that inspires confidence.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a professional photo of Arwa and a motivating quote that reflects her values and vision.
2. **About Section**: A concise summary of Arwa's academic background, research interests, and professional experience, displayed in an engaging format.
3. **Achievements Section**: Highlighting key accomplishments, awards, and recognitions in a visually appealing manner.
4. **Portfolio Section**: Showcasing projects, publications, or any relevant work that demonstrates Arwa's expertise and contributions to her field.
5. **Contact Section**: A simple form for the committee to reach out, including fields for name, email, and message, without displaying Arwa's phone number.
6. **Inspirational Quotes**: A dedicated section featuring real quotes that resonate with Arwa's academic journey and aspirations.

## 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**: A structured vertical layout with clearly defined sections for the hero, about, achievements, portfolio, quotes, and contact, ensuring easy navigation and readability.

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

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component management.
3. **Create Structure**: Develop the main layout with sections for hero, about, achievements, portfolio, quotes, and contact.
4. **Design Components**: Utilize Tailwind CSS to style components according to the minimalist design specifications.
5. **Integrate Typography**: Import and apply Inter font from Google Fonts to headings and body text.
6. **Implement Forms**: Create a simple contact form in the contact section, ensuring no personal phone number is included.
7. **Add Content**: Populate the sections with relevant content from Arwa's CV, ensuring clarity and professionalism.
8. **Test Responsiveness**: Ensure the design adapts seamlessly across various devices and screen sizes.
9. **Deploy**: Host the landing page on a suitable platform for easy access by the PhD committee.

## USER EXPERIENCE
The user experience will focus on clarity and inspiration. Visitors will be greeted by a striking hero section that captures Arwa's essence, followed by an easily navigable layout that allows them to explore her background and achievements effortlessly. The contact form will provide a direct and simple way for the committee to engage with Arwa, enhancing the overall interaction with the site. The minimalist design will ensure that the focus remains on the content, providing an inspiring and professional online identity.