Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a digital assessment assistant tailored for high school and nationwide exams in the Greek educational context. The goal is to reduce grading time and enhance feedback quality for educators while inviting participation in a pilot phase.

## CORE FEATURES
- **HCR Support for Handwritten Essays**: Provides 97% accuracy in grading handwritten student essays, ensuring reliable assessment.
- **Structured Evaluation**: Evaluates written work according to exam requirements, facilitating consistency in grading.
- **Detailed Feedback for Educators**: Offers comprehensive evaluation reports for teachers, highlighting areas of improvement.
- **Simplified Feedback for Students**: Delivers clear and concise feedback to students, making it easy to understand their performance.
- **Compact Assessment Tools**: Enables immediate use of evaluation tools for efficient grading.
- **Worksheet Creation**: Generates worksheets based on common student errors to aid in personalized learning.

## 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 layout should feature a prominent hero section at the top, followed by a features section outlining key benefits, a testimonials area (if applicable), a call-to-action section encouraging sign-ups, and a contact form for inquiries.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Optional: Consider using Zustand or Redux if needed for state management.]

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize the React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Layout Components**: Build reusable components for the header, footer, hero section, features section, and contact form.
3. **Implement Styling**: Use Tailwind CSS to style components according to the specified design specifications, ensuring a minimalist layout.
4. **Develop Features Section**: Implement the features section using cards or lists to display the core features clearly.
5. **Integrate Call to Action**: Add a prominent CTA button that links to the contact form for interested parties to sign up.
6. **Test Responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
7. **Deploy the Application**: Use a suitable hosting service to deploy the landing page for public access.

## USER EXPERIENCE
The user experience should focus on seamless navigation and clarity. Users will start at the hero section, where they can quickly understand the purpose of the application. As they scroll down, they will encounter detailed information about the features, which will guide them towards the CTA. The contact form will be simple and straightforward, allowing users to express their interest with minimal friction. The overall flow should encourage engagement and foster a sense of community involvement in shaping the product.