Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
Redesign the multipage website for “Natisone Lavori S.r.l.”, an Italian company specializing in civil, infrastructural, road, and railway works. The goal is to create a modern, authoritative, and distinctive online presence that communicates solidity, technical expertise, and years of experience, while maintaining credibility with public entities and large clients.

## CORE FEATURES
1. **Asymmetrical Hero Section**: A dynamic hero area on the homepage featuring a prominent headline, subheading, and a clear call-to-action button, complemented by a real image of a construction site.
   
2. **Service Descriptions**: Detailed sections for each service (civil works, railway works, road works, urbanizations, hydraulic works, maintenance) with concise text, highlighted key points, and relevant imagery.

3. **Project Showcase**: An editorial-style preview of completed projects using a masonry grid layout, with large images and brief descriptions that appear on hover, enhancing visual engagement.

4. **Certification Integration**: Smartly integrated certifications (SOA, ISO) throughout the site, reinforcing credibility without disrupting content flow, displayed as badges or within informational micro-blocks.

5. **Company Overview**: A dedicated page outlining the company’s history, values, and team, presented with an asymmetrical layout that encourages storytelling through concise text and visual elements.

6. **Contact Form with Map**: A straightforward contact page featuring a simple form, location map, and a final call-to-action for inquiries or quotes, designed to be user-friendly and accessible.

## DESIGN SPECIFICATIONS
- **Visual Style**: Modern, industrial, and professional with a strong narrative design approach. The layout will be asymmetrical, utilizing controlled proportions (60/40, 70/30) with elements that overflow the grid for a dynamic feel.
  
- **Color Mode**: Light theme with a base of light gray and white, dark gray (anthracite) for contrast, yellow highlights, and orange for call-to-action elements.

- **Layout**: Utilize a mix of asymmetrical blocks for content organization rather than traditional card layouts, ensuring a strong visual hierarchy with ample white space.

- **Typography**: Modern sans-serif fonts with large, bold titles and clear, legible body text. Maintain a strong typographic hierarchy to guide users through the content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for consistent styling and user interface elements.
- **State Management**: Use React Context API or Zustand for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Routing Structure**: Implement React Router to manage multipage navigation effectively.
3. **Develop Core Components**: Build reusable components for the hero section, service blocks, project showcases, and certification badges.
4. **Design Layouts**: Implement the asymmetrical layout using Tailwind CSS utility classes, ensuring responsive design for all components.
5. **Integrate Content**: Populate each page with the rewritten copy, ensuring clarity and user orientation.
6. **Testing and Optimization**: Conduct thorough testing across devices and browsers, optimizing load times and ensuring smooth user interactions.

## USER EXPERIENCE
Key interactions will include intuitive navigation through the site with a focus on content discoverability. Users will be able to easily access information about services and projects, engage with the company’s expertise through the storytelling approach, and reach out for inquiries via a streamlined contact form. Emphasizing visual elements, the design will maintain a balance between aesthetic appeal and functional clarity, ensuring that users feel confident in the company's authority and reliability.
```