República Dominicana

CondPlus Real Estate

condplus-real-estate.alterestate.com

<section style="padding:120px 20px; max-width:800px; margin:auto; text-align:center; font-family:Inter, sans-serif;">

<style>
@keyframes fadeUp {
  0% {opacity:0; transform:translateY(40px);}
  100% {opacity:1; transform:translateY(0);}
}

.fade {
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 1s ease forwards;
}

.form-box {
  margin-top:40px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.input {
  padding:14px;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:1rem;
  outline:none;
  transition:all 0.3s ease;
  background:#fff;
}

.input:focus {
  border-color:#7c3aed;
}

.btn {
  margin-top:20px;
  padding:15px;
  border:none;
  background:#111;
  color:#fff;
  border-radius:50px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.4s ease;
}

.btn:hover {
  background:#7c3aed;
  transform:translateY(-3px);
}
</style>

<div class="fade">

<h2 style="font-family:Playfair Display, serif; font-weight:700; letter-spacing:1px; font-size:2.6rem;">
Contáctanos
</h2>

<div style="width:60px;height:1px;margin:20px auto;background:linear-gradient(to right,transparent,#aaa,transparent);"></div>

<form class="form-box" onsubmit="sendWhatsApp(event)">

<input class="input" type="text" id="nombre" placeholder="Nombre completo" required>

<input class="input" type="text" id="telefono" placeholder="Teléfono" required>


<select class="input" id="pais" onchange="mostrarOtro()" required>
  <option value="">País de residencia</option>
  <option>República Dominicana</option>
  <option>Estados Unidos</option>
  <option>España</option>
  <option>Puerto Rico</option>
  <option>México</option>
  <option>Colombia</option>
  <option>Venezuela</option>
  <option>Argentina</option>
  <option>Chile</option>
  <option>Perú</option>
  <option>Panamá</option>
  <option>Canadá</option>
  <option value="otro">Otro</option>
</select>

<input class="input" type="text" id="otroPais" placeholder="Escribe tu país" style="display:none;">


<select class="input" id="objetivo" required>
  <option value="">Objetivo de la inversión</option>
  <option>Fines residenciales</option>
  <option>Inversión comercial</option>
  <option>Retorno mediante rentas cortas</option>
  <option>Retiro</option>
  <option>Relocalización</option>
</select>

<input class="input" type="email" id="correo" placeholder="Correo electrónico">

<textarea class="input" id="mensaje" rows="4" placeholder="Mensaje"></textarea>

<button type="submit" class="btn">Enviar mensaje</button>

</form>

</div>

<script>
function mostrarOtro() {
  let pais = document.getElementById("pais").value;
  let otro = document.getElementById("otroPais");

  if (pais === "otro") {
    otro.style.display = "block";
    otro.required = true;
  } else {
    otro.style.display = "none";
    otro.required = false;
  }
}

function sendWhatsApp(e) {
  e.preventDefault();

  let nombre = document.getElementById("nombre").value;
  let telefono = document.getElementById("telefono").value;
  let pais = document.getElementById("pais").value;
  let otroPais = document.getElementById("otroPais").value;
  let objetivo = document.getElementById("objetivo").value;
  let correo = document.getElementById("correo").value;
  let mensaje = document.getElementById("mensaje").value;

  if (pais === "otro") {
    pais = otroPais;
  }

  let texto = "Hola, quiero información:%0A%0A"
    + "Nombre: " + nombre + "%0A"
    + "Teléfono: " + telefono + "%0A"
    + "País: " + pais + "%0A"
    + "Objetivo: " + objetivo + "%0A"
    + "Correo: " + correo + "%0A"
    + "Mensaje: " + mensaje;

  let url = "https://wa.me/18093034700?text=" + texto;

  window.open(url, "_blank");
}
</script>

</section>

<section style="padding:120px 20px; max-width:900px; margin:auto; text-align:center; font-family:Inter, sans-serif;">

<style>
@keyframes fadeUp {
  0% {opacity:0; transform:translateY(40px);}
  100% {opacity:1; transform:translateY(0);}
}

.fade {
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 1s ease forwards;
}

.delay1 { animation-delay:0.2s; }
.delay2 { animation-delay:0.4s; }
.delay3 { animation-delay:0.6s; }
.delay4 { animation-delay:0.8s; }
.delay5 { animation-delay:1s; }

.block {
  margin-top:40px;
}

.title {
  font-family:Playfair Display, serif;
  font-weight:700;
  letter-spacing:1px;
  font-size:1.6rem;
  margin-bottom:10px;
}

.text {
  color:#666;
  line-height:1.8;
  text-decoration:none;
}

/* hover elegante */
.link:hover {
  color:#7c3aed;
}
</style>


<div class="fade delay1">
<h2 style="font-family:Playfair Display, serif; font-weight:700; letter-spacing:1px; font-size:2.6rem;">
Acércate y placenteramente te asesoramos
</h2>

<div style="width:60px;height:1px;margin:20px auto;background:linear-gradient(to right,transparent,#aaa,transparent);"></div>
</div>


<div class="fade delay2 block">
<div class="title">Nuestra dirección</div>

<a href="https://www.google.com/maps/place/CondPlus+Boutique+Brokerage/@19.4622489,-70.6752797,658m/data=!3m2!1e3!4b1!4m6!3m5!1s0x8eb1c53103c503eb:0xd22c444103e00a70!8m2!3d19.4622489!4d-70.6752797!16s%2Fg%2F11ksy1lzc_?hl=es&entry=ttu&g_ep=EgoyMDI2MDQyOS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="text link">
C/ Estado de Israel, esq. c/E. León Jiménez,<br>
Plaza El Pino, 1er nivel, A04,<br>
Reparto del Este, Santiago de los Caballeros 51000
</a>

</div>


<div class="fade delay3 block">
<div class="title">Teléfono / Celular</div>

<a href="tel:+18093034700" class="text link">
+1 809 303 4700 (Llamar)
</a>

<br><br>

<a href="https://wa.me/18093034700" target="_blank" class="text link">
Enviar mensaje por WhatsApp
</a>

</div>


<div class="fade delay4 block">
<div class="title">Nuestro correo</div>

<a href="mailto:cpcondplus@gmail.com" class="text link">
cpcondplus@gmail.com
</a>

</div>


<div class="fade delay5 block">
<div class="title">Horario laboral</div>

<p class="text">
Lunes - Cerrado<br>
Martes a Domingo - Laboramos por cita, ajustados a su disponibilidad y la nuestra.
</p>

</div>

</section>