Lovable Prompt Creator - AI Prompt Generator

This project is a landing page for an internet service provider, designed to effectively present the brand, showcase available services, and encourage potential customers to sign up. The website will focus on clarity, simplicity, and a smooth user experience.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling headline, subheadline, and a prominent call-to-action button encouraging users to sign up for services.
2. **Service Offerings**: A clear breakdown of different internet plans and packages, highlighting features, speeds, and pricing.
3. **Testimonials**: A section dedicated to customer reviews and testimonials, enhancing trust and credibility for potential clients.
4. **Contact Information**: Easy-to-find contact details including phone number, email, and a simple contact form for inquiries.
5. **FAQ Section**: A list of frequently asked questions to address common concerns and provide valuable information to users.
6. **Newsletter Signup**: A section for users to subscribe to updates or promotional offers, enhancing engagement and building a mailing list.

## 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 include a full-width hero section, followed by feature sections, testimonials, and a footer with contact information. Each section will have ample spacing to maintain a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout Structure**: Build the main layout with a header, hero section, services section, testimonials, and a footer.
3. **Design Hero Section**: Implement the hero section with a background image or color, headline, subheadline, and a call-to-action button styled with the primary color.
4. **Develop Service Offerings**: Create components for displaying various internet plans, utilizing cards with rounded borders.
5. **Add Testimonials**: Design a testimonials carousel or grid layout to display customer feedback clearly and attractively.
6. **Implement Contact and FAQ Sections**: Code a contact form and a simple FAQ section to provide users with necessary support and information.
7. **Optimize for Responsiveness**: Ensure all components are responsive and provide a seamless experience on mobile and desktop devices.
8. **Testing and Deployment**: Conduct thorough testing for functionality and responsiveness, then deploy the site on a hosting platform.

## USER EXPERIENCE
Users will be greeted by a clean and inviting hero section that quickly communicates the value of the internet service. As they scroll, they will easily access detailed information about service offerings and customer testimonials, fostering trust. The contact section will allow users to reach out effortlessly, while the FAQ section ensures their queries are addressed without needing direct contact. The overall experience emphasizes simplicity and ease of navigation, encouraging users to take action.