Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a high-conversion landing page for BELLMAS SERVEIS I PROJECTES S.L., an electrician business. The landing page aims to effectively showcase the services offered, engage visitors with a compelling hero section featuring a contact form, and guide them through the reasons to choose this business, along with a gallery, FAQs, and a strong call-to-action (CTA).

## CORE FEATURES
1. **Hero Section**: A visually striking hero section with a brief introduction to BELLMAS SERVEIS I PROJECTES S.L. and an embedded contact form to generate leads.
2. **Services Section**: A dedicated area outlining the various electrical services provided, presented in a clear and engaging format.
3. **Why Us Section**: Highlights the unique selling points of the business, including customer testimonials and service quality assurances.
4. **Gallery Section**: A visual showcase of completed projects to demonstrate expertise and quality of work.
5. **FAQs Section**: Address common customer questions to enhance trust and provide immediate answers.
6. **Call-to-Action (CTA)**: A prominent, persuasive CTA at the end of the page encouraging visitors to contact or hire the services.

## 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**: The layout will be a single-column format with sections stacked vertically, ensuring a smooth flow from the hero section through services, reasons to choose the business, gallery, FAQs, and ending with the CTA.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically needed for this landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Components**: Develop reusable components for the hero, services, why us, gallery, FAQs, and CTA sections.
3. **Integrate Typography**: Import and apply Inter font using Google Fonts throughout the application.
4. **Design Sections**: Utilize Tailwind CSS to style each section according to the design specifications, ensuring responsiveness.
5. **Implement Contact Form**: Create a functional contact form in the hero section to capture leads.
6. **Add Content**: Populate each section with relevant text, images, and testimonials specific to BELLMAS SERVEIS I PROJECTES S.L.
7. **Test Responsiveness**: Ensure the layout is responsive across different devices and screen sizes.
8. **Deploy**: Deploy the landing page on a suitable hosting platform once testing is complete.

## USER EXPERIENCE
Visitors will be welcomed by a captivating hero section that immediately presents the business and a contact form. As they scroll down, they will find clear descriptions of services, compelling reasons to choose BELLMAS, and a gallery showcasing previous projects. The FAQs section will answer common inquiries, enhancing trust, and the strong CTA will encourage immediate engagement, driving conversions effectively. The minimalist design ensures a focus on content, making it easy for users to navigate and find the information they need without distractions.