Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a personal landing page that serves as an online resume for Natalia R. Valls. It will highlight her professional journey, showcase her projects, and provide links to her social media profiles. The design will be minimalist and inviting, ensuring a user-friendly experience.

## CORE FEATURES
1. **Hero Section**: A welcoming introduction with a brief overview of Natalia, including her name and a short tagline that captures her professional essence.
2. **About Me**: A detailed section outlining Natalia's professional background, skills, and experiences in a conversational tone.
3. **Projects Showcase**: A visually appealing section displaying key projects with descriptions and links to view more details or live demos.
4. **Social Media Links**: Easy-to-access icons linking to Natalia’s social media profiles, encouraging visitors to connect and engage.
5. **Contact Form**: A simple form allowing visitors to reach out for inquiries or networking opportunities.
6. **Testimonials**: A section featuring quotes or endorsements from colleagues or clients to build credibility and trust.

## 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 feature a vertical flow with a prominent hero section at the top, followed by the About Me, Projects Showcase, Testimonials, and Social Media Links, concluding with the Contact Form. Each section will be well-defined with ample spacing to maintain clarity and simplicity.

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

## IMPLEMENTATION STEPS
1. **Set Up 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 Layout Structure**: Build the main components for each section (Hero, About Me, Projects, Testimonials, Social Media Links, Contact Form).
4. **Style Components**: Apply Tailwind CSS classes to each component according to the design specifications, ensuring a consistent minimalist aesthetic.
5. **Implement Navigation**: Add smooth scrolling for navigation links to each section for a seamless user experience.
6. **Test Responsiveness**: Ensure the layout adapts well to different screen sizes, maintaining usability on mobile devices.

## USER EXPERIENCE
Visitors will be greeted by a vibrant hero section that captures attention immediately. As they scroll down, they will find an engaging narrative about Natalia, complemented by visuals of her projects. Clear navigation allows users to easily jump between sections. The contact form encourages interaction, providing a straightforward way for visitors to reach out. The overall experience will be fluid and enjoyable, reflecting Natalia's personality in a professional yet approachable manner.