Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide a comprehensive suite of finance, budgeting, construction, health, energy, and currency conversion calculators. Users will be able to access various calculators that help them manage their finances and make informed decisions based on accurate calculations.

## CORE FEATURES
1. **Finance Calculator**: A tool that helps users assess their financial health by calculating metrics like savings, loans, compounding and investments.
2. **Construction Cost Estimator**: A calculator for estimating costs associated with construction projects, including materials, labor, and timelines.
3. **Health Calculator**: Tools for calculating health metrics such as BMI, calorie intake, and daily nutritional needs.
4. **Energy Cost Calculator**: Helps users estimate their energy consumption and associated costs based on their usage patterns.
5. **Currency Converter**: A simple tool that converts amounts between different currencies using real-time exchange rates.

## 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**: A single-page layout that includes a hero section at the top, followed by sections for each calculator feature, and wraps up with a call-to-action (CTA) and contact information at the bottom.

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

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Page Structure**: Design a single-page layout with sections for the hero, features, and contact information.
4. **Develop Core Components**: Build reusable components for each calculator (Finance, Budgeting, Construction, Health, Energy, Currency).
5. **Implement State Management**: Use React Context API or Zustand to manage state and share data across components.
6. **Add Styling**: Utilize Tailwind CSS to style components based on the specified design specifications.
7. **Testing**: Conduct thorough testing for responsiveness and functionality across various devices.

## USER EXPERIENCE
Users will have a straightforward and intuitive experience, starting at the hero section where they can learn about the application. They can easily navigate to different calculators through clearly labeled sections. Each calculator will provide input fields, interactive results, and clear explanations to enhance usability. The minimalist design ensures that users are not overwhelmed, allowing them to focus on their calculations without distractions. The application will be fully responsive, ensuring optimal performance on both desktop and mobile devices.