Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed to effectively communicate the essence of "G". The main purpose is to create a visually appealing and straightforward web presence that captures attention, highlights key features, and encourages user engagement through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling tagline and a prominent call-to-action button that drives user engagement.
2. **Features Overview**: A section that highlights the main features of "G", using concise descriptions and engaging visuals to showcase the benefits.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, showcasing positive experiences and feedback.
4. **Contact Form**: An easy-to-use contact form that allows visitors to get in touch for inquiries, feedback, or support.
5. **Footer**: A clean footer that includes links to social media, legal information, and additional resources.

## 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 be a single-page structure with a vertical scroll, featuring distinct sections for the hero, features, testimonials, and contact, ensuring smooth navigation and a cohesive user experience.

## 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 using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, features, testimonials, contact form, and footer.
4. **Style Components**: Apply Tailwind CSS classes according to the design specifications, ensuring responsiveness and minimalism.
5. **Implement Navigation**: Ensure smooth scrolling between sections with anchor links.
6. **Optimize for SEO**: Add meta tags, descriptions, and alt texts for images to improve search engine visibility.
7. **Test Responsiveness**: Use tools to test across various devices and screen sizes, making adjustments as necessary.
8. **Deploy**: Host the landing page on a suitable platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
Key user interactions include a clear and engaging initial impression from the hero section, easy navigation through the features and testimonials, and a straightforward contact form that encourages user inquiries. The design prioritizes simplicity and clarity, ensuring users can quickly find the information they need and feel compelled to take action through the calls to action presented throughout the page.