Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The SS GRAFICA landing page is a minimalist marketing site designed to showcase services such as banners, flyers, business cards, and stickers. With a focus on clean aesthetics and effective communication, the site aims to attract businesses seeking graphic design solutions and facilitate direct contact through WhatsApp.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that showcases the brand and its services without traditional hero elements, emphasizing simplicity and elegance.
2. **Services Showcase**: A section highlighting various services offered, using icons and concise descriptions for clarity.
3. **WhatsApp Contact Button**: A prominent WhatsApp icon for direct communication, ensuring easy access for potential clients without relying on text prompts.
4. **Testimonials**: A minimalist area for client testimonials to build trust and credibility, presented in a clean format.
5. **Call to Action (CTA)**: A clear and enticing call to action that encourages visitors to reach out for inquiries or quotes.
6. **Footer with Contact Info**: A simple footer containing essential contact information and social media links.

## 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**: A single-column layout with sections stacked vertically, ensuring a smooth scrolling experience while maintaining a clean appearance.

## 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.
2. **Install UI Components**: Add shadcn/ui for accessible and customizable components.
3. **Create Layout Structure**: Develop the main layout with a single-column format, including sections for the hero, services, testimonials, and contact.
4. **Implement Hero Section**: Design the hero area using a large background image or color, with the logo and a brief tagline.
5. **Build Services Showcase**: Create a grid layout to display services with icons and descriptions.
6. **Add WhatsApp Contact Button**: Implement a clickable WhatsApp icon that opens a chat window, styled to fit the minimalist aesthetic.
7. **Design Testimonials Section**: Format testimonials in a clean, readable manner, ensuring they are visually distinct yet coherent with the overall design.
8. **Create the CTA**: Add a compelling call to action that stands out visually, encouraging users to contact for more information.
9. **Develop Footer**: Include contact details and social media links in a simple footer design.
10. **Responsive Design**: Ensure all sections are responsive and maintain usability on mobile devices.

## USER EXPERIENCE
Visitors will have a seamless experience navigating through the landing page, with clear visual guidance and intuitive interactions. The focus on typography and minimalism will enhance readability, while the direct WhatsApp contact option provides an immediate way to communicate without cluttering the interface with excessive text. Each section will flow naturally into the next, encouraging users to explore the services offered and ultimately reach out for assistance.