Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Osmium Solutions is a SaaS-based ERP software designed for managing various educational administrative tasks, including student and teacher administration, product sales, and class management. The application will have a clean, minimalist landing page that highlights its key functionalities, pricing models, and contact information, aimed at converting visitors into users.

## CORE FEATURES
1. **Feature Showcase**: A dynamic section that highlights different functionalities of the ERP as users scroll down the page, providing engaging visual interactions.
2. **Pricing Plans**: A dedicated area that details the various subscription tiers available, including "Starter," "Basic," "Professional," and "Enterprise," helping users understand their options.
3. **Contact Form**: An easy-to-use contact section for inquiries, featuring a simple form for potential customers to get in touch with the sales team.
4. **Responsive Design**: A mobile-friendly layout ensuring all elements are easily accessible and visually appealing on all devices.
5. **Call-to-Action (CTA)**: Strategically placed CTAs throughout the page to drive conversions, encouraging users to sign up for a demo or start a trial.

## 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 consist of a hero section at the top, followed by the feature showcase, pricing plans, and contact information, all arranged vertically for easy scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if applicable for managing component states).

## IMPLEMENTATION STEPS
1. **Set up the Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create the Main Layout**: Develop the structure of the landing page using functional components, implementing the hero section, feature showcase, pricing, and contact sections.
3. **Implement Responsive Design**: Ensure that the layout is responsive using Tailwind CSS utility classes.
4. **Add Dynamic Functionality**: Implement scrolling animations or transitions for the feature showcase to enhance user engagement.
5. **Set Up the Pricing Section**: Create a visually appealing pricing table that clearly distinguishes the different subscription plans.
6. **Develop the Contact Form**: Implement a simple contact form with input validation and submission handling.
7. **Integrate Call-to-Action Buttons**: Add CTA buttons throughout the page, linking to registration or demo sign-up forms.
8. **Testing**: Conduct thorough testing across different devices and browsers to ensure consistent user experience.

## USER EXPERIENCE
Users will be greeted by a visually appealing hero section that introduces Osmium Solutions. As they scroll, they will encounter interactive feature showcases that highlight the software's capabilities, leading into a clear comparison of pricing plans. Users can easily navigate to the contact form to inquire further, with strategically placed CTAs encouraging them to engage with the product. The entire experience will be fluid and intuitive, ensuring that users can quickly grasp the value of the ERP solution.