Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a personal CV landing page for Laelatul Hidayah, a fourth-semester informatics student actively involved in her faculty's student organization. The landing page will serve as an online portfolio showcasing her skills in communication, teamwork, and eagerness to learn, designed to attract potential employers or collaborators.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with Laelatul's name, a brief tagline about her studies and skills, and a call-to-action button leading to her contact information.
2. **About Me**: A concise section detailing Laelatul's background, academic pursuits, and organizational involvement, highlighting her strengths and experiences.
3. **Skills Section**: A visually appealing display of her key skills, including communication and teamwork, possibly represented through visual indicators like progress bars or icons.
4. **Portfolio Links**: A section to showcase projects or achievements, with links to relevant work or contributions she has made in her field.
5. **Contact Form**: A simple form for potential employers or collaborators to reach out, including fields for name, email, and message.
6. **Testimonials**: A section for quotes or endorsements from peers or mentors that reinforce her capabilities and character.

## 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 layout will be a single-page format with sections stacked vertically, ensuring smooth scrolling and easy navigation. The hero section will be at the top, followed by the about me, skills, portfolio, testimonials, and contact sections.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using create-react-app with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build functional components for each section (Hero, About Me, Skills, Portfolio, Testimonials, Contact).
4. **Implement Routing**: Use React Router if necessary for smooth scrolling within the single-page layout.
5. **Design Layout**: Apply Tailwind CSS classes to achieve the minimalist and responsive design specified.
6. **Add Content**: Populate each section with Laelatul's information, skills, and projects.
7. **Test Responsiveness**: Ensure the layout is responsive and visually appealing on various devices.
8. **Deploy**: Host the landing page on a platform such as GitHub Pages or Vercel.

## USER EXPERIENCE
The user experience will focus on smooth navigation between sections, clear visibility of Laelatul's skills and experiences, and an easy-to-use contact form. The minimalist design will ensure that visitors can quickly grasp her qualifications and get in touch without distractions. The use of white space and typography will enhance readability and overall engagement.