Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application, Nido, is designed to help young individuals aged 18 to 25 efficiently manage their finances by automating their savings while providing them with control over their money distribution. By focusing on collaborative savings challenges, Nido transforms the saving experience into a motivational and social activity without comparisons, ensuring that users can save towards financial independence with ease and confidence.

## CORE FEATURES
1. **Automated Money Management**: Nido automatically allocates users' income into fixed expenses, leisure, savings, and emergency funds based on their financial situation and goals, allowing real-time modifications for greater control.
   
2. **Financial Security and Clarity**: Users will have a clear view of how much they can spend without jeopardizing their savings, along with the capability to set specific savings goals (e.g., rent deposit) and manage unexpected expenses through a dedicated emergency fund.

3. **Social and Motivating Savings Challenges**: Users can engage in team challenges and shared savings pots with friends, promoting healthy financial habits without the pressure of competition. Progress is displayed as a percentage rather than monetary amounts to foster a supportive environment.

4. **Shared Savings Pots**: This feature allows users to save collectively for specific goals, such as housing deposits, making the process engaging and collaborative.

5. **Subscription Alerts**: Nido sends notifications regarding upcoming subscription renewals and the end of free trial periods, ensuring users stay informed about their financial commitments.

6. **Rewards for Consistency**: Users can earn discounts on transportation and other services through partnerships, incentivizing regular savings behavior.

## 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 include a prominent hero section, followed by feature descriptions, user testimonials, a call-to-action (CTA) section, and a contact form. Each section will be clearly delineated with ample spacing and a consistent design language.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Define Folder Structure**: Organize components, pages, and utils for maintainability.
3. **Create Layout Components**: Develop a Navbar, Footer, and main Layout component to wrap all pages.
4. **Build Hero Section**: Design the hero section with a catchy headline, subtext, and a primary CTA button leading to the sign-up page.
5. **Implement Feature Sections**: Create components for each core feature, ensuring they are visually distinct and easy to read.
6. **Develop Social Savings Challenge Feature**: Implement features for team challenges and shared pots, ensuring users can engage easily.
7. **Set Up Notifications**: Integrate a notification system for subscription alerts using context or a state management library.
8. **Create User Authentication**: Implement user sign-up and login functionalities, ensuring secure data handling.
9. **Test Responsiveness**: Ensure the application is responsive across various devices and browsers.
10. **Deploy Application**: Prepare the app for deployment on a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will first encounter a clean and engaging hero section that invites them to learn more about managing their finances. After signing up, they will be guided through setting up their financial goals and can easily navigate between features like shared savings, notifications, and challenges. The design will prioritize user-friendly interactions, ensuring that every aspect of the application is intuitive and engaging, fostering a community-centered approach to saving.