Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a minimalist landing page that transfers content, colors, and images from the existing website (bhf.sk) into a new bilingual format (English and Slovak). The design will closely resemble the visual style of https://mohamedshehata.net, focusing on clean aesthetics and intuitive navigation to enhance user engagement.

## CORE FEATURES
1. **Bilingual Content**: Seamless switching between English and Slovak content, ensuring all text and media are appropriately localized.
2. **Hero Section**: A prominent hero section featuring an impactful image and a concise, engaging tagline that captures the essence of the business.
3. **About Section**: A brief overview of the organization, its mission, and values, presented in a clear and inviting manner.
4. **Image Gallery**: A visually appealing gallery showcasing relevant images from the old website, optimized for quick loading and responsiveness.
5. **Contact Form**: A simple and functional contact form allowing users to reach out easily, with fields for name, email, message, and a submit button.
6. **Call-to-Action (CTA)**: Strategically placed CTAs encouraging users to take specific actions, such as contacting the organization or visiting other sections of the website.

## 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 top navigation bar, followed by the hero section, about section, image gallery, and contact form, ending with a footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for pre-built components.
- **State Management**: Not required for this landing page; local state management can be implemented if necessary.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Basic Structure**: Develop the main components (Hero, About, Gallery, Contact, Footer) and set up routing if needed for language switching.
3. **Implement Design**: Use Tailwind CSS classes to style components according to the design specifications provided.
4. **Add Content**: Transfer relevant content, colors, and images from the old website (bhf.sk) and ensure they are displayed correctly in both languages.
5. **Integrate Contact Form**: Set up a simple contact form that collects user inputs and integrates a backend service (if required) for handling submissions.
6. **Testing and Optimization**: Test the page for responsiveness and ensure proper functionality across different devices and browsers.

## USER EXPERIENCE
Users will be greeted by a clean and visually appealing hero section that introduces them to the organization. They can easily navigate between English and Slovak content using a language toggle. The about section will provide insight into the organization's mission, while the image gallery allows users to visually connect with the brand. The contact form will be straightforward, ensuring that inquiries can be made effortlessly. Clear CTAs will guide users toward desired actions, enhancing overall engagement and satisfaction.