Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to serve as a landing page showcasing a portfolio of projects in CCTV installations, networking infrastructure, computer repair, and custom computer creations. It features a bilingual interface supporting both Hebrew and English, emphasizing a clean and minimalist aesthetic that enhances user engagement.

## CORE FEATURES
1. **Multi-Lingual Support**: Seamless toggle between Hebrew and English, allowing users to navigate the site in their preferred language.
2. **Dynamic Portfolio Display**: An interactive section showcasing past projects with images, descriptions, and client testimonials, optimized for clarity and visual appeal.
3. **Contact Me Page**: A dedicated page for users to reach out, featuring a simple form that is easy to fill out, ensuring effective communication.
4. **Responsive Design**: The layout adapts to any screen size, providing an optimal viewing experience on mobile devices, tablets, and desktops.
5. **Teamwork and Support Section**: Highlighting collaboration and support services, reinforcing the brand's commitment to customer satisfaction.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on clean lines and ample white space, ensuring that the content stands out without distraction.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and create a welcoming atmosphere.
- **Layout**: 
  - **Header**: Simplistic navigation bar with links to the portfolio, contact page, and language toggle.
  - **Main Section**: A hero image at the top followed by the portfolio grid, and sections for teamwork and support.
  - **Footer**: Contains contact information and social media links in a compact format.
- **Typography**: 
  - **Headings**: Bold sans-serif font for headings to create a strong visual hierarchy.
  - **Body Text**: Clean, legible serif font for body text, ensuring easy reading and professionalism.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building reusable components and maintaining type safety.
- **Styling**: Tailwind CSS for rapid styling and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for consistent design patterns and components.
- **State Management**: Use React Context API or Zustand for managing language state and dynamic content.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Component Structure**: Set up the folder structure for components, pages, and assets.
3. **Implement Routing**: Use React Router for navigation between the landing page and the contact page.
4. **Build the Header and Footer**: Create reusable header and footer components with language toggle functionality.
5. **Design the Portfolio Section**: Develop a grid layout for showcasing projects using responsive Tailwind classes.
6. **Develop the Contact Me Form**: Create a simple form component that collects user input with validation.
7. **Add Multi-Lingual Functionality**: Implement language toggle functionality using React Context API to manage state.
8. **Test Responsiveness**: Ensure the design is responsive across all devices using Tailwind's responsive utilities.
9. **Deploy Application**: Choose a hosting platform and deploy the web app for public access.

## USER EXPERIENCE
Users will be greeted with a clean landing page displaying a striking portfolio of projects. They can easily switch between Hebrew and English using the language toggle in the header. The portfolio section will allow users to click on individual projects for more details, while the contact page will provide an intuitive form for inquiries, ensuring that users feel supported and engaged throughout their journey on the site. The responsive design ensures that the application is functional and aesthetically pleasing on any device, enhancing overall user satisfaction.