List

La mesa Profesional Premium Full incluye las cualidades de la mesa Premium, agregando un sistema de recolección automático de bolas para una mayor comodidad en el juego.

Mesa Profesional Premium Full

Image carousel

¡Pedila como más te guste!

Pricing Table

Mesa Profesional Premium Full con accesorios

Embed

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mesa Mini - Sin Tapa</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/papaparse@5.4.1/papaparse.min.js"></script>
    <style>
      .mesa-mini-container {
        font-family: 'Poppins', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 0;
      }

      .mesa-mini-price-card {
        background: #feffff;
        border-radius: 4px;
        border: 1px solid #E9E3E3;
        padding: 30px;
        text-align: center;
        display: inline-block;
        width: auto;
      }

      .mesa-mini-price-display {
        margin-bottom: 20px;
      }

      .mesa-mini-price-value {
        font-size: 3em;
        font-weight: bold;
        color: #2c2c2c;
        margin-bottom: 8px;
        line-height: 1;
      }

      .mesa-mini-payment-method {
        color: #666;
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 25px;
      }

      .mesa-mini-cta-button {
        background: #574242;
        color: #FFF0EC;
        border: none;
        padding: 7px 30px;
        border-radius: 90px;
        cursor: pointer;
        font-size: 1.1em;
        font-weight: 600;
        transition: all 0.3s ease;
        text-transform: none;
      }

      .mesa-mini-cta-button:hover {
        background: #4a3226;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(94, 64, 51, 0.3);
      }

      .mesa-mini-loading {
        text-align: center;
        color: #666;
        font-size: 1.2em;
        padding: 40px;
      }

      .mesa-mini-error {
        color: #d9534f;
        text-align: center;
        font-weight: bold;
        background: #f8d7da;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #f5c6cb;
      }

      .mesa-mini-last-update {
        font-size: 0.8em;
        color: #999;
        margin-top: 15px;
        font-style: italic;
      }

      @media (max-width: 768px) {
        .mesa-mini-price-value {
          font-size: 2.5em;
        }

        .mesa-mini-price-card {
          padding: 20px;
        }
      }
    </style>
  </head>
  <body>
    <div class="mesa-mini-container">
      <div id="mesa-mini-sin-tapa">
        <div class="mesa-mini-loading">
          Cargando precio...
        </div>
      </div>
    </div>

    <script>
      (function() {
        const sheetUrl = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTHAawG7D9EROUGduKBnhCaCsjXc44STgsy_tSb3AetxnZ4rBUEXIBLeJyAZbGO8nYMEoDNZDqbUXtG/pub?gid=0&single=true&output=csv";
        const fixedPaymentMethod = "Abonando en efectivo o transferencia";
        const targetProductName = "profull";
        const priceType = "preciosintapa"; // SIN TAPA
        
        let updateInterval;

        function formatPrice(price) {
          if (!price || price === '') return 'Consultar precio';
          if (price.toString().includes('$')) return price;
          
          const numPrice = parseFloat(price.toString().replace(/[^\d.-]/g, ''));
          if (!isNaN(numPrice)) {
            return '$' + numPrice.toLocaleString('es-AR');
          }
          return price;
        }

        function loadPriceData() {
          // Agregar timestamp para evitar caché del navegador
          const urlWithTimestamp = sheetUrl + '&t=' + Date.now();
          
          Papa.parse(urlWithTimestamp, {
            download: true,
            header: true,
            skipEmptyLines: true,
            transformHeader: header => header.trim(),

            complete: function(results) {
              const products = results.data;
              const contenedor = document.getElementById("mesa-mini-sin-tapa");
              const lastUpdate = new Date().toLocaleString('es-AR');

              if (products && products.length > 0) {
                const product = products.find(p =>
                  p.nombre && p.nombre.toLowerCase().trim() === targetProductName.toLowerCase()
                );

                if (product) {
                  const priceValue = formatPrice(product[priceType]);

                  contenedor.innerHTML = `
                    <div class="mesa-mini-price-card">
                      <div class="mesa-mini-price-display">
                        <div class="mesa-mini-price-value">${priceValue}</div>
                      </div>

                      <div class="mesa-mini-payment-method">${fixedPaymentMethod}</div>

                      <button class="mesa-mini-cta-button" onclick="window.open('https://poolfactory4.durablesites.com/contacto', '_blank')">
                        Más información
                      </button>
                      
                      <div class="mesa-mini-last-update">
                        Actualizado: ${lastUpdate}
                      </div>
                    </div>
                  `;
                } else {
                  contenedor.innerHTML = `
                    <div class="mesa-mini-error">
                      No se encontró el producto "${targetProductName}".
                    </div>
                  `;
                }
              } else {
                contenedor.innerHTML = `
                  <div class="mesa-mini-error">
                    Error al cargar los datos del CSV.
                  </div>
                `;
              }
            },

            error: function(err, file, inputElem, reason) {
              console.error("Error parsing CSV:", err, reason);
              const contenedor = document.getElementById("mesa-mini-sin-tapa");
              contenedor.innerHTML = `
                <div class="mesa-mini-error">
                  Error al cargar los datos.
                </div>
              `;
            }
          });
        }

        // Función para inicializar cuando todo esté listo
        function initialize() {
          // Cargar datos inmediatamente al cargar la página
          loadPriceData();

          // Configurar actualización automática cada 5 minutos (300000 ms)
          // Puedes cambiar este valor: 60000 = 1 minuto, 300000 = 5 minutos
          updateInterval = setInterval(loadPriceData, 300000);
        }

        // Esperar a que tanto el DOM como Papa Parse estén listos
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', initialize);
        } else {
          // Si ya está cargado, ejecutar inmediatamente
          initialize();
        }

        // Limpiar el interval cuando se cierre/recargue la página
        window.addEventListener('beforeunload', function() {
          if (updateInterval) {
            clearInterval(updateInterval);
          }
        });

        // También actualizar cuando la página recupere el foco (cuando el usuario vuelva a la pestaña)
        document.addEventListener('visibilitychange', function() {
          if (!document.hidden) {
            loadPriceData();
          }
        });

      })();
    </script>
  </body>
</html>

Mesa Profesional Premium Full con tapa multifunción

Mesa Profesional Premium Full multifunción

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mesa Mini - Con Tapa</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/papaparse@5.4.1/papaparse.min.js"></script>
    <style>
      .mesa-mini-container {
        font-family: 'Poppins', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 0;
      }

      .mesa-mini-price-card {
        background: white;
        border-radius: 4px;
        padding: 30px;
      //  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        text-align: center;
        display: inline-block;
        width: auto;
      }

      .mesa-mini-price-display {
        margin-bottom: 20px;
      }

      .mesa-mini-price-value {
        font-size: 3em;
        font-weight: bold;
        color: #2c2c2c;
        margin-bottom: 8px;
        line-height: 1;
      }

      .mesa-mini-payment-method {
        color: #666;
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 25px;
      }

      .mesa-mini-cta-button {
        background: #574242;
        color: white;
        border: none;
        padding: 7px 30px;
        border-radius: 90px;
        cursor: pointer;
        font-size: 1.1em;
        font-weight: 600;
        transition: all 0.3s ease;
        text-transform: none;
      }

      .mesa-mini-cta-button:hover {
        background: #4a3226;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(94, 64, 51, 0.3);
      }

      .mesa-mini-loading {
        text-align: center;
        color: #666;
        font-size: 1.2em;
        padding: 40px;
      }

      .mesa-mini-error {
        color: #d9534f;
        text-align: center;
        font-weight: bold;
        background: #f8d7da;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #f5c6cb;
      }

      .mesa-mini-last-update {
        font-size: 0.8em;
        color: #999;
        margin-top: 15px;
        font-style: italic;
      }

      @media (max-width: 768px) {
        .mesa-mini-price-value {
          font-size: 2.5em;
        }

        .mesa-mini-price-card {
          padding: 20px;
        }
      }
    </style>
  </head>
  <body>
    <div class="mesa-mini-container">
      <div id="mesa-mini-con-tapa">
        <div class="mesa-mini-loading">
          Cargando precio...
        </div>
      </div>
    </div>

    <script>
      (function() {
        const sheetUrl = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTHAawG7D9EROUGduKBnhCaCsjXc44STgsy_tSb3AetxnZ4rBUEXIBLeJyAZbGO8nYMEoDNZDqbUXtG/pub?gid=0&single=true&output=csv";
        const fixedPaymentMethod = "Abonando en efectivo o transferencia";
        const targetProductName = "profull";
        const priceType = "preciocontapa"; // CON TAPA
        
        let updateInterval;

        function formatPrice(price) {
          if (!price || price === '') return 'Consultar precio';
          if (price.toString().includes('$')) return price;
          
          const numPrice = parseFloat(price.toString().replace(/[^\d.-]/g, ''));
          if (!isNaN(numPrice)) {
            return '$' + numPrice.toLocaleString('es-AR');
          }
          return price;
        }

        function loadPriceData() {
          // Agregar timestamp para evitar caché del navegador
          const urlWithTimestamp = sheetUrl + '&t=' + Date.now();
          
          Papa.parse(urlWithTimestamp, {
            download: true,
            header: true,
            skipEmptyLines: true,
            transformHeader: header => header.trim(),

            complete: function(results) {
              const products = results.data;
              const contenedor = document.getElementById("mesa-mini-con-tapa");
              const lastUpdate = new Date().toLocaleString('es-AR');

              if (products && products.length > 0) {
                const product = products.find(p =>
                  p.nombre && p.nombre.toLowerCase().trim() === targetProductName.toLowerCase()
                );

                if (product) {
                  const priceValue = formatPrice(product[priceType]);

                  contenedor.innerHTML = `
                    <div class="mesa-mini-price-card">
                      <div class="mesa-mini-price-display">
                        <div class="mesa-mini-price-value">${priceValue}</div>
                      </div>

                      <div class="mesa-mini-payment-method">${fixedPaymentMethod}</div>

                      <button class="mesa-mini-cta-button" onclick="window.open('https://poolfactory4.durablesites.com/contacto', '_blank')">
                        Más información
                      </button>
                      
                      <div class="mesa-mini-last-update">
                        Actualizado: ${lastUpdate}
                      </div>
                    </div>
                  `;
                } else {
                  contenedor.innerHTML = `
                    <div class="mesa-mini-error">
                      No se encontró el producto "${targetProductName}".
                    </div>
                  `;
                }
              } else {
                contenedor.innerHTML = `
                  <div class="mesa-mini-error">
                    Error al cargar los datos del CSV.
                  </div>
                `;
              }
            },

            error: function(err, file, inputElem, reason) {
              console.error("Error parsing CSV:", err, reason);
              const contenedor = document.getElementById("mesa-mini-con-tapa");
              contenedor.innerHTML = `
                <div class="mesa-mini-error">
                  Error al cargar los datos.
                </div>
              `;
            }
          });
        }

        // Función para inicializar cuando todo esté listo
        function initialize() {
          // Cargar datos inmediatamente al cargar la página
          loadPriceData();

          // Configurar actualización automática cada 5 minutos (300000 ms)
          // Puedes cambiar este valor: 60000 = 1 minuto, 300000 = 5 minutos
          updateInterval = setInterval(loadPriceData, 300000);
        }

        // Esperar a que tanto el DOM como Papa Parse estén listos
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', initialize);
        } else {
          // Si ya está cargado, ejecutar inmediatamente
          initialize();
        }

        // Limpiar el interval cuando se cierre/recargue la página
        window.addEventListener('beforeunload', function() {
          if (updateInterval) {
            clearInterval(updateInterval);
          }
        });

        // También actualizar cuando la página recupere el foco (cuando el usuario vuelva a la pestaña)
        document.addEventListener('visibilitychange', function() {
          if (!document.hidden) {
            loadPriceData();
          }
        });

      })();
    </script>
  </body>
</html>

Devuelve la vida a tus mesas de pool antiguas con nuestro servicio experto en restauración y renovación.