Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. Viderer feugiat at pro, mea aperiam
import React, { useState, useMemo } from ‘react’;
import {
Compass,
Wind,
Droplet,
Shield,
Volume2,
Thermometer,
Weight,
CheckCircle,
Sparkles,
Leaf,
Layers,
Info
} from ‘lucide-react’;
// — DATOS DEL PRODUCTO EXTRAÍDOS DEL VÍDEO —
const VARIANTS = [
{
id: ‘2r-standard’,
title: ‘2 raíles, hojas móviles o fijas’,
subtitle: ‘La opción clásica de máxima luz’,
imageUrl: ‘https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=800&q=80’,
description: ‘La opción clásica de máxima optimización de espacio con un deslizamiento suave, silencioso y de perfilería minimalista.’,
maxWeight: 250,
rails: ‘2 Raíles’,
svgType: ‘two-rails’
},
{
id: ‘3r-elevable’,
title: ‘Elevable 3 raíles a marco’,
subtitle: ‘Gran formato sin esfuerzo’,
imageUrl: ‘https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=800&q=80’,
description: ‘Permite alojar vidrios de gran espesor y hojas de grandes dimensiones con sistema de elevación asistida para un rodamiento sin esfuerzo.’,
maxWeight: 350,
rails: ‘3 Raíles’,
svgType: ‘three-rails-lift’
},
{
id: ‘3r-standard’,
title: ‘Versión corredera 3 raíles’,
subtitle: ‘Triple carril deslizante’,
imageUrl: ‘https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=800&q=80’,
description: ‘Permite recoger hasta dos tercios de la apertura total apilando las hojas de forma solapada en un solo lateral.’,
maxWeight: 250,
rails: ‘3 Raíles’,
svgType: ‘three-rails’
},
{
id: ‘elev-fijo’,
title: ‘Elevable + fijo directo a marco’,
subtitle: ‘Elegancia asimétrica’,
imageUrl: ‘https://images.unsplash.com/photo-1600566753376-12c8ab7fb75b?auto=format&fit=crop&w=800&q=80’,
description: ‘Combina una sección fija integrada directamente en el propio marco de obra con una hoja móvil elevable de alta gama.’,
maxWeight: 350,
rails: ‘2 Raíles’,
svgType: ‘elevable-fixed’
}
];
export default function App() {
const [selectedVariant, setSelectedVariant] = useState(0);
const [hiddenFrameSlider, setHiddenFrameSlider] = useState(50); // slider de marcos ocultos
// State de calculadora integrada de peso de hoja (250kg vs 350kg)
const [calcWidth, setCalcWidth] = useState(2.4);
const [calcHeight, setCalcHeight] = useState(2.2);
const [glassThickness, setGlassThickness] = useState(24);
const [isElevable, setIsElevable] = useState(false);
// Cálculo de peso de vidrio estimado (2.5 kg por m2 por mm de espesor)
const computedWeight = useMemo(() => {
const area = calcWidth * calcHeight;
const weight = area * glassThickness * 2.5;
return Math.round(weight * 10) / 10;
}, [calcWidth, calcHeight, glassThickness]);
const maxAllowedWeight = isElevable ? 350 : 250;
const isWeightFeasible = computedWeight <= maxAllowedWeight;
const currentVariant = VARIANTS[selectedVariant];
return (
{/* SECCIÓN 1: INTRODUCCIÓN OFICIAL DEL PRODUCTO */}
Ficha de Producto Especializada
Corredera ESBELTAL
La Corredera ESBELTAL es la solución definitiva para quienes buscan un diseño minimalista sin renunciar a las máximas prestaciones técnicas. Gracias a su ingeniería de vanguardia, este sistema redefine el concepto de ventana corredera, ofreciendo la posibilidad de convertirse en una solución elevable según las necesidades de cada proyecto.
{/* Visual de Alta Gama */}
{/* SECCIÓN 2: VARIANTES INTERACTIVAS Y ESQUEMA DE GUÍAS */}
{/* SECCIÓN 3: MÁXIMA VERSATILIDAD (Carga y Peso) */}
Capacidad de Carga
Máxima versatilidad técnica
Este sistema ofrece una gran capacidad de carga y adaptación según el tipo de apertura. En sus variantes con rotura de puente térmico, la versión corredera es capaz de soportar hasta 250 kg por hoja, mientras que la versión elevable aumenta su resistencia hasta alcanzar un peso máximo de 350 kg por hoja.
Corredera Estándar250 kg
Límite recomendado para perfiles con deslizamiento estándar.
Versión Elevable350 kg
Mecanismo con herrajes reforzados para hojas de gran formato.
{/* SECCIÓN 4: INTERACTIVO DE MARCOS OCULTOS (Estilo Azul Océano del vídeo #00334a) */}
Integración Perimetral
Marcos Ocultos
Orientado a un diseño estético y minimalista, el perfil de este sistema permite una integración discreta en la arquitectura. El marco puede instalarse de forma que quede escondido detrás del muro, logrando que la estructura sea parcialmente invisible desde la vista exterior.
Resultado arquitectónico
Un 98% de superficie acristalada visible, optimizando las vistas y maximizando la eficiencia lumínica.
Usa el deslizador para comparar el marco visto frente al oculto
{/* Container del Slider */}
{/* Capa Base: Instalación Convencional */}
Instalación Convencional
{/* Capa Deslizable: ESBELTAL Marco Oculto */}
Perfil Oculto ESBELTAL
{/* Slider Controls */}
Marco Visto
setHiddenFrameSlider(e.target.value)}
className=»flex-1 accent-sky-400 h-1 bg-slate-800 rounded-lg appearance-none cursor-pointer»
/>
Marco Oculto
{/* SECCIÓN 5: CONFORT Y VALORES DE ENSAYO (Dashboard) */}
{/* Info Text Left */}
Prestaciones Homologadas
Confort y accesibilidad
El sistema destaca por ofrecer un alto equilibrio entre confort y resistencia, según sus especificaciones técnicas. En cuanto a aislamiento, logra una transmitancia térmica de hasta 1,4 W/m²K y una reducción acústica de -36 dBA, lo que garantiza un ambiente interior eficiente y silencioso.
Ensayos oficiales realizados en laboratorio sobre balconera estándar de dos hojas de 2.40 metros de ancho por 2.40 metros de alto.
Proporcionamos soluciones de alto rendimiento y nuestro aluminio incorpora al menos un 75% de material reciclado, además de ser reciclable en un 95%.
Una reducida huella de CO₂
Emisiones certificadas de tan solo 1,9 kg de CO₂eq por kg de aluminio, disminuyendo significativamente el impacto de la construcción.
Declaración Ambiental (DAP)
Transparencia certificada mediante auditoría del ciclo de vida del producto para cumplimiento de certificaciones LEED/BREEAM.
Economía Circular Activa
El material se puede fundir y reincorporar de forma indefinida en nuevos perfiles estructurales de alta gama.
{/* SECCIÓN 7: MANILLAS */}
Detalles de Vanguardia
Manillas
Diseños ergonómicos y sofisticados que aportan carácter a cada apertura. Nuestra gama de manillas combina estética vanguardista con una funcionalidad excepcional para adaptarse a cualquier estilo. Cuenta con adaptaciones especiales para el accionamiento de los mecanismos de hoja elevable.
{/* Render del herraje de manilla premium */}
{/* Esbozo Vectorial de la Manilla */}
Elevables
Gama Ergonómica
Mecanismos asistidos que optimizan la tracción facilitando el deslizamiento de grandes pesos.
{/* SECCIÓN 8: CALCULADORA INTEGRADA DE VIABILIDAD Y PESO */}
Planificador Técnico
Calculador de Viabilidad de Hoja
Ingresa el ancho y alto estimado del vano que quieres acristalar junto al grosor de vidrio deseado para determinar instantáneamente el peso por hoja y comprobar su viabilidad técnica en los perfiles ESBELTAL.
✓ Configuración viable para el herraje ESBELTAL seleccionado.
) : (
⚠️ El peso supera el límite. Te recomendamos activar la opción «mecanismo Elevable».
)}
);
}
Usamos cookies para asegurar que te damos la mejor experiencia en nuestra web. Si continúas usando este sitio, asumiremos que estás de acuerdo con ello.
