Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for CoreForce Solutions, a call center company that also specializes in connecting clients with Japanese used car dealers. The primary purpose of the landing page is to showcase the company's services, establish credibility, and convert visitors into leads through compelling calls-to-action.

## CORE FEATURES
1. **Hero Section**: A captivating header that introduces CoreForce Solutions with a strong tagline and a call-to-action button prompting visitors to learn more or contact.
2. **Services Overview**: A section detailing the main services offered, including call center solutions and Japanese used car connections, emphasizing the company's expertise and reliability.
3. **Client Testimonials**: A section showcasing satisfied clients' feedback to build trust and highlight success stories.
4. **Contact Form**: A user-friendly contact form that allows potential clients to easily reach out for inquiries or quotes.
5. **About Us Section**: Information about CoreForce Solutions, its mission, and its expertise in the call center and automotive industries.
6. **Footer**: Contains links to the privacy policy, terms of service, and social media handles.

## 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 consist of a vertical stack with a prominent hero section at the top, followed by service descriptions, testimonials, a contact form, and an about section. The footer will be minimalistic with essential links.

## 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 the React environment**: Create a new React app using Create React App with TypeScript.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to include it in your project.
3. **Implement the Layout**:
   - Create a `Header` component for the hero section with a compelling tagline and CTA button.
   - Develop a `Services` component detailing services with brief descriptions.
   - Build a `Testimonials` component to display client feedback.
   - Create a `ContactForm` component for inquiries with fields for name, email, and message.
   - Add an `AboutUs` component to explain the company's mission and expertise.
   - Create a `Footer` component with essential links.
4. **Style the Components**: Use Tailwind CSS to apply the minimalist design principles, ensuring ample white space and a clean layout.
5. **Test Responsiveness**: Ensure all components are responsive and look good on various screen sizes.
6. **Deploy the Landing Page**: Use a platform like Vercel or Netlify for deployment, ensuring the domain coreforcesolutions.net is correctly configured.

## USER EXPERIENCE
Visitors will land on the hero section with a strong visual impact, prompting them to learn more about the services offered. As they scroll, they will encounter clear and concise information about the services, supported by testimonials that reinforce trust. The contact form will be accessible at any point, encouraging inquiries. The minimalist design will ensure a seamless experience, focusing on essential information without distractions. Add email + password auth with Lovable Cloud. Includes login, signup, forgot password, and a protected dashboard.User Settings Page
Profile management page with avatar, name, and preferences.Liquid Glass Component System
Apple VisionOS–style glassy UI components.Role-Based Access Control (RBAC)
Restrict routes and UI by role (admin, user, guest).Collaboration & Growth
Email Notifications on Events
Send Resend emails when events occur (e.g., signup).

Collaboration & Growth
Push Notifications (PWA)
Browser push notifications triggered by backend events.
AI Superpowers
Lovable AI Chatbot Widget
Floating chat widget powered by Lovable AI (Gemini 2.5 Flash, GPT-5, or other models).