Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a professional landing page for BATICI, a construction company. This website aims to present the company’s services, establish credibility, and encourage potential clients to make inquiries. The focus is on a clean, responsive design that effectively communicates the brand's value without unnecessary complexity.

## CORE FEATURES
1. **Hero Section**: A prominent landing area featuring the company name, a tagline, and a call-to-action button encouraging visitors to learn more or contact the company.
2. **About Us**: A brief section introducing BATICI and its founder, Mr. X, highlighting the company’s mission and values.
3. **Services Offered**: A detailed list of the construction services provided by BATICI, with icons and brief descriptions for clarity.
4. **Testimonials**: Client feedback to build trust and showcase successful projects.
5. **Contact Form**: An easy-to-use contact form for inquiries, complete with essential fields and a submit button.
6. **Footer**: Includes links to social media, contact information, and a brief company description.

## 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-page layout with sections stacked vertically, ensuring easy navigation and a logical flow from the hero section to the footer.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components for the hero section, services, testimonials, contact form, and footer.
3. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring responsiveness across devices.
4. **Integrate Typography**: Import and apply Inter font from Google Fonts throughout the application.
5. **Implement Contact Form**: Create a functional contact form that captures user inquiries and integrates with a backend service for submissions (if required).
6. **Test Responsiveness**: Ensure the layout adjusts appropriately on various screen sizes and devices.

## USER EXPERIENCE
Users will arrive at a clean, professional landing page that immediately conveys BATICI's identity. The hero section captures attention with a strong visual and call-to-action. As users scroll, they will encounter succinct information about the company, its services, and testimonials from satisfied clients, all designed to build trust and encourage communication. The contact form is easily accessible, making it simple for potential clients to reach out for more information. Overall, the user experience is straightforward, focusing on clarity and ease of navigation.