Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to capture leads and showcase the services of a fiber optic internet and streaming TV provider. The primary goal is to highlight unique benefits such as quick installation, a 24-hour customer support center, and service availability across more than 25 cities in the southern part of Minas and the interior of São Paulo.

## CORE FEATURES
1. **Hero Section**: A compelling introduction that briefly describes the services offered, including fiber optic internet and streaming TV, with a strong call-to-action (CTA) button for lead capture.
2. **Service Benefits**: A section outlining the exclusive benefits provided by the company, such as rapid installation and 24-hour customer support.
3. **Ebook and Audiobook App Promotion**: Highlight the availability of a specialized app that offers ebooks and audiobooks as part of the service package.
4. **Coverage Area**: Interactive map or list showcasing the cities served, emphasizing the extensive reach of the service.
5. **Testimonials**: Display customer testimonials to build trust and credibility with potential leads.
6. **Contact Form**: A simple and intuitive contact form for lead generation, allowing users to easily request more information or schedule a consultation.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Employ a clean and simple design with ample white space to enhance readability and focus on key information.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-page layout with a top navigation bar that scrolls to each section. Each feature section will be clearly delineated with adequate spacing to maintain clarity.
- **Typography**: Use modern sans-serif fonts for headers (e.g., "Poppins" or "Roboto") and legible serif fonts for body text, establishing a clear hierarchy with larger font sizes for headings and smaller for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling approach, ensuring rapid development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use local state management as needed for form handling and user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui.
2. **Create Layout Structure**: Develop the main layout, including the navigation bar and sections for the hero, benefits, app promotion, coverage area, testimonials, and contact form.
3. **Design Hero Section**: Implement the hero section with an eye-catching background and a prominent CTA button.
4. **Detail Service Benefits**: Create a visually appealing section that clearly lists the unique benefits of the service, using icons or illustrations where appropriate.
5. **Integrate App Promotion**: Design and implement the section promoting the ebook and audiobook app, including download links or QR codes.
6. **Build Coverage Area Map**: Create an interactive map or list to display the coverage area, ensuring it is responsive and user-friendly.
7. **Add Testimonials**: Incorporate a testimonial slider or grid to showcase customer experiences and reviews effectively.
8. **Implement Contact Form**: Develop a contact form that captures user information and integrates with a lead management system.
9. **Ensure Responsiveness**: Test and optimize the design for various screen sizes to ensure a seamless user experience across devices.

## USER EXPERIENCE
Users will land on a streamlined homepage that quickly communicates the value of the services offered. The navigation will smoothly scroll them through essential sections, encouraging engagement with the content. The contact form will be easily accessible, allowing users to submit inquiries with minimal effort. The overall experience should be intuitive, with a focus on clarity, simplicity, and conversion optimization.