Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page focused on "IA en arquitectura" (AI in architecture). The primary purpose is to showcase the importance of AI in architecture through a clean, engaging design that includes a company story, mission, vision, and contact form. The page will also feature images and buttons, including a WhatsApp contact option for immediate inquiries.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction with a captivating headline, supporting text, and a call-to-action button that guides visitors to learn more.
2. **About Us**: A section detailing the history of the company, its mission, and its vision, providing visitors with insight into the values and goals of the organization.
3. **Image Gallery**: A curated selection of images showcasing projects or concepts related to AI in architecture, enhancing visual engagement.
4. **WhatsApp Button**: A prominent button linking to WhatsApp for quick communication, allowing users to reach out directly for inquiries.
5. **Contact Form**: A simple, user-friendly form for visitors to fill out their contact information and messages, facilitating easy communication.
6. **Footer**: A clean footer with links to social media, legal information, and additional contact details.

## 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 structured in sections, starting with a hero area, followed by the about us section, image gallery, contact form, and footer. Each section will be visually distinct yet cohesive, maintaining the minimalist aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this static landing page, but can consider using React Context for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, about us, image gallery, contact form, and footer.
4. **Implement Layout**: Structure the main layout using Flexbox or Grid to ensure responsiveness and alignment of sections.
5. **Style Components**: Apply Tailwind CSS classes to components to achieve the minimalist design, focusing on spacing, typography, and color.
6. **Add Functionality**: Implement the contact form with basic validation and setup the WhatsApp button to open a chat link.
7. **Test Responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
8. **Deploy**: Publish the landing page using a hosting service like Vercel or Netlify for public access.

## USER EXPERIENCE
Visitors will be greeted with a compelling hero section that captures their interest immediately. The flow will guide them through the company's story, mission, and vision, enhanced by engaging visuals in the image gallery. The WhatsApp button provides a seamless way for users to connect, while the contact form allows for easy inquiries. The overall experience will be intuitive, encouraging interaction and exploration of the content presented.