%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/chroot/genicrea/saggitadev/
Upload File :
Create Path :
Current File : /var/www/chroot/genicrea/saggitadev/index.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Saggita | Venta de Terrenos</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap">
  <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">
  <link rel="stylesheet" href="css/estilos.css">
  <style>
    body {
      background: linear-gradient(135deg, #0f2027, #2c5364);
      color: #fff;
      font-family: 'Montserrat', Arial, sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .landing-container {
      margin: 7vh auto 0 auto;
      max-width: 600px;
      background: rgba(255,255,255,0.09);
      border-radius: 18px;
      box-shadow: 0 8px 32px 0 rgba(31,38,135,0.37);
      padding: 2.5rem 2rem 2rem 2rem;
      backdrop-filter: blur(6px);
      text-align: center;
    }
    .logo {
      width: 140px;
      margin-bottom: 1.5rem;
    }
    h1 {
      font-size: 2.3rem;
      font-weight: 700;
      margin-bottom: 1rem;
      color: #00c3ff;
    }
    .lead {
      font-size: 1.15rem;
      margin-bottom: 2rem;
      color: #e0e0e0;
    }
    .mdc-list {
      background: transparent;
      color: #fff;
      margin-bottom: 2rem;
    }
    .contacto-box {
      background: rgba(0,195,255,0.13);
      border-left: 4px solid #00c3ff;
      padding: 1rem 1.2rem;
      border-radius: 8px;
      margin-bottom: 1.5rem;
      color: #fff;
      text-align: left;
    }
    .cta-btn {
      background: linear-gradient(90deg, #00c3ff 0%, #2c5364 100%);
      border: none;
      font-weight: 700;
      letter-spacing: 1px;
      padding: 0.7rem 2.2rem;
      border-radius: 30px;
      transition: background 0.2s;
      color: #fff;
      margin-top: 1.2rem;
      font-size: 1.1rem;
      text-decoration: none;
      display: inline-block;
    }
    .cta-btn:hover {
      background: linear-gradient(90deg, #2c5364 0%, #00c3ff 100%);
    }
    footer {
      margin-top: auto;
      text-align: center;
      color: #b0b0b0;
      font-size: 0.95rem;
      padding: 1.5rem 0 0.5rem 0;
    }
  </style>
</head>
<body>
  <div class="landing-container">
    <img src="https://saggita.com.mx/wp-content/uploads/2023/09/logo-saggita.png" alt="Saggita Logo" class="logo">
    <h1>Venta de Terrenos Exclusivos</h1>
    <p class="lead">Invierte en tu futuro con terrenos en ubicaciones privilegiadas. Seguridad, plusvalía y asesoría personalizada.<br>¡Pregunta por nuestras promociones!</p>
    <ul class="mdc-list" id="lista-terrenos">
      <!-- JS insertará aquí los terrenos -->
    </ul>
    <div class="contacto-box">
      <strong>¿Te interesa alguno?</strong><br>
      Contáctanos:<br>
      <a href="mailto:ventas@saggita.com.mx" style="color:#00c3ff;text-decoration:underline;">ventas@saggita.com.mx</a><br>
      <a href="https://wa.me/5215555555555" target="_blank" style="color:#00c3ff;text-decoration:underline;">WhatsApp</a>
    </div>
    <a href="#" class="cta-btn" onclick="window.scrollTo({top:document.body.scrollHeight,behavior:'smooth'});return false;">Solicita información</a>
  </div>
  <footer>
    &copy; 2026 Saggita. Todos los derechos reservados.
  </footer>
  <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
  <script src="js/main.js"></script>
  <script>
    mdc.autoInit();
    // Demo rápida de terrenos
    const terrenos = [
      { nombre: 'Terreno Premium', ubicacion: 'Querétaro', precio: '$1,200,000', disponible: true },
      { nombre: 'Terreno Residencial', ubicacion: 'CDMX', precio: '$950,000', disponible: false },
      { nombre: 'Terreno Plus', ubicacion: 'Monterrey', precio: '$1,500,000', disponible: true }
    ];
    const lista = document.getElementById('lista-terrenos');
    if (lista) {
      lista.innerHTML = terrenos.map(t => `
        <li class="mdc-list-item${t.disponible ? '' : ' mdc-list-item--disabled'}">
          <span class="mdc-list-item__text">
            <strong>${t.nombre}</strong> - ${t.ubicacion} <br>
            <span style=\"color:#00c3ff;\">${t.precio}</span>
            ${t.disponible ? '<span class="badge-disponible">Disponible</span>' : '<span class="badge-no">No disponible</span>'}
          </span>
        </li>
      `).join('');
    }
  </script>
</body>
</html>

Zerion Mini Shell 1.0