Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for www.samblatalu.eu designed to showcase the skills and services of a senior frontend designer and performance engineer. The main purpose of the landing page is to attract potential clients or collaborators by highlighting expertise in frontend design, conversion optimization, and performance engineering while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a brief tagline and a call-to-action (CTA) button that directs visitors to an inquiry form or portfolio.
2. **About Section**: A concise overview of the designer's background, skills, and unique approach to frontend development and performance engineering.
3. **Services Offered**: A clear presentation of services, such as performance optimization, UI/UX design, and consulting, along with brief descriptions.
4. **Testimonials**: A section featuring client feedback and testimonials to build trust and credibility.
5. **Portfolio Gallery**: A showcase of past projects with images and descriptions to demonstrate expertise and style.
6. **Contact Form**: A simple form allowing visitors to reach out directly for inquiries or collaborations.

## 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 single-page layout with a vertical flow, utilizing sections that smoothly scroll into view. Each section is clearly defined with ample white space, ensuring easy readability and navigation.

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

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript and install Tailwind CSS by following the official documentation.
2. **Create Components**: Develop individual components for each section: Hero, About, Services, Testimonials, Portfolio, and Contact.
3. **Implement Tailwind Styles**: Use Tailwind CSS utility classes to style each component according to the minimalist design specifications.
4. **Integrate Google Fonts**: Import Inter font from Google Fonts in the main CSS file to ensure typography consistency.
5. **Add Routing**: Implement smooth scrolling navigation links to each section for a seamless user experience.
6. **Test Responsiveness**: Ensure all components are responsive and adjust gracefully on different screen sizes.
7. **Deploy**: Host the landing page on a platform like Vercel or Netlify for easy access and sharing.

## USER EXPERIENCE
The landing page will provide a smooth and intuitive user experience, allowing visitors to quickly grasp the designer's expertise and services. Users will interact with the CTA buttons to navigate the page or fill out the contact form easily. Responsive design ensures that users on mobile devices have a seamless experience, with easy access to all information and functionality.

By following these specifications, the landing page will effectively communicate the designer's brand and attract potential clients, all while adhering to a minimalist and modern design aesthetic.