Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Gianrecto is a landing page designed to provide a clean and engaging introduction to the brand. The main purpose of the page is to showcase key features and benefits while encouraging user interaction through clear calls to action. This minimalist design focuses on simplicity and usability, offering a seamless experience for visitors.

## CORE FEATURES
1. **Hero Section**: A visually impactful section at the top of the page that introduces Gianrecto with a catchy headline, a brief description, and a prominent call-to-action button.
2. **Features Overview**: A concise presentation of the main features of Gianrecto, each with an icon and a short description to highlight the benefits and functionalities.
3. **Testimonials Section**: A section dedicated to user testimonials to build credibility and trust, featuring quotes from satisfied users.
4. **Call to Action (CTA)**: Strategically placed CTA buttons throughout the page to encourage users to sign up or learn more about Gianrecto.
5. **Contact Form**: A simple contact form that allows users to reach out for more information or support, enhancing user engagement.
6. **Footer**: A clean footer with important links, social media icons, and contact information for easy access.

## 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 structure includes a full-width hero section at the top, followed by a grid layout for features, a testimonial carousel, the CTA section, and a contact form, all separated by ample whitespace for clarity.

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

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript template.
2. Install Tailwind CSS and configure it for the project.
3. Import Inter font from Google Fonts in the index.css file.
4. Create the main components: Hero, Features, Testimonials, CTA, Contact Form, and Footer.
5. Style each component using Tailwind CSS classes, applying the specified border radius, primary color, and typography.
6. Ensure responsiveness by using Tailwind's responsive utilities for mobile and desktop views.
7. Test the layout and interactions to ensure a smooth user experience across devices.
8. Deploy the landing page to a hosting platform like Vercel or Netlify.

## USER EXPERIENCE
The user experience is centered around simplicity and ease of navigation. Visitors will be greeted with an inviting hero section, compelling them to explore the features of Gianrecto. The layout allows users to quickly find information, with clear calls to action guiding them towards sign-up or contact. The design ensures that users can easily digest the content without feeling overwhelmed, enhancing engagement and conversion rates.