Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page that delivers a clean and professional online presence for a web systems company. The page will feature a refined menu, a high-definition logo, and a clear branding message, ensuring everything aligns with an enterprise standard while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A prominent hero area featuring the high-definition logo and a tagline that captures the essence of the web systems offered.
2. **Menu Navigation**: A streamlined navigation menu that enhances user experience and allows easy access to different sections of the page.
3. **About Section**: A brief overview of the services provided, emphasizing the expertise in web systems.
4. **Call to Action (CTA)**: Clear and compelling CTA buttons encouraging visitors to contact or engage with the services offered.
5. **Contact Information**: A dedicated section featuring contact details and a simple form for inquiries.

## 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 follow a vertical structure starting with the hero section, followed by the about section, and concluding with the contact section. Each section will be clearly defined with ample spacing to ensure readability and focus.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Build the necessary components including Hero, Menu, About, CTA, and Contact.
3. **Implement Styling**: Use Tailwind CSS to apply the minimalist design specifications and ensure a cohesive look and feel throughout the page.
4. **Add Logo and Content**: Replace the existing logo with the high-definition version and insert relevant text content.
5. **Finalize Navigation**: Ensure the menu is functional and links to the appropriate sections smoothly.
6. **Test Responsiveness**: Conduct testing across various devices to ensure a seamless user experience regardless of screen size.

## USER EXPERIENCE
Key user interactions will include navigating through the menu to access different sections, engaging with clear CTAs to prompt inquiries, and viewing the high-definition logo prominently displayed in the hero section. The minimalist design will facilitate a smooth experience, allowing users to focus on the information presented without distractions.