Rental Contract Landing - Copy this React, Tailwind Component to your project
has un landing page usuario para la generación de un contrato de arrendamiento de vivienda habitual. La página está dividida en dos secciones principales: vim Copiar Panel de Configuración del Contrato (izquierda): Un campo de entrada de texto para la "Localidad en la que se firma este contrato", con el valor "SD". Un selector de fecha para la "Fecha en la que se firma este contrato", con la fecha "09/01/2025". Un desplegable para seleccionar el "Número de personas que firman el contrato en tanto que arrendadores (propietario)", con la opción "1" seleccionada. Un botón verde etiquetado como "Paso siguiente". Dos enlaces debajo del botón: "Modificar el modelo" y "Guárdalo (y sigue después)". Vista Preliminar del Contrato (derecha): Un documento con el título "CONTRATO DE ARRENDAMIENTO DE VIVIENDA". Un subtítulo indicando la fecha y lugar de firma: "En SD, a 9 de enero 2025", resaltado en amarillo. Secciones del contrato con encabezados como "REUNIDOS" e "INTERVIENEN". Espacios en blanco en el texto donde deben completarse los datos de los firmantes, incluyendo nombres, DNI/NIF y domicilios. Barra de progreso (parte superior derecha): Una barra de progreso horizontal marcada en azul oscuro, indicando "0%". En general, la página tiene un diseño estructurado para facilitar la personalización y generación de contratos de arrendamiento, con una vista previa dinámica que refleja los datos ingresados en el formulario.
