Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for MARIO FOREST GMN SRL, a company specializing in the transportation of goods and timber. The site will serve as a promotional tool, providing essential information about the company, its services, and pricing, while also showcasing its brand identity and experience in the industry.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that highlights the company's 20 years of experience, featuring the company logo and a catchy tagline.
2. **About Us**: A brief section detailing the history of MARIO FOREST GMN SRL, emphasizing trust, reliability, and the services offered in both domestic and international transport.
3. **Services Offered**: A clear breakdown of services including transportation (internal, external, community, and round trips) and timber types (Fag, Stejar, Carpen).
4. **Pricing Information**: A dedicated section displaying prices for various products such as large pallets, small pallets, and bulk wood, ensuring transparency for potential customers.
5. **Contact Information**: An easy-to-find contact section for inquiries, ensuring that potential clients can reach out easily.
6. **Smooth Animations**: Engaging transitions and animations throughout the site to enhance user interaction without overwhelming the visitor.

## 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**: Structured in clear sections with a top navigation bar, each feature section distinctly separated, and a footer with contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not needed for this landing page as it does not require complex state handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop components for the Hero section, About Us, Services, Pricing, and Contact.
3. **Implement Navigation**: Create a simple top navigation menu that scrolls to each section of the page.
4. **Add Animations**: Use CSS transitions and animations to create smooth effects for section entries and button hovers.
5. **Style Components**: Apply Tailwind CSS classes to ensure a clean, minimalist look consistent with the design specifications.
6. **Test Responsiveness**: Ensure all sections are responsive and look good on various screen sizes, especially mobile devices.
7. **Deploy**: Once completed, deploy the landing page on a hosting platform of choice.

## USER EXPERIENCE
Users will have a seamless experience navigating through the landing page. The hero section will immediately capture their attention, followed by concise information about the company's history and services. Clear pricing details will guide users in understanding the offerings, while the contact section will facilitate easy communication. The smooth animations will enhance engagement, making the site visually appealing without detracting from the core information presented.