Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a professional personal branding website designed to enhance authority, trust, and clarity for the target audience of elderly individuals and those with disabilities. The website aims to effectively communicate the services offered, build confidence in visitors, and encourage them to take action, such as booking services or contacting for more information.

## CORE FEATURES
1. **Hero Section**: A prominent introduction showcasing a powerful headline, a clear subtitle explaining the services, and a strong call-to-action (CTA) for booking services.
2. **About Section**: Information about the individual behind the brand, including experience, unique approach, and motivations for offering services.
3. **Services Offered**: A detailed presentation of various services with descriptions, expected outcomes, and specific CTAs for each service.
4. **Testimonials and Credibility**: A section to showcase testimonials, credentials, and other forms of social proof to build trust with visitors.
5. **Content Resources**: A dedicated area for articles, posts, and other resources that highlight expertise and provide value to the audience.
6. **Contact and CTA**: A final section that encourages visitors to take action, whether that's booking a service or reaching out for inquiries.

## 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 structured layout with defined sections, including a hero area at the top, followed by the about section, services, testimonials, content resources, and a final CTA. 

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for the initial version but can be integrated later if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Define the main layout components for the hero section, about section, services, testimonials, content resources, and footer.
3. **Build Hero Section**: Implement the hero section with a clear headline, subtitle, and prominent CTAs.
4. **Develop About Section**: Create a section that details the personal story, professional background, and unique approach.
5. **List Services**: Design a service card layout to present each service clearly, including names, descriptions, and CTAs.
6. **Integrate Testimonials**: Add a section for testimonials to enhance credibility and trust.
7. **Content Resources**: Create a section for articles and resources that provide value to visitors.
8. **Finalize Footer**: Implement a footer with navigation links, social media buttons, and contact information.
9. **Responsive Design**: Ensure the website layout is responsive and visually appealing on various devices.
10. **SEO Optimization**: Structure the copy and layout for SEO best practices, ensuring clarity and readability.

## USER EXPERIENCE
The user experience should focus on clarity and elegance. Visitors should feel welcomed and secure as they navigate through the sections. Key interactions include easily booking services through prominent CTAs, reading testimonials that build trust, and exploring valuable content in a straightforward manner. The design should guide users naturally toward taking action while ensuring they feel respected and understood throughout their journey on the website.