Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to serve as a landing page for a software engineering company. Its primary purpose is to provide potential clients with detailed information about the company's services, showcase its portfolio, outline its technology stack, explain its software development life cycle (SDLC) process, and facilitate easy contact options.

## CORE FEATURES
1. **Services Overview**: A dedicated section that outlines the various services offered by the company, presented with clear icons and brief descriptions to ensure easy understanding.
  
2. **Portfolio Showcase**: A visually appealing gallery that highlights previous projects, including images and short descriptions, enabling potential clients to see the quality and variety of work done.
  
3. **Tech Stack Display**: An interactive section that lists the technologies used by the company, utilizing icons and brief explanations to communicate expertise effectively.
  
4. **SDLC Process Explanation**: A visual representation of the software development life cycle, clearly outlining each phase with concise text to educate clients on the company's approach.
  
5. **Contact Information**: A straightforward contact form that allows potential clients to reach out easily, complemented by essential company contact details such as email and phone number.
  
6. **Testimonials Section**: A curated section for client testimonials, showcasing positive feedback in an engaging format to build trust and credibility.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design emphasizes a clean and simple aesthetic with ample white space to enhance readability and focus on content with minimal but impactful animations.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and legibility. Orange hues. #FF6000 hex.
- **Layout**: A single-page layout with a vertical scroll structure, featuring distinct sections for services, portfolio, tech stack, SDLC process, testimonials, and contact information. Each section should be separated by ample whitespace to create a breathable experience.
- **Typography**: Use a modern sans-serif font such as **Ubuntu** for headings and body text, with a clear hierarchy established through font weights and sizes (e.g., larger, bolder text for headings and lighter text for descriptions).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a scalable and maintainable web application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick design adjustments and responsive layouts.
- **UI Components**: Utilize **shadcn/ui** for pre-built, accessible component styles that align with the minimalist aesthetic.
- **State Management**: Redux Toolkit (optional) for managing global state if needed for contact form submissions or user interactions.

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components using npm or yarn.
3. **Create Layout Structure**: Develop the main layout with a header, individual sections for services, portfolio, tech stack, SDLC process, testimonials, and a footer.
4. **Implement Each Section**: Build out each section according to the specifications, using Tailwind CSS for styling and shadcn/ui for components.
5. **Add Routing**: If necessary, set up React Router for navigation between sections.
6. **Implement Contact Form**: Create a functional contact form with validation and integrate it with backend services for processing submissions.
7. **Test Responsiveness**: Ensure the layout adapts smoothly across various screen sizes, adjusting styles as needed.
8. **Deploy the Application**: Choose a deployment platform (e.g., Vercel or Netlify) and publish the application.

## USER EXPERIENCE
Users will experience a seamless interaction with the application, starting from a visually engaging landing page that invites exploration. Each section will be easily navigable, with a clear flow from services to portfolio and beyond. The contact form will be simple and intuitive, encouraging potential clients to reach out without feeling overwhelmed. The minimalist design will keep distractions to a minimum, ensuring that users can focus on the content that matters most.