List

La mesa Profesional Premium combina medidas reglamentarias con materiales de alta calidad: superficie laminada en melamina, patas fijas y bordes de aluminio. Una opción duradera y elegante para hogares, espacios recreativos o comercios que buscan ofrecer una experiencia superior.

Mesa Profesional - Linea Premium

Image carousel

¡Pedila como más te guste!

Pricing Table

Mesa Profesional Premium

Profesional Premium 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 = "proprem";
        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 con Tapa multifunción

Mesa Profesional Premium 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 = "proprem";
        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>

Te ayudamos a elegir la mesa ideal según tus necesidades y estilo, asegurando una compra satisfactoria.