Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Skillwright is a landing page designed to showcase an ed-tech ecosystem that connects individuals, institutions, and training providers in Pakistan. The website aims to highlight the importance of skill-building in the real job market while presenting the various solutions offered under the Skillwright brand.

## CORE FEATURES
1. **Main Header Section**: A prominent introduction to Skillwright, detailing its mission and vision, with a compelling tagline that resonates with the audience.
2. **How We Are Doing It**: A section explaining the methodology and approach taken by Skillwright to connect users with relevant skill-building opportunities.
3. **What We Are Doing**: An overview of the specific educational initiatives and partnerships Skillwright is involved in to enhance skill development.
4. **Our Solutions**: A showcase of the various solutions offered under the Skillwright brand, including links to individual solution pages for more details.
5. **Contact Us**: A simple contact form allowing users to reach out for inquiries, feedback, or partnerships.
6. **Additional Links**: Clear navigation to a careers page and an investor/partner page, enhancing engagement with different stakeholders.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean, simple layout with ample white space, focusing on readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure excellent visibility and a pleasant reading experience.
- **Layout**: The layout will be structured in a single-page format with distinct sections for each feature, allowing for smooth scrolling and easy navigation. A sticky header will facilitate quick access to different sections.
- **Typography**: Use a modern sans-serif font (e.g., Roboto or Open Sans) for body text, with bold variations for headings to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for flexible and efficient styling.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components that align with the minimalist design.
- **State Management**: Not required for this landing page, as it will primarily serve informational purposes.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the main components**: Develop the header, how we are doing it, what we are doing, our solutions, and contact sections as separate components.
4. **Implement routing**: Set up routing for the careers page and investor/partner page using React Router or a similar library.
5. **Style the components**: Use Tailwind CSS classes to design each section according to the specified visual style and layout.
6. **Test responsiveness**: Ensure that the landing page is fully responsive across various devices and screen sizes.
7. **Deploy the application**: Host the landing page on a suitable platform (e.g., Vercel, Netlify) for public access.
8. Use Frammer library for smooth animations

## USER EXPERIENCE
The user experience will focus on intuitive navigation and seamless interaction. Users will easily scroll through the sections to learn about Skillwright. The contact form will be straightforward, encouraging inquiries and facilitating user engagement. The additional links to the careers and investor/partner pages will be clearly accessible, promoting further exploration of opportunities with Skillwright.