República Dominicana

Iris Amadis Realty

iris-amadis-realty.alterestate.com

<section class="ia-contact-section">
  <div class="ia-contact-container">
    
    <div class="ia-contact-quote">
      <blockquote>
        “Comprar bienes raíces no es solo buscar un lugar donde vivir, es encontrar el escenario donde se construirá tu futuro.”
      </blockquote>
      <cite>— Iris Amadis Realty</cite>
    </div>

    <div class="ia-contact-block">
      <span class="ia-contact-tag">ATENCIÓN PERSONALIZADA</span>
      <h3 class="ia-contact-title">Canales Directos de Comunicación</h3>
      <p class="ia-contact-subtitle">Póngase en contacto con nosotros hoy mismo. Estamos listos para ofrecerle un servicio profesional, transparente y confiable.</p>
      
      <div class="ia-info-grid">
        
        <a href="tel:8296762731" class="ia-info-card">
          <div class="ia-info-icon">
            <svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="1.5" fill="none"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
          </div>
          <div class="ia-info-text-content">
            <h4>Línea Telefónica</h4>
            <span class="ia-info-value">+1 829-676-2731</span>
          </div>
        </a>

        <a href="mailto:irisamadis7@gmail.com" class="ia-info-card">
          <div class="ia-info-icon">
            <svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="1.5" fill="none"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
          </div>
          <div class="ia-info-text-content">
            <h4>Correo Electrónico</h4>
            <span class="ia-info-value">irisamadis7@gmail.com</span>
          </div>
        </a>

      </div>

      <div class="ia-info-footer-note">
        <p>Promoción, asesoría y comercialización de propiedades en toda la República Dominicana.</p>
      </div>
    </div>

  </div>
</section>

<style>
  /* Importación de tipografías premium */
  @import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:wght@300;400;500;600&display=swap');

  .ia-contact-section {
    font-family: 'Montserrat', sans-serif;
    background-color: #fcfbfa; /* Gris hueso elegante */
    color: #2b2b2b;
    padding: 100px 20px;
    line-height: 1.6;
  }

  .ia-contact-container {
    max-width: 900px; /* Ancho optimizado para lectura centralizada */
    margin: 0 auto;
  }

  /* Bloque de la Cita */
  .ia-contact-quote {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 60px auto;
    padding-bottom: 40px;
    border-bottom: 1px solid #eae7e2;
  }

  .ia-contact-quote blockquote {
    font-family: 'Marcellus', serif;
    font-size: 24px;
    color: #1a1a1a;
    font-style: italic;
    margin: 0 0 15px 0;
    line-height: 1.5;
  }

  .ia-contact-quote cite {
    font-size: 11px;
    letter-spacing: 2px;
    color: #8c8476;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
  }

  /* Bloque Central */
  .ia-contact-block {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #f0ede9;
    padding: 60px 40px;
  }

  .ia-contact-tag {
    font-size: 11px;
    letter-spacing: 3px;
    color: #8c8476;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
  }

  .ia-contact-title {
    font-family: 'Marcellus', serif;
    font-size: 32px;
    color: #1a1a1a;
    margin: 0 0 15px 0;
    font-weight: 400;
  }

  .ia-contact-subtitle {
    font-size: 15px;
    color: #666666;
    font-weight: 300;
    max-width: 600px;
    margin: 0 auto 40px auto;
  }

  /* Grid de Tarjetas (Convertidas en enlaces interactivos enteros) */
  .ia-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
  }

  .ia-info-card {
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #fcfbfa;
    padding: 25px;
    border: 1px solid #eae7e2;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .ia-info-card:hover {
    border-color: #8c8476;
    background-color: #ffffff;
    box-shadow: 0 10px 25px rgba(140, 132, 118, 0.05);
  }

  .ia-info-icon {
    color: #8c8476;
    margin-right: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
  }

  .ia-info-card:hover .ia-info-icon {
    transform: scale(1.1);
  }

  .ia-info-text-content h4 {
    margin: 0 0 5px 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666666;
    font-weight: 500;
  }

  .ia-info-value {
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 500;
  }

  /* Nota de pie */
  .ia-info-footer-note {
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px dashed #eae7e2;
  }

  .ia-info-footer-note p {
    font-size: 13px;
    color: #8c8476;
    font-style: italic;
    margin: 0;
  }

  /* Ajustes para Celulares */
  @media (max-width: 768px) {
    .ia-contact-section {
      padding: 60px 15px;
    }
    .ia-contact-quote blockquote {
      font-size: 20px;
    }
    .ia-contact-block {
      padding: 40px 20px;
    }
    .ia-contact-title {
      font-size: 26px;
    }
    .ia-info-card {
      padding: 20px;
    }
    .ia-info-value {
      font-size: 14px;
    }
  }
</style>

<section class="ia-crm-header-section">
  <div class="ia-crm-header-container">
    <span class="ia-crm-tag">CONTACTO DIRECTO</span>
    <h2 class="ia-crm-title">Déjanos un mensaje</h2>
    <p class="ia-crm-desc">
      Complete sus datos en el siguiente recuadro y un asesor especializado de nuestro equipo se pondrá en contacto con usted a la brevedad para guiarle en su próxima inversión.
    </p>
  </div>
</section>

<style>
  /* Importación de tipografías premium */
  @import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:wght@300;400;500;600&display=swap');

  .ia-crm-header-section {
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff; /* Fondo blanco limpio para dar luz antes del formulario */
    color: #2b2b2b;
    padding: 60px 20px 20px 20px; /* Margen inferior reducido para acoplarse al formulario de abajo */
    text-align: center;
  }

  .ia-crm-header-container {
    max-width: 700px;
    margin: 0 auto;
  }

  .ia-crm-tag {
    font-size: 11px;
    letter-spacing: 3px;
    color: #8c8476; /* Tono bronce elegante */
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  .ia-crm-title {
    font-family: 'Marcellus', serif;
    font-size: 36px;
    color: #1a1a1a;
    margin: 0 0 15px 0;
    font-weight: 400;
    letter-spacing: 0.5px;
  }

  .ia-crm-desc {
    font-size: 15px;
    color: #555555;
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
  }

  /* Ajustes para pantallas pequeñas (Celulares) */
  @media (max-width: 768px) {
    .ia-crm-header-section {
      padding: 40px 15px 15px 15px;
    }
    .ia-crm-title {
      font-size: 28px;
    }
    .ia-crm-desc {
      font-size: 14px;
    }
  }
</style>