Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a portfolio website for a novice designer, featuring a simple, intuitive layout that showcases their design work and includes a blog to share insights and experiences. The goal is to present two portfolio pieces with a clean and minimalist aesthetic that enhances the user's creative identity.

## CORE FEATURES
1. **Hero Section**: An engaging introduction that highlights the designer's name and a tagline, with a call-to-action (CTA) button leading to the portfolio.
2. **Portfolio Showcase**: A dedicated section displaying two featured design projects with images, descriptions, and links to view more details about each project.
3. **Blog Section**: A simple blog layout where the designer can post articles, thoughts, and updates, allowing visitors to engage with their creative journey.
4. **About Section**: A brief overview of the designer, including their background, design philosophy, and skills.
5. **Contact Form**: A straightforward contact form for inquiries, featuring name, email, and message fields.
6. **Footer**: A minimalist footer with social media links and copyright information.

## 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 be a single-page structure with a vertical scroll, featuring sections for the hero, portfolio, blog, about, and contact. Each section will be visually distinct yet cohesive, maintaining a unified design flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, as the application is primarily static with form handling.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**:
   - Build a `Hero` component for the landing section.
   - Develop a `Portfolio` component to display the two projects.
   - Create a `Blog` component for the blog posts.
   - Design an `About` component to introduce the designer.
   - Implement a `Contact` component with form handling.
3. **Style Components**:
   - Use Tailwind CSS to apply the minimalist design principles throughout the application.
   - Ensure the primary color and typography are consistently used across all components.
4. **Set Up Routing**: If needed, use React Router to navigate between sections if they are separated into different components.
5. **Deploy**: Choose a hosting service (e.g., Vercel, Netlify) to deploy the portfolio website.

## USER EXPERIENCE
Visitors will land on a visually appealing hero section that immediately captures attention. They can easily navigate through the portfolio, view project details, and read blog posts. The contact form will be straightforward, encouraging inquiries without overwhelming the user. The overall experience will be smooth, with responsive design ensuring usability across devices.

The website must be in Russian