Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is for a professional institutional website for a marble company (MARMOEIRAS) designed on the Lovable platform. The goal is to create a sophisticated, modern, and minimalist landing page that conveys trust and high-quality craftsmanship, appealing to visitors looking for premium materials and services.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction featuring the company logo and a brief description of services, with a clear call-to-action (CTA) button.
2. **About Section**: Information about the company's history, mission, structure, and team, establishing credibility and professionalism.
3. **Materials Showcase**: A detailed presentation of offered materials, including marbles, granites, quartzites, and porcelain surfaces, with high-quality images.
4. **Services Offered**: Description of services such as measurement, manufacturing, installation, and maintenance, highlighting expertise and customer care.
5. **Contact Section**: A user-friendly contact form, integrated map, and a floating WhatsApp button for easy communication.
6. **Footer**: Includes essential links, quick navigation options, and social media icons, enhancing accessibility and user engagement.

## 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 modular and reusable layout structure that includes sections for hero, about, materials, services, contact, and footer, ensuring a smooth user experience and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: [Specify if needed, such as Context API or Redux if necessary].

## IMPLEMENTATION STEPS
1. Set up the React environment with TypeScript and install Tailwind CSS for styling.
2. Create a modular component structure, including components for the hero section, about section, materials showcase, services offered, contact form, and footer.
3. Integrate the Inter font from Google Fonts into the project.
4. Implement the primary color scheme (#1978E5) and ensure all components reflect the specified border radius of 8px.
5. Design the hero section with a strong visual impact and a clear call-to-action button.
6. Populate the about section with text and images that reflect the brand's identity.
7. Create a dynamic materials showcase using a grid layout for easy browsing.
8. Develop the services section with clear descriptions and icons.
9. Implement the contact section, ensuring the form is user-friendly and integrates with a backend if needed.
10. Finalize the footer with essential links and social media icons.
11. Optimize the site for SEO, ensuring fast loading times and accessibility compliance (WCAG).
12. Test the responsiveness across various devices to ensure a seamless user experience.

## USER EXPERIENCE
Visitors will navigate through a clean and sophisticated interface, feeling assured of the company's high standards. Smooth scrolling, refined transitions, and elegant animations will enhance the overall experience. The modular layout will allow for easy access to information while ensuring the design remains uncluttered and focused on the quality of the materials and services offered.

This prompt encapsulates the user’s vision for a high-standard institutional website, ensuring both aesthetics and functionality are prioritized for a professional and welcoming online presence.