República Dominicana

Inmueble Luxury

xtriba-inmobiliaria.alterestate.com

```html
<section class="luxury-properties-section">
  <style>
    .luxury-properties-section {
      font-family: Arial, sans-serif;
      background: #f7f2e8;
      padding: 100px 7%;
      color: #1f1a14;
    }

    .luxury-properties-header {
      text-align: center;
      max-width: 900px;
      margin: 0 auto 70px;
    }

    .luxury-properties-header span {
      display: block;
      color: #b88a1d;
      text-transform: uppercase;
      letter-spacing: 6px;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 20px;
    }

    .luxury-properties-header h2 {
      font-family: Georgia, serif;
      font-size: clamp(42px, 5vw, 72px);
      line-height: 1.05;
      font-weight: 500;
      margin: 0 0 24px;
      color: #1f1a14;
    }

    .luxury-properties-header p {
      font-size: 17px;
      color: #6d6255;
      line-height: 1.7;
      margin: 0;
    }

    .luxury-properties-grid {
      max-width: 1420px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
    }

    .luxury-property-card {
      min-height: 500px;
      border-radius: 30px;
      overflow: hidden;
      position: relative;
      background-size: cover;
      background-position: center;
      box-shadow: 0 28px 70px rgba(31, 26, 20, 0.16);
      text-decoration: none;
      display: block;
      transition: all .35s ease;
    }

    .luxury-property-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 40px 90px rgba(31, 26, 20, 0.22);
    }

    .luxury-property-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.05) 20%,
        rgba(0, 0, 0, 0.35) 58%,
        rgba(0, 0, 0, 0.78) 100%
      );
      z-index: 1;
    }

    .luxury-property-content {
      position: absolute;
      left: 34px;
      right: 34px;
      bottom: 34px;
      z-index: 2;
      color: #ffffff;
    }

    .luxury-property-content span {
      display: block;
      color: #f5d56b;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 12px;
    }

    .luxury-property-content h3 {
      font-family: Georgia, serif;
      font-size: 34px;
      line-height: 1.05;
      font-weight: 700;
      margin: 0 0 14px;
      color: #fff;
    }

    .luxury-property-content p {
      font-size: 17px;
      line-height: 1.55;
      margin: 0;
      color: #f5efe4;
    }

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

      .luxury-property-card {
        min-height: 420px;
      }

      .luxury-properties-header h2 {
        font-size: 42px;
      }
    }

    @media (max-width: 600px) {
      .luxury-properties-section {
        padding: 70px 5%;
      }

      .luxury-property-content {
        left: 24px;
        right: 24px;
        bottom: 24px;
      }

      .luxury-property-content h3 {
        font-size: 30px;
      }
    }
  </style>

  <div class="luxury-properties-header">
    <span>Propiedades Luxury</span>
    <h2>Espacios seleccionados para clientes exigentes</h2>
    <p>
      Residencias, villas y apartamentos con ubicación estratégica, diseño sofisticado
      y alto potencial de valorización.
    </p>
  </div>

  <div class="luxury-properties-grid">

    <a href="https://xtribainmobiliaria.com.do/propiedades"
       class="luxury-property-card"
       style="background-image:url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1200&q=80');">

      <div class="luxury-property-content">
        <span>Casas Premium</span>
        <h3>Residencias exclusivas</h3>
        <p>
          Propiedades amplias, elegantes y pensadas para un estilo de vida superior.
        </p>
      </div>

    </a>

    <a href="https://xtribainmobiliaria.com.do/propiedades"
       class="luxury-property-card"
       style="background-image:url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1200&q=80');">

      <div class="luxury-property-content">
        <span>Apartamentos Luxury</span>
        <h3>Altura, vista y confort</h3>
        <p>
          Opciones modernas en zonas de alta demanda y excelente proyección.
        </p>
      </div>

    </a>

    <a href="https://xtribainmobiliaria.com.do/propiedades"
       class="luxury-property-card"
       style="background-image:url('https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=1200&q=80');">

      <div class="luxury-property-content">
        <span>Villas Privadas</span>
        <h3>Lujo tropical</h3>
        <p>
          Villas ideales para vivir, vacacionar o invertir con alto retorno.
        </p>
      </div>

    </a>

  </div>
</section>
```


<section class="luxury-about-section">
  <style>
    .luxury-about-section {
      font-family: Arial, sans-serif;
      background: #ffffff;
      color: #1f1a14;
      padding: 100px 7%;
    }

    .luxury-about-container {
      max-width: 1420px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }

    .luxury-about-image {
      min-height: 560px;
      border-radius: 32px;
      background: url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1300&q=80') center/cover no-repeat;
      box-shadow: 0 30px 80px rgba(31, 26, 20, 0.14);
    }

    .luxury-about-label {
      color: #b88a1d;
      text-transform: uppercase;
      letter-spacing: 6px;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 24px;
    }

    .luxury-about-content h2 {
      font-family: Georgia, serif;
      font-size: clamp(42px, 5vw, 68px);
      line-height: 1.03;
      font-weight: 500;
      margin: 0 0 32px;
      color: #1f1a14;
    }

    .luxury-about-content p {
      font-size: 18px;
      line-height: 1.85;
      color: #665c50;
      margin: 0 0 8px;
    }

    .luxury-about-points {
      margin-top: 34px;
      display: grid;
      gap: 18px;
    }

    .luxury-about-point {
      background: #ffffff;
      border: 1px solid rgba(184, 138, 29, 0.22);
      border-radius: 18px;
      padding: 22px 26px;
      font-size: 17px;
      font-weight: 700;
      color: #1f1a14;
      box-shadow: 0 14px 36px rgba(31, 26, 20, 0.04);
    }

    @media (max-width: 1000px) {
      .luxury-about-container {
        grid-template-columns: 1fr;
        gap: 50px;
      }

      .luxury-about-image {
        min-height: 420px;
      }

      .luxury-about-content h2 {
        font-size: 42px;
      }
    }

    @media (max-width: 600px) {
      .luxury-about-section {
        padding: 70px 5%;
      }

      .luxury-about-image {
        min-height: 340px;
        border-radius: 24px;
      }

      .luxury-about-point {
        padding: 18px 20px;
      }
    }
  </style>

  <div class="luxury-about-container">
    <div class="luxury-about-image"></div>

    <div class="luxury-about-content">
      <div class="luxury-about-label">Quiénes somos</div>

      <h2>Más que una inmobiliaria, una experiencia de confianza</h2>

      <p>
        Inmuebles Luxury ofrece gestión y asesoría inmobiliaria con enfoque en
        seguridad, acompañamiento y rentabilidad.
      </p>

      <p>
        Nuestro equipo combina experiencia, visión de mercado y atención personalizada
        para brindar soluciones en venta, renta y administración de propiedades.
      </p>

      <div class="luxury-about-points">
        <div class="luxury-about-point">✓ Compromiso con la rentabilidad</div>
        <div class="luxury-about-point">✓ Seguridad, transparencia y confianza</div>
        <div class="luxury-about-point">✓ Acompañamiento integral en cada operación</div>
      </div>
    </div>
  </div>
</section>
```



```html
<section class="luxury-cta-section">
  <style>
    .luxury-cta-section {
      font-family: Arial, sans-serif;
      min-height: 520px;
      padding: 120px 7%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #1f1a14;
      background:
        linear-gradient(rgba(247, 242, 232, 0.86), rgba(247, 242, 232, 0.92)),
        url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
    }

    .luxury-cta-content {
      max-width: 1200px;
      margin: 0 auto;
    }

    .luxury-cta-content h2 {
      font-family: Georgia, serif;
      font-size: clamp(32px, 3.8vw, 58px);
      line-height: 1.15;
      font-weight: 500;
      max-width: 1000px;
      margin: 0 auto 34px;
      color: #1f1a14;
    }

    .luxury-cta-content p {
      max-width: 820px;
      margin: 0 auto 46px;
      font-size: 20px;
      line-height: 1.8;
      color: #62584c;
    }

    .luxury-cta-btn {
      display: inline-block;
      padding: 22px 48px;
      border-radius: 999px;
      background: linear-gradient(135deg, #d4af37, #f8de74, #c79622);
      color: #1f1a14;
      text-decoration: none;
      font-size: 18px;
      font-weight: 800;
      box-shadow: 0 20px 50px rgba(184, 138, 29, 0.28);
      transition: all 0.3s ease;
    }

    .luxury-cta-btn:hover {
      transform: translateY(-4px);
      box-shadow: 0 28px 65px rgba(184, 138, 29, 0.38);
    }

    @media (max-width: 768px) {
      .luxury-cta-section {
        min-height: 460px;
        padding: 90px 6%;
      }

      .luxury-cta-content h2 {
        font-size: 36px;
      }

      .luxury-cta-content p {
        font-size: 17px;
      }

      .luxury-cta-btn {
        padding: 18px 36px;
      }
    }
  </style>

  <div class="luxury-cta-content">
    <h2>Encuentra una propiedad a la altura de tu visión</h2>
    <p>
      Conecta con nuestro equipo y recibe una asesoría personalizada para comprar,
      vender, alquilar o administrar tu próxima propiedad.
    </p>

    <a href="https://xtribainmobiliaria.com.do/contacto" class="luxury-cta-btn">
      Contactar ahora
    </a>
  </div>
</section>
```


#003f73

normal

Conoce las mejores propiedades del Sector Inmobiliario

Últimas Propiedades

```html
<section class="luxury-services-section">
  <style>
    .luxury-services-section {
      font-family: Arial, sans-serif;
      background: #ffffff;
      padding: 100px 7%;
      color: #1f1a14;
    }

    .luxury-services-header {
      text-align: center;
      max-width: 920px;
      margin: 0 auto 70px;
    }

    .luxury-services-header span {
      display: block;
      color: #b88a1d;
      text-transform: uppercase;
      letter-spacing: 6px;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 22px;
    }

    .luxury-services-header h2 {
      font-family: Georgia, serif;
      font-size: clamp(42px, 5vw, 72px);
      line-height: 1.08;
      font-weight: 500;
      margin: 0;
      color: #1f1a14;
    }

    .luxury-services-grid {
      max-width: 1420px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 28px;
    }

    .luxury-service-card {
      background: #ffffff;
      border: 1px solid rgba(184, 138, 29, 0.20);
      border-radius: 28px;
      padding: 46px 34px;
      min-height: 310px;
      box-shadow: 0 24px 60px rgba(31, 26, 20, 0.06);
      transition: all 0.3s ease;
    }

    .luxury-service-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 34px 80px rgba(31, 26, 20, 0.10);
    }

    .luxury-service-card .number {
      display: block;
      color: #b88a1d;
      font-size: 44px;
      line-height: 1;
      font-weight: 800;
      margin-bottom: 38px;
    }

    .luxury-service-card h3 {
      font-family: Georgia, serif;
      font-size: 30px;
      line-height: 1.05;
      font-weight: 700;
      margin: 0 0 20px;
      color: #1f1a14;
    }

    .luxury-service-card p {
      font-size: 17px;
      line-height: 1.7;
      color: #6d6255;
      margin: 0;
    }

    @media (max-width: 1100px) {
      .luxury-services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 650px) {
      .luxury-services-section {
        padding: 70px 5%;
      }

      .luxury-services-grid {
        grid-template-columns: 1fr;
      }

      .luxury-services-header h2 {
        font-size: 40px;
      }
    }
  </style>

  <div class="luxury-services-header">
    <span>Nuestros servicios</span>
    <h2>Soluciones inmobiliarias de alto nivel</h2>
  </div>

  <div class="luxury-services-grid">
    <div class="luxury-service-card">
      <span class="number">01</span>
      <h3>Asesoría inmobiliaria</h3>
      <p>Orientación profesional para tomar decisiones seguras de inversión.</p>
    </div>

    <div class="luxury-service-card">
      <span class="number">02</span>
      <h3>Venta de propiedades</h3>
      <p>Gestionamos el proceso de venta buscando el mejor valor del mercado.</p>
    </div>

    <div class="luxury-service-card">
      <span class="number">03</span>
      <h3>Alquiler de inmuebles</h3>
      <p>Facilitamos operaciones de renta con transparencia y respaldo.</p>
    </div>

    <div class="luxury-service-card">
      <span class="number">04</span>
      <h3>Administración</h3>
      <p>Gestión integral para maximizar rentabilidad y tranquilidad.</p>
    </div>
  </div>
</section>