Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for an escort service, inspired by the style of TikTok. The focus will be on showcasing profiles in an engaging manner, with a clean and modern aesthetic that emphasizes user experience and conversion.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area featuring a captivating tagline and a call-to-action button that encourages users to explore more profiles.
2. **Profile Showcase**: A grid layout displaying various escort profiles with images, brief descriptions, and user ratings to help visitors find what they are looking for quickly.
3. **Testimonials**: A section for user reviews and testimonials to build trust and authenticity around the service.
4. **Call to Action (CTA)**: Prominent CTAs throughout the page to drive user engagement, such as "Browse Profiles" and "Contact Us."
5. **Contact Form**: A simple contact form for inquiries, ensuring users can easily reach out for more information.
6. **Responsive Design**: The site will be fully responsive, ensuring a seamless experience across devices.

## 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 consist of a top navigation bar, followed by the hero section, profile showcase grid, testimonials, CTA sections, and the contact form, all organized in a single scrollable page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React context or Zustand for simple state management if needed.

## IMPLEMENTATION STEPS
1. **Set up the project**: Create a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the layout**: Build the main layout structure using React components, ensuring to include the navigation bar and sections as outlined.
3. **Implement the hero section**: Add a full-width hero section with a catchy tagline and a CTA button styled with the primary color.
4. **Develop the profile showcase**: Create a grid component to display profiles using card elements, ensuring responsiveness and clean design.
5. **Add testimonials**: Implement a section for testimonials with a carousel or static layout depending on content length.
6. **Integrate the contact form**: Build a simple contact form component with necessary fields, styled according to the design specifications.
7. **Ensure responsiveness**: Use Tailwind CSS utilities to make the site responsive across different devices.
8. **Test and optimize**: Conduct thorough testing for functionality and responsiveness, making adjustments as necessary.

## USER EXPERIENCE
Users will begin by landing on the hero section, immediately drawn in by a captivating tagline and a clear call to action. They can easily scroll down to view profiles, read testimonials, and have quick access to contact information. The minimalist design will promote a smooth browsing experience, allowing users to focus on content without distractions. The layout will be intuitive, ensuring users can find what they need quickly and efficiently.