República Dominicana

CondPlus Real Estate

condplus-real-estate.alterestate.com

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Boutique Brokerage</title>

<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">

<style>

body{
    margin:0;
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
}

.hero{
    height:100vh;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* 🔥 SOLUCIÓN FUERTE */
.hero-bg{
    position:absolute;
    inset:0;

    background-image:url('https://i.postimg.cc/T1QjWsqt/pexels-ali-danaci-124359678-10463463.jpg') !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;

    filter: blur(1px) brightness(0.9);
    transform:scale(1.03);
    z-index:0;
}

.hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(20,10,30,0.35),
        rgba(20,10,30,0.65)
    );
    z-index:1;
}

.hero-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
    padding:20px;
    max-width:900px;

    opacity:0;
    transform:translateY(40px);
    animation:fadeUp 1.4s ease forwards;
    animation-delay:0.3s;
}

.hero h1{
    font-family:'Cinzel', serif;
    font-size:clamp(30px,5vw,58px);
}

.hero p{
    color:#EDE6D8;
    margin-bottom:30px;
}

.lang{
    position:absolute;
    top:30px;
    right:40px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    z-index:3;
}

.search-box{
    backdrop-filter:blur(12px);
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    padding:30px;
    border-radius:20px;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:14px;

    opacity:0;
    transform:scale(0.95);
    animation:zoomIn 1.5s ease forwards;
    animation-delay:0.6s;
}

.input-group select{
    width:100%;
    padding:14px;
    border:none;
    border-radius:8px;
}

.search-box button{
    background:linear-gradient(135deg,#6E5A8A,#8A75A8);
    color:#fff;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-weight:500;
}

@media(max-width:768px){
    .search-box{
        grid-template-columns:1fr;
    }
}

@keyframes fadeUp{
    to{opacity:1; transform:translateY(0);}
}
@keyframes zoomIn{
    to{opacity:1; transform:scale(1);}
}

</style>
</head>

<body>

<div class="hero">

    <div class="hero-bg"></div>

    <div class="lang" onclick="toggleLang()">ES / EN</div>

    <div class="hero-content">

        <h1 id="title">Invierte y vive el estilo de vida caribeño</h1>

        <p id="subtitle">
            Accede a propiedades exclusivas en República Dominicana y posiciona tu inversión en uno de los destinos más atractivos del Caribe.
        </p>

        <div class="search-box">

            <div class="input-group">
                <select id="tipoPropiedad">
                    <option value="">Tipo de propiedad</option>
                    <option value="1">Apartamento</option>
                    <option value="13">Villa</option>
                    <option value="2">Casa</option>
                    <option value="10">Penthouse</option>
                </select>
            </div>

            <div class="input-group">
                <select id="precioMin">
                    <option value="100000">Precio mínimo</option>
                    <option value="100000">US$100K+</option>
                    <option value="250000">US$250K+</option>
                    <option value="500000">US$500K+</option>
                    <option value="1000000">US$1M+</option>
                </select>
            </div>

            <div class="input-group">
                <select>
                    <option>Precio máximo</option>
                    <option>US$250K</option>
                    <option>US$500K</option>
                    <option>US$1M</option>
                    <option>US$3M+</option>
                </select>
            </div>

            <button onclick="buscarPropiedades()">Buscar</button>

        </div>

    </div>

</div>

<script>

let isES = true;

function toggleLang(){
    isES = !isES;

    document.getElementById("title").innerText = isES 
        ? "Invierte y vive el estilo de vida caribeño"
        : "Invest and live the Caribbean lifestyle";

    document.getElementById("subtitle").innerText = isES
        ? "Accede a propiedades exclusivas en República Dominicana y posiciona tu inversión en uno de los destinos más atractivos del Caribe."
        : "Access exclusive properties in the Dominican Republic and position your investment in one of the Caribbean’s most attractive destinations.";
}

function buscarPropiedades(){

    let tipo = document.getElementById("tipoPropiedad").value;
    let precio = document.getElementById("precioMin").value;

    let baseURL = "https://condplus-real-estate.alterestate.com/propiedades?country=149&currency=USD&listing_type=1&page=1";

    if(tipo !== ""){
        baseURL += "&category=" + tipo;
    }

    baseURL += "&value_min=" + precio;

    window.location.href = baseURL;
}

</script>

</body>
</html>

<section class="hero">

  <div class="hero-bg-2"></div>
  <div class="hero-overlay"></div>

  <div class="hero-content reveal">

    <h1 class="title">
      <b>Inversión. Estilo de Vida. Legado.</b>
    </h1>

    <p class="hero-sub">
      Oportunidades inmobiliarias cuidadosamente seleccionadas para clientes privados e inversionistas internacionales.
    </p>

    <div class="hero-buttons">
      <a href="https://wa.me/18093034700?text=Hola%20Farrah,%20me%20gustar%C3%ADa%20recibir%20una%20asesor%C3%ADa%20privada%20para%20explorar%20oportunidades%20de%20inversi%C3%B3n%20inmobiliaria%20en%20Rep%C3%BAblica%20Dominicana" class="btn">
        Asesoría Privada
      </a>

      <a href="https://condplusrealestate.alterestate.com/propiedades?listing_type=1&currency=USD&page=1" class="btn">
        Ver Propiedades
      </a>
    </div>

  </div>

</section>

<style>

:root{
  --lila:#C8B6C9;
  --olive:#A3B3A0;
}

.hero{
  position:relative;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  padding:20px;
}

/* 🔥 NUEVA IMAGEN AQUÍ */
.hero-bg-2{
  position:absolute;
  width:100%;
  height:100%;
  background-image:url('https://i.postimg.cc/fWdd68c9/marinacapcana-image.jpg');
  background-size:cover;
  background-position:center;

  filter:blur(1px) brightness(0.85);
  opacity:1;
}

/* OVERLAY */
.hero-overlay{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.35);
}

.hero-content{
  position:relative;
  z-index:2;
  max-width:700px;
}

.title{
  font-family:'Playfair Display',serif;
  font-size:60px;
  color:#fff;
}

.hero-sub{
  color:#eee;
}

/* BOTONES */
.btn{
  padding:14px 28px;
  margin:10px;
  background:var(--lila);
  color:#fff;
  text-decoration:none;
  border-radius:8px;
}

.reveal{
  opacity:0;
  transform:translateY(40px);
  transition:1s;
}

.reveal.active{
  opacity:1;
  transform:translateY(0);
}

</style>

<script>
const observer = new IntersectionObserver(entries => {
  entries.forEach(entry => {
    if(entry.isIntersecting){
      entry.target.classList.add('active');
    }
  });
});

document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
</script>

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CondPlus - Propiedades</title>

<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&display=swap" rel="stylesheet">

<style>

body{
    margin:0;
    background:#f8f6f2;
    font-family:'Cinzel', serif;
}

/* SECCIÓN */

.luxury-section{
    padding:90px 50px;
}

/* GRID */

.luxury-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

/* TARJETAS */

.lux-card{
    position:relative;
    height:300px;
    border-radius:26px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    letter-spacing:3px;
    font-size:24px;
    transition:all 0.5s ease;
}

/* IMÁGENES */

.apto{
    background:url('https://images.unsplash.com/photo-1615873968403-89e068629265?q=80&w=1974&auto=format&fit=crop') center/cover;
}

.casa{
    background:url('https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?q=80&w=1974&auto=format&fit=crop') center/cover;
}

.villa{
    background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=1974&auto=format&fit=crop') center/cover;
}

.penthouse{
    background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?q=80&w=1974&auto=format&fit=crop') center/cover;
}

/* OVERLAY NORMAL */

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(0,0,0,0.35),
        rgba(0,0,0,0.65)
    );
    transition:0.4s;
}

/* TEXTO */

.lux-card h3{
    position:relative;
    z-index:2;
}

/* HOVER */

.lux-card:hover{
    transform:scale(1.05);
}

.lux-card:hover .overlay{
    background:linear-gradient(
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.75)
    );
}

/* 🔥 EFECTO CLICK MORADO */

.lux-card:active{
    transform:scale(0.97);
}

.lux-card:active .overlay{
    background:linear-gradient(
        rgba(110,90,138,0.6),
        rgba(110,90,138,0.9)
    );
}

/* RESPONSIVE */

@media(max-width:900px){
    .luxury-grid{
        grid-template-columns:1fr;
    }
}

</style>
</head>

<body>

<section class="luxury-section">

    <div class="luxury-grid">

        <a href="https://condplus-real-estate.alterestate.com/propiedades?category=1&country=149&currency=USD&listing_type=1&page=1"
           class="lux-card apto">
            <div class="overlay"></div>
            <h3>APARTAMENTOS</h3>
        </a>

        <a href="https://condplus-real-estate.alterestate.com/propiedades?category=2&country=149&currency=USD&listing_type=1&page=1"
           class="lux-card casa">
            <div class="overlay"></div>
            <h3>CASAS</h3>
        </a>

        <a href="https://condplus-real-estate.alterestate.com/propiedades?category=13&country=149&currency=USD&listing_type=1&page=1"
           class="lux-card villa">
            <div class="overlay"></div>
            <h3>VILLAS</h3>
        </a>

        <a href="https://condplus-real-estate.alterestate.com/propiedades?category=10&country=149&currency=USD&listing_type=1&page=1"
           class="lux-card penthouse">
            <div class="overlay"></div>
            <h3>PENTHOUSES</h3>
        </a>

    </div>

</section>

</body>
</html>

<section class="hero-monumento">

  <div class="bg"></div>

</section>

<style>

.hero-monumento{
  position:relative;
  height:70vh;
  overflow:hidden;
}

/* 🔥 IMAGEN SIN BORDES */
.bg{
  position:absolute;
  width:100%;
  height:100%;

  background-image:url('https://i.postimg.cc/q7tq27QP/IMAGEN-DEFINITIVA-BANNER-YOU-TUBE.jpg');

  /* 🔥 CLAVE */
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  filter:none;
  transform:none;
}

/* MOBILE */
@media(max-width:768px){
  .hero-monumento{
    height:60vh;
  }
}

</style>

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Experiencia Inmobiliaria</title>

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400&display=swap" rel="stylesheet">

<style>

:root {
    --negro: #111;
    --lila: #C4A7E7; /* 🔥 LILA ELEGANTE */
    --lila-hover: #A67EDB; /* 🔥 LILA MÁS PROFUNDO */
    --gris: #777;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: #f7f7f5;
}

.section {
    padding: 100px 20px;
    text-align: center;
}

/* TITULO */
.section h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 2.6rem;
    color: var(--negro);
    margin-bottom: 20px;

    animation: fadeUp 1s ease;
}

/* SUB */
.subtitle {
    font-size: 0.95rem;
    letter-spacing: 2px;
    color: var(--lila);
    max-width: 700px;
    margin: 0 auto 70px auto;
    line-height: 1.6;

    animation: fadeUp 1.2s ease;
}

/* GRID */
.cards {
    display: flex;
    justify-content: center;
    gap: 70px;
    flex-wrap: wrap;
}

/* CARD */
.card {
    max-width: 280px;
    text-align: center;
    transition: all 0.4s ease;

    animation: fadeUp 1.4s ease;
}

.card:hover {
    transform: translateY(-8px);
}

/* ICONOS */
.top-icon {
    width: 70px;
    margin-bottom: 20px;
    stroke: var(--lila);
    fill: none;
    stroke-width: 1.4;
    transition: 0.3s;
}

.card:hover .top-icon {
    stroke: var(--lila-hover);
    transform: scale(1.05);
}

/* TITULOS */
.card h3 {
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: var(--negro);
}

/* TEXTO */
.card p {
    font-size: 0.95rem;
    color: var(--gris);
    line-height: 1.6;
}

/* FRASE FINAL */
.closing {
    margin-top: 90px;
    font-family: 'Playfair Display', serif;
    font-size: 1.2rem;
    color: var(--negro);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;

    animation: fadeUp 1.6s ease;
}

/* 🔥 ANIMACIÓN */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 600px) {
    .cards {
        flex-direction: column;
        align-items: center;
    }

    .section h1 {
        font-size: 2rem;
    }
}

</style>
</head>

<body>

<section class="section">

    <h1>Una experiencia inmobiliaria diseñada para inversionistas exigentes.</h1>

    <p class="subtitle">
        Más que propiedades, estructuramos decisiones inteligentes que protegen y multiplican tu patrimonio.
    </p>

    <div class="cards">

        <div class="card">
            <svg class="top-icon" viewBox="0 0 24 24">
                <rect x="2" y="6" width="20" height="12" rx="2"/>
                <circle cx="12" cy="12" r="3"/>
            </svg>

            <h3>Estrategia Financiera Personalizada</h3>
            <p>
                Diseñamos estructuras de financiamiento a tu medida, conectándote con las mejores entidades locales e internacionales para optimizar tu inversión con inteligencia fiscal y liquidez estratégica.
            </p>
        </div>

        <div class="card">
            <svg class="top-icon" viewBox="0 0 24 24">
                <path d="M6 2h9l5 5v15H6z"/>
                <path d="M14 2v6h6"/>
            </svg>

            <h3>Gestión Integral & Confidencial</h3>
            <p>
                Gestionamos cada operación con absoluta discreción, estructura legal sólida y acompañamiento experto en cada etapa, garantizando una experiencia segura, fluida y alineada con tus objetivos patrimoniales.
            </p>
        </div>

        <div class="card">
            <svg class="top-icon" viewBox="0 0 24 24">
                <rect x="3" y="10" width="6" height="11"/>
                <rect x="10" y="3" width="6" height="18"/>
                <rect x="17" y="7" width="4" height="14"/>
            </svg>

            <h3>Portafolio Curado de Oportunidades</h3>
            <p>
                Accede a una selección exclusiva de propiedades con alto potencial de valorización.
            </p>
        </div>

        <div class="card">
            <svg class="top-icon" viewBox="0 0 24 24">
                <circle cx="12" cy="8" r="3"/>
                <path d="M5 22c0-4 3-7 7-7s7 3 7 7"/>
            </svg>

            <h3>Concierge Inmobiliario Internacional</h3>
            <p>
                Asistimos cada detalle de tu proceso de inversión o relocalización en República Dominicana.
            </p>
        </div>

    </div>

    <div class="closing">
        “Trabajamos con quienes entienden que una propiedad no es un gasto… es una estrategia.”
    </div>

</section>

</body>
</html>

<!D<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Ubicación</title>

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400&display=swap" rel="stylesheet">

<style>

:root {
    --negro: #111;
    --verde-olivo: #556B2F;
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background: #f7f7f5;
}

/* SECCION */
.location {
    padding: 120px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* TITULO MÁS GRANDE */
.location-title {
    font-family: 'Playfair Display', serif;
    font-size: 4.5rem;
    color: var(--negro);
    margin-bottom: 15px;
    letter-spacing: 2px;
}

/* SUB */
.location-sub {
    color: var(--verde-olivo);
    letter-spacing: 4px;
    font-size: 0.9rem;
    margin-bottom: 60px;
}

/* TARJETA */
.map-card {
    width: 100%;
    max-width: 900px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;

    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
    transition: all 0.4s ease;
}

/* 🔥 MAPA MÁS GRANDE */
.map-container {
    width: 100%;
    height: 550px;
}

.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;

    pointer-events: none;

    filter: grayscale(15%) contrast(1.1);
    transition: 0.4s;
}

/* OVERLAY */
.map-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;

    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: white;
    letter-spacing: 2px;
}

/* HOVER */
.map-card:hover {
    transform: scale(1.02);
    box-shadow: 0 30px 80px rgba(0,0,0,0.2);
}

.map-card:hover iframe {
    filter: grayscale(0%) contrast(1.2);
}

/* RESPONSIVE */
@media (max-width: 600px) {
    .location-title {
        font-size: 2.5rem;
    }

    .map-container {
        height: 320px;
    }
}

</style>
</head>

<body>

<section class="location">

    <h2 class="location-title">NUESTRA UBICACIÓN</h2>
    <p class="location-sub">EN NUESTRA OFCINA</p>

    <a href="https://www.google.com/maps?cid=15144554692968712816&hl=es&gl=DO"
       target="_blank" class="map-card">

        <div class="map-container">
            <iframe 
                src="https://www.google.com/maps?q=18.4861,-69.9312&z=17&t=k&output=embed">
            </iframe>
        </div>

        <div class="map-overlay">
            VER EN GOOGLE MAPS
        </div>

    </a>

</section>

</body>
</html>

Boutique Real Estate & Relocation Concierge 💎 | Dominican Republic 🇩🇴
We secure high-value investments in pre-construction and exclusive developments, tailored to your lifestyle and financial goals.
Enjoy a secure, seamless, white-glove experience 🤝 with expert porfessional advisory, mortgage pre-qualification, and full support from selection to closing or relocation.
Premiun home, income property, corporate relocation or Caribbean retreat —we handle every detail for you and yours.
AEI Member | NAR Certified | REALTOR® ABR, SRS, CIPS, CRS