Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern and professional landing page for "Estudio Jurídico Benavides y Asociadas" that effectively showcases legal services for individuals and businesses in Patagonia. The goal is to present information clearly and encourage potential clients to engage with the firm through consultations.

## CORE FEATURES
1. **Hero Section**: 
   - Title: "ESTUDIO JURÍDICO BENAVIDES Y ASOCIADAS"
   - Subtitle: "Asesoramiento y representación legal integral"
   - Main Button: "Consultar ahora" leading to a contact form.

2. **Áreas de Práctica**: 
   - Detailed sections for each area of practice (Labor Law, Civil Law, Administrative Law, Family Law, Criminal Law, Expedient Procedures). Each section includes a brief description of services offered.

3. **Why Choose Us**: 
   - Highlight unique selling points such as in-depth legal analysis, strategic approach, direct communication, and specialized training of the team.

4. **Testimonials**: 
   - A section showcasing client testimonials to build trust and credibility.

5. **About Us**: 
   - Information about the team, including images and short bios of the main lawyers to personalize the firm's image.

6. **Contact Information**: 
   - A clear call to action encouraging visitors to reach out, with integrated contact information (address, email, phone, WhatsApp, and social media links).

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, professional design with ample white space, a refined color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Color Palette**: 
  - Primary: #4A7BA7 (Dark Teal)
  - Secondary: #C9A55B (Gold)
  - Accent: #D4B896 (Light Beige)
  - Background: #FFFFFF (White)
- **Layout**: 
  - A single-page layout with smooth scrolling navigation.
  - Sections divided clearly with adequate spacing and a consistent flow.
- **Typography**: 
  - Titles: Amiri
  - Body Text: Inter

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **Accessibility**: Level AA compliance
- **SEO**: Optimized for search engines

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop the single-page layout using Tailwind CSS for styling. Ensure it is responsive and mobile-first.
3. **Build Sections**:
   - Implement the Hero section with title, subtitle, and button.
   - Create sections for "Áreas de Práctica", "Why Choose Us", "Testimonials", and "About Us".
4. **Add Contact Details**: Integrate contact information with clickable links for email, WhatsApp, and social media that open in new tabs.
5. **Optimize for SEO**: Use appropriate meta tags and ensure that the page structure supports SEO best practices.
6. **Test Responsiveness**: Verify that the landing page displays correctly on various devices and screen sizes.

## USER EXPERIENCE
The landing page should provide a seamless experience with smooth scrolling between sections. Users will easily find information about legal services, read testimonials, and contact the firm through clearly labeled buttons and links. The design will ensure that all text is easily readable, and the overall interaction is engaging and professional.