Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to serve as a comprehensive resource for individuals navigating their career journeys. It aims to provide insights into personal branding, outreach, and interview preparation, leveraging the expertise of a professional with significant experience at notable companies like TikTok and BetterHelp. The primary goal is to empower users to position themselves effectively and confidently in their career pursuits.

## CORE FEATURES
1. **Hero Section**: An engaging introduction that highlights the importance of personal branding and expert positioning, featuring a strong call-to-action (CTA) button to encourage users to start their career journey.
2. **Career Services Overview**: A section detailing the various services offered, such as resume building, interview coaching, and networking strategies, with brief descriptions of each.
3. **Success Stories**: Testimonials and case studies showcasing past successes, including personal achievements in securing internships and full-time roles at major companies.
4. **Resources Section**: A curated list of articles, tools, and guides that help users enhance their career skills and knowledge.
5. **Contact Form**: A simple contact form for users to reach out for personalized advice or further information about the services provided.
6. **Newsletter Signup**: An option for users to subscribe to updates, tips, and resources related to career development.

## 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 will be a single-page scroll format, with distinct sections for the hero, services, testimonials, resources, and contact, ensuring smooth navigation and a cohesive user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it will be primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create Layout Structure**: Build the basic structure of the landing page with sections for the hero, services, testimonials, resources, and contact.
3. **Implement Hero Section**: Design the hero section with a catchy headline, subheadline, and a prominent CTA button.
4. **Design Services Overview**: Create a visually appealing section that outlines the career services provided, using cards or icons for each service.
5. **Integrate Testimonials**: Add a testimonials section featuring quotes and success stories from past clients or personal experiences.
6. **Develop Resources Section**: Compile a list of resources with links to articles and tools that can help users in their career journey.
7. **Add Contact Form**: Implement a simple contact form allowing users to reach out for personalized assistance.
8. **Set Up Newsletter Signup**: Create an email subscription form to gather user contact information for updates.
9. **Optimize for Mobile**: Ensure the design is fully responsive, providing a seamless experience across all device sizes.
10. **Test and Deploy**: Conduct thorough testing to ensure all functionalities work correctly, then deploy the landing page to a web hosting service.

## USER EXPERIENCE
Users will enter the landing page and be greeted by an inviting hero section that clearly states the purpose of the site. They can easily scroll down to explore the various services offered, read success stories that inspire confidence, and access valuable resources. The contact form and newsletter signup will be readily accessible, encouraging engagement and interaction. The minimalist design will provide a distraction-free experience, enabling users to focus on their career development goals.