Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a business specializing in the fabrication and installation of signs, signaletics, and adhesives. The primary goal is to showcase the company's services, highlight its expertise, and encourage potential customers to get in touch for inquiries or quotes.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a brief overview of services, accompanied by a strong call-to-action (CTA) button for inquiries.
2. **Services Offered**: A detailed section showcasing various sign and adhesive solutions, including images and descriptions for each service.
3. **Portfolio Gallery**: A visual display of past projects to demonstrate expertise and quality, helping to build trust with potential clients.
4. **Testimonials**: A dedicated area for customer feedback to enhance credibility and provide social proof.
5. **Contact Form**: An easy-to-use form for visitors to request more information or quotes, complete with necessary fields and a submission button.
6. **Footer**: Contains additional navigation links, social media icons, and contact information for easy accessibility.

## 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 a clear visual hierarchy, ensuring all sections are easy to navigate and visually appealing.

## 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 project** using Create React App with TypeScript template.
2. **Install Tailwind CSS** by following the official documentation for integration with React.
3. **Create a components folder** to house modular components like Header, Hero, Services, Portfolio, Testimonials, Contact Form, and Footer.
4. **Implement the Hero Section** with a striking headline, brief description, and a CTA button styled using Tailwind CSS.
5. **Develop the Services Section** with cards that include images and descriptions, ensuring each card has the specified border radius.
6. **Build the Portfolio Gallery**, using a grid layout to display images of past projects.
7. **Add the Testimonials Section**, incorporating a simple carousel or list to showcase customer feedback.
8. **Create the Contact Form**, ensuring it is user-friendly and styled consistently with the rest of the site.
9. **Design the Footer** to include navigation links and social media icons, maintaining the minimalist aesthetic.
10. **Test the responsiveness** of the landing page across various devices to ensure a seamless user experience.

## USER EXPERIENCE
Visitors will be greeted by a clean and modern hero section that succinctly presents the company's offerings. As they scroll down, they will easily navigate through the services and portfolio sections, supported by engaging visuals and concise content. The testimonials will provide reassurance of quality, while the contact form will facilitate immediate inquiries, enhancing the likelihood of conversion. The overall experience will prioritize simplicity and efficiency, reflecting the brand's professional identity.