Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
LAB857 is a minimalist information landing page designed to showcase a laboratory under the "Diseño Industrial" department of your university. The page will provide essential information about the lab, its projects, and its contributions, emphasizing a clean and user-friendly experience.

## CORE FEATURES
1. **Hero Section**: A striking introduction with the lab's name, a brief tagline, and a call-to-action button for further engagement.
2. **About Section**: A concise overview of the lab's purpose, vision, and the team behind it.
3. **Projects Showcase**: Display featured projects or research initiatives with images and brief descriptions.
4. **Contact Information**: Simple form or contact details for inquiries, encouraging user interaction.
5. **Social Media Links**: Icons linking to the lab’s social media platforms, if applicable.

## 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 vertical stacking layout with sections for the hero, about, projects, and contact, utilizing ample white space for clarity and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, as the landing page does not require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Structure**: Set up the main layout with sections for the hero, about, projects, and contact.
4. **Implement Hero Section**: Add a fullscreen hero with lab name, tagline, and call-to-action button styled with the primary color.
5. **Build About Section**: Create a section that describes the lab, utilizing Inter typography and the defined border radius for cards.
6. **Showcase Projects**: Develop a grid or list layout for featured projects, ensuring to maintain the minimalist aesthetic.
7. **Contact Section**: Implement a simple contact form or display contact details, styled appropriately.
8. **Add Responsiveness**: Ensure the layout is fully responsive using Tailwind CSS utilities for different screen sizes.
9. **Testing and Optimization**: Test the page across various devices and browsers for compatibility, ensuring a smooth user experience.

## USER EXPERIENCE
Users will encounter a visually appealing and straightforward landing page that effectively communicates the essence of LAB857. The navigation is intuitive, promoting easy access to information. Users can quickly identify the lab's purpose and reach out through the contact section, fostering engagement and curiosity about the lab's work.