Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
CoreSync is a landing page designed to showcase the IT services offered to SMEs in Peru. The website will provide essential information about the company, its mission, detailed services, client testimonials, an AI assistant for inquiries, and a contact form, all while maintaining a dynamic, minimalist, and professional appearance that feels friendly to users.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear value proposition and a call-to-action button, inviting visitors to learn more about CoreSync's services.
2. **Services Overview**: A detailed section outlining the IT services provided, including web development, ERP solutions, invoicing, cloud services, and support, each with brief descriptions.
3. **Client Testimonials**: A showcase of satisfied clients to build trust and credibility with potential customers.
4. **AI Assistant**: An interactive AI assistant that helps answer common inquiries and guides users to the appropriate service or information.
5. **Contact Form**: A user-friendly form allowing potential clients to easily reach out for inquiries or service requests.
6. **Company Information**: A section that includes the mission statement and values of CoreSync, reinforcing the brand's identity.

## 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 scrollable design, with each section clearly demarcated, providing a seamless user experience as visitors navigate through the information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing the AI assistant state and form submissions)

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build reusable components for the Hero section, Services overview, Testimonials, AI Assistant, Contact Form, and Company Information.
4. **Implement Routing**: Even in a single-page layout, consider using React Router for better navigation control if expanding sections in the future.
5. **Style Components**: Utilize Tailwind CSS to style the components according to the specified design requirements.
6. **Integrate AI Assistant**: Develop the AI assistant component, using simple state management to handle user interactions and FAQs.
7. **Form Handling**: Implement form validation and submission functionality for the contact form, ensuring user inquiries are captured effectively.
8. **Testing**: Conduct thorough testing for responsiveness and user experience across different devices and browsers.

## USER EXPERIENCE
The landing page will provide intuitive navigation through smooth scrolling and distinct sections. Users will easily interact with the AI assistant for instant support and can quickly fill out the contact form for inquiries. The design will prioritize clarity, ensuring that information is presented in a digestible manner, while the minimalist aesthetic provides a professional touch that instills confidence in potential clients.