República Dominicana

Canaán Luxury Property

canaan-luxury-property.alterestate.com

<div class="cta-section">

<style>
  /* Importación de fuentes elegantes */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

  /* Contenedor Principal Totalmente Aislado */
  #clp-hero-about-section {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }

  #clp-hero-about-section * {
    box-sizing: border-box !important;
  }

  .clp-hero-container {
    max-width: 1000px !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Subtítulo y Título */
  .clp-hero-subtitle {
    color: #DAAB51 !important;
    font-size: 0.85rem !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 16px !important;
  }

  .clp-hero-title {
    font-family: 'Playfair Display', serif !important;
    color: #ffffff !important;
    font-size: 2.8rem !important;
    font-weight: 600 !important;
    margin: 0 0 24px 0 !important;
    line-height: 1.25 !important;
  }

  .clp-hero-divider {
    width: 80px !important;
    height: 2px !important;
    background-color: #DAAB51 !important;
    margin: 0 auto 35px auto !important;
  }

  /* Tarjeta Central Resumen */
  .clp-hero-card {
    background: linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
    border: 1px solid rgba(218, 171, 81, 0.3) !important;
    border-radius: 4px !important;
    padding: 45px 35px !important;
    margin-bottom: 45px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
  }

  .clp-hero-text {
    color: #e0e0e0 !important;
    font-size: 1.1rem !important;
    line-height: 1.85 !important;
    font-weight: 300 !important;
    margin: 0 !important;
  }

  .clp-hero-text strong {
    color: #DAAB51 !important;
    font-weight: 500 !important;
  }

  /* Botón de Acción Principal (CTA) */
  .clp-cta-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .clp-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 42px !important;
    background-color: #DAAB51 !important;
    color: #000000 !important;
    border: 1px solid #DAAB51 !important;
    border-radius: 2px !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(218, 171, 81, 0.2) !important;
  }

  .clp-btn-cta:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.25) !important;
  }

  .clp-btn-cta svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    transition: transform 0.3s ease !important;
  }

  .clp-btn-cta:hover svg {
    transform: translateX(4px) !important;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    #clp-hero-about-section {
      padding: 60px 18px !important;
    }
    .clp-hero-title {
      font-size: 2.1rem !important;
    }
    .clp-hero-card {
      padding: 30px 20px !important;
    }
    .clp-hero-text {
      font-size: 0.98rem !important;
    }
    .clp-btn-cta {
      width: 100% !important;
      justify-content: center !important;
      padding: 16px 20px !important;
    }
  }
</style>

<div id="clp-hero-about-section">
  <div class="clp-hero-container">
    
    <span class="clp-hero-subtitle">Bienes Raíces de Alta Gama</span>
    <h2 class="clp-hero-title">Canaán Luxury Property</h2>
    <div class="clp-hero-divider"></div>

    <div class="clp-hero-card">
      <p class="clp-hero-text">
        Especialistas en la comercialización de propiedades exclusivas y desarrollo patrimonial en la República Dominicana. Ofrecemos <strong>asesoría personalizada y acompañamiento profesional</strong> en cada etapa de la adquisición, negociación e inversión, garantizando una experiencia transparente y confiable.
      </p>
    </div>

    <div class="clp-cta-wrapper">
      <a href="https://canaanluxuryproperty.com/propiedades?listing_type=1&currency=USD&page=1" class="clp-btn-cta">
        Explorar Propiedades
        <svg viewBox="0 0 24 24">
          <path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
        </svg>
      </a>
    </div>

  </div>
</div>

<div class="cta-section">

<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

  #clp-headline-section {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 60px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #clp-headline-section * {
    box-sizing: border-box !important;
  }

  .clp-headline-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    background: #080808 !important;
    border: 1px solid rgba(218, 171, 81, 0.3) !important;
    padding: 50px 30px !important;
    border-radius: 4px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
  }

  .clp-headline-subtitle {
    color: #DAAB51 !important;
    font-size: 0.85rem !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 15px !important;
  }

  .clp-headline-title {
    font-family: 'Playfair Display', serif !important;
    color: #ffffff !important;
    font-size: 2.2rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 0 0 20px 0 !important;
  }

  .clp-headline-divider {
    width: 60px !important;
    height: 2px !important;
    background-color: #DAAB51 !important;
    margin: 0 auto !important;
  }

  @media (max-width: 600px) {
    #clp-headline-section {
      padding: 40px 15px !important;
    }
    .clp-headline-container {
      padding: 35px 20px !important;
    }
    .clp-headline-title {
      font-size: 1.6rem !important;
    }
  }
</style>

<div id="clp-headline-section">
  <div class="clp-headline-container">
    <span class="clp-headline-subtitle">Especialistas en el Mercado Inmobiliario</span>
    <h2 class="clp-headline-title">Tu aliado estratégico para comprar, alquilar e invertir con confianza</h2>
    <div class="clp-headline-divider"></div>
  </div>
</div>

Apartamentos

Casas

Villas

<div class="cta-section">

<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

  #clp-latest-properties-header {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 60px 20px 40px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #clp-latest-properties-header * {
    box-sizing: border-box !important;
  }

  .clp-lph-container {
    max-width: 900px !important;
    margin: 0 auto !important;
  }

  .clp-lph-subtitle {
    color: #DAAB51 !important;
    font-size: 0.85rem !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 12px !important;
  }

  .clp-lph-title {
    font-family: 'Playfair Display', serif !important;
    color: #ffffff !important;
    font-size: 2.3rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 18px 0 !important;
  }

  .clp-lph-divider {
    width: 70px !important;
    height: 2px !important;
    background-color: #DAAB51 !important;
    margin: 0 auto !important;
  }

  @media (max-width: 600px) {
    #clp-latest-properties-header {
      padding: 40px 15px 30px 15px !important;
    }
    .clp-lph-title {
      font-size: 1.7rem !important;
    }
  }
</style>

<div id="clp-latest-properties-header">
  <div class="clp-lph-container">
    <span class="clp-lph-subtitle">Portafolio </span>
    <h2 class="clp-lph-title">Propiedades Seleccionadas: Descubre la excelencia inmobiliaria</h2>
    <div class="clp-lph-divider"></div>
  </div>
</div>

<div class="cta-section">

<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

  #clp-why-us-section {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #clp-why-us-section * {
    box-sizing: border-box !important;
  }

  .clp-why-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
  }

  /* Encabezado */
  .clp-why-header {
    text-align: center !important;
    margin-bottom: 60px !important;
  }

  .clp-why-subtitle {
    color: #DAAB51 !important;
    font-size: 0.85rem !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 12px !important;
  }

  .clp-why-title {
    font-family: 'Playfair Display', serif !important;
    color: #ffffff !important;
    font-size: 2.4rem !important;
    font-weight: 600 !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.25 !important;
  }

  .clp-why-divider {
    width: 70px !important;
    height: 2px !important;
    background-color: #DAAB51 !important;
    margin: 0 auto !important;
  }

  /* Grid de Pilares / Razones */
  .clp-why-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
  }

  .clp-why-card {
    background: #080808 !important;
    border: 1px solid rgba(218, 171, 81, 0.2) !important;
    padding: 40px 25px !important;
    border-radius: 4px !important;
    text-align: center !important;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .clp-why-card:hover {
    transform: translateY(-7px) !important;
    border-color: #DAAB51 !important;
    box-shadow: 0 10px 25px rgba(218, 171, 81, 0.12) !important;
  }

  /* Iconos en círculos dorados */
  .clp-why-icon {
    width: 65px !important;
    height: 65px !important;
    border-radius: 50% !important;
    border: 1px solid #DAAB51 !important;
    background: rgba(218, 171, 81, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 22px !important;
  }

  .clp-why-icon svg {
    width: 28px !important;
    height: 28px !important;
    fill: #DAAB51 !important;
  }

  .clp-why-card h3 {
    font-family: 'Playfair Display', serif !important;
    color: #ffffff !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin: 0 0 12px 0 !important;
  }

  .clp-why-card p {
    color: #cccccc !important;
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    font-weight: 300 !important;
  }

  /* Responsive Design */
  @media (max-width: 1024px) {
    .clp-why-grid {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }

  @media (max-width: 600px) {
    #clp-why-us-section {
      padding: 50px 15px !important;
    }
    .clp-why-title {
      font-size: 1.8rem !important;
    }
    .clp-why-grid {
      grid-template-columns: 1fr !important;
    }
    .clp-why-card {
      padding: 30px 20px !important;
    }
  }
</style>

<div id="clp-why-us-section">
  <div class="clp-why-container">
    
    <div class="clp-why-header">
      <span class="clp-why-subtitle">Nuestra Promesa de Valor</span>
      <h2 class="clp-why-title">¿Por qué confiar en nosotros?</h2>
      <div class="clp-why-divider"></div>
    </div>

    <div class="clp-why-grid">
      
      
      <div class="clp-why-card">
        <div class="clp-why-icon">
          <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
        </div>
        <h3>Asesoría Exclusiva</h3>
        <p>Te acompañamos de manera personalizada en cada fase del proceso para tomar decisiones informadas y seguras.</p>
      </div>

      
      <div class="clp-why-card">
        <div class="clp-why-icon">
          <svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-5.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>
        </div>
        <h3>Transparencia Total</h3>
        <p>Operamos con absoluta integridad y claridad en cada negociación, contrato y trámite de adquisición.</p>
      </div>

      
      <div class="clp-why-card">
        <div class="clp-why-icon">
          <svg viewBox="0 0 24 24"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/></svg>
        </div>
        <h3>Dominio del Mercado</h3>
        <p>Expertos en identificar oportunidades inmobiliarias de alta valorización y retorno patrimonial en la región.</p>
      </div>

      
      <div class="clp-why-card">
        <div class="clp-why-icon">
          <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
        </div>
        <h3>Seguimiento Continuo</h3>
        <p>Estarás respaldado desde la búsqueda inicial hasta el seguimiento posterior a la compra o inversión.</p>
      </div>

    </div>

  </div>
</div>