Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application for "Centro Infantil Ohana" based in Guadalajara, Spain. The main purpose is to provide an institutional online presence that conveys professionalism, trust, and warmth while facilitating visitor bookings, family registrations, and secure information sharing.

## CORE FEATURES
1. **Home Page**: An institutional hero section with a real photo of the center and a welcoming claim. Includes sections on the center's mission, educational project details, safety protocols, facility images, and a strong call-to-action to book a visit.
   
2. **About Us**: A dedicated page presenting the center's history, philosophy, and commitment to families, along with an educational team section featuring profiles of educators.

3. **Educational Project**: Detailed description of the center's methodology, including adaptability, routines, and communication channels with families.

4. **Facilities Gallery**: A visually appealing gallery showcasing real images of the center with categorized filters for different areas (classrooms, play areas, etc.).

5. **Admission and Registration**: A step-by-step process for prospective families to reserve visits, complete applications, and view FAQs, with clear CTAs for registration.

6. **Family Area**: Secure login for parents to manage appointments, upload necessary documents, and process enrollment payments.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Focus on clean lines, ample white space, and a serene aesthetic that promotes clarity and trust.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing a soft color palette to enhance readability.
- **Layout**: A structured, responsive layout that prioritizes information hierarchy, with a fixed navigation bar, and clearly defined sections for easy access.
- **Typography**: Use a highly legible sans-serif font like "Roboto" or "Open Sans" for body text, with bolder, larger headings to create a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and custom styling
- **UI Components**: Utilize shadcn/ui library for consistent and modern UI components
- **State Management**: React Context API for managing user authentication and appointment data

## IMPLEMENTATION STEPS
1. **Initial Setup**:
   - Create a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and shadcn/ui for styling components.

2. **Create Route Structure**:
   - Set up routing using React Router for navigation between Home, About Us, Educational Project, Facilities, Admission, Family Area, and Contact.

3. **Develop Core Components**:
   - Build reusable components for the header, footer, and CTAs.
   - Implement form components for user registration, appointment booking, and document uploads.

4. **Data Management**:
   - Set up Context API for managing state related to user authentication and appointments.
   - Create mock data for testimonials and team members until real data is available.

5. **Styling Implementation**:
   - Apply Tailwind CSS classes to all components for a clean, minimalist aesthetic.
   - Ensure all images used are sourced from Google as specified, with placeholders where necessary.

6. **Testing and Optimization**:
   - Test for responsiveness across devices and ensure compliance with accessibility standards (WCAG AA).
   - Optimize SEO with schema.org LocalBusiness and ChildCare integrations.

## USER EXPERIENCE
Users will interact with the application primarily through a streamlined process. Prospective families can easily navigate the homepage to understand the center's offerings, view facilities, and read testimonials. They can book visits through a straightforward form, receive confirmation emails, and manage appointments in the Family Area. The design prioritizes clarity and trustworthiness, ensuring that all information is accessible and inviting.