import React, { useRef, useState } from 'react' import ButtonWrapper from '../Buttons/ButtonWrapper' import Button from '../Buttons/Button' import PhotoPreviewModal from '../Modal/PhotoPreviewModal' import ImportPhotoButton from '../Buttons/ImportPhotoButton' import styles from './PhotoItemCard.module.scss' import useGlobalConfig from '../Contexts/useGlobalConfig' const PhotoItemCard = ({ layout, item }) => { const { getDownloadedItemId } = useGlobalConfig() const [isActivationModelOpen, setOpenActivationModal] = useState(false) const cardRef = useRef(null) const isPhotoImported = !!getDownloadedItemId(item.humane_id) const imageUrl = item.cover_image_urls.w600 || item.cover_image_urls.w400 || item.cover_image_urls.w100 const previewImageUrl = item.cover_image_urls.w1200 || item.cover_image_urls.w1000 || item.cover_image_urls.w600 const backgroundImageInlineStyle = { backgroundImage: `url('${imageUrl}')` } const cardStyle = {} if (layout === 'masonry') { cardStyle.width = `${item.calculatedMasonryWidth}%` backgroundImageInlineStyle.paddingBottom = `${item.aspectRatioHeight}%` } return (
{isPhotoImported ? Imported : null}
{ if (e.target === cardRef.current) { setOpenActivationModal(true) } }} >
{item.title}
{isActivationModelOpen ? ( { setOpenActivationModal(false) }} /> ) : null}
) } export default PhotoItemCard @import ../bower_components/tether/src/css/mixins/pie-clearfix @import ../bower_components/tether/src/css/mixins/inline-block @import ../bower_components/tether/src/css/helpers/tether @import ../bower_components/tether/src/css/helpers/tether-theme-arrows @import ./shepherd-theme-arrows-fix $themePrefix: "shepherd" $themeName: "default" $arrowSize: 16px $arrowPointerEvents: none $backgroundColor: #f6f6f6 $color: #444 $useDropShadow: false $headerBackgroundColor: #e6e6e6 $zIndex: 9999 $maxWidth: 24em +tether($themePrefix: $themePrefix) +tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $arrowPointerEvents: $arrowPointerEvents, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow) // Shepherd specific styles .#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName } z-index: $zIndex max-width: $maxWidth font-size: 1em // Make the arrow 5color the same as the header color when the arrow is on the top &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-center, &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-bottom, &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-bottom &.#{ $themePrefix }-has-title .#{ $themePrefix }-content:before border-bottom-color: $headerBackgroundColor &.#{ $themePrefix }-has-title .#{ $themePrefix }-content header background: $headerBackgroundColor padding: 1em a.shepherd-cancel-link padding: 0 margin-bottom: 0 &.#{ $themePrefix }-has-cancel-link .#{ $themePrefix }-content header h3 float: left .#{ $themePrefix }-content box-shadow: 0 0 0 1px rgba(0, 0, 0, .17) padding: 0 * font-size: inherit header +pie-clearfix border-radius: 5px 5px 0 0 h3 margin: 0 line-height: 1 font-weight: normal a.shepherd-cancel-link float: right text-decoration: none font-size: 1.25em line-height: .8em font-weight: normal color: rgba(0, 0, 0, .5) opacity: 0.25 position: relative top: .1em padding: .8em margin-bottom: -.8em &:hover opacity: 1 .#{ $themePrefix }-text padding: 1em p margin: 0 0 .5em 0 line-height: 1.3em &:last-child margin-bottom: 0 footer padding: 0 1em 1em .#{ $themePrefix }-buttons text-align: right list-style: none padding: 0 margin: 0 li display: inline padding: 0 margin: 0 .shepherd-button +inline-block border-radius: 3px cursor: pointer border: 0 margin: 0 .5em 0 0 font-family: inherit text-transform: uppercase letter-spacing: .1em font-size: .8em line-height: 1em padding: .75em 2em background: #3288e6 color: #fff &.shepherd-button-secondary background: #eee color: #888 &:last-child .shepherd-button margin-right: 0 .#{ $themePrefix }-start-tour-button.#{ $themePrefix }-theme-#{ $themeName } +inline-block border-radius: 3px cursor: pointer border: 0 margin: 0 .5em 0 0 font-family: inherit text-transform: uppercase letter-spacing: .1em font-size: .8em line-height: 1em padding: .75em 2em background: #3288e6 color: #fff
lucky wavemateslotsvegas herobig basswin airline casinorocky spinchickenroad1xbet

Menos consumo.
Más ahorro.

Renovetica Europa le acompaña en su proyecto de rehabilitación energética financiado por programas públicos.

CONTACTO FICHAS CAE
Partner logo placeholder 1
Hero illustration placeholder

Resultados reales, experiencia comprobada

1000+

obras realizadas

Desde nuestra creación, hemos acompañado numerosos proyectos de rehabilitación energética, desde mejoras puntuales hasta renovaciones integrales.

1000+

clientes satisfechos

La satisfacción de nuestros clientes es nuestra prioridad. Ofrecemos un acompañamiento claro, un seguimiento riguroso y resultados visibles en el consumo energético.

5+

anos de experiencia

Contamos con varios años de experiencia en rehabilitación energética y en la gestión de ayudas públicas, garantizando proyectos seguros y eficaces.

Quiénes somos

Su aliado en rehabilitación energética

Renovetica Europa acompaña a los particulares en sus proyectos de renovación energética financiados por programas públicos. Desde el estudio de elegibilidad hasta la ejecución de las obras, simplificamos cada paso para garantizar un proyecto seguro y eficaz.

¿Soy elegible para las ayudas del Estado?

Nuestros expertos analizan su situación gratuitamente y le informan sobre las ayudas disponibles.

¿Qué tipo de obras están incluidas?

Incluimos aislamiento, sistemas de calefacción eficientes y otras mejoras para reducir el consumo energético.

¿Quién gestiona los tramites administrativos?

Nuestro equipo se encarga de la gestión administrativa para simplificar todo el proceso.

¿Tengo que adelantar el dinero?

Segun el proyecto y el programa de ayuda, le guiamos para optimizar su presupuesto y su plan de pago.

Renovacion de vivienda en curso

¿Es propietario de una vivienda, responsable de una comunidad de propietarios, o gestiona un edificio terciario?

Gracias al Real Decreto 36/2023 y al sistema de Certificados de Ahorro Energetico (CAE), su edificio puede beneficiarse de trabajos de aislamiento totalmente financiados, sin ningun coste.

Los CAE son Certificados de Ahorro Energetico que fomentan acciones que reducen el consumo. En el caso del aislamiento, la financiacion puede cubrir el 100 % (materiales y mano de obra), sin coste para usted.

Garantía y certificación

100 % financiado por los CAE

Impacto inmediato

SOLICITE UN ESTUDIO GRATUITO Respuesta en menos de 24 h.
Sin compromiso

¿Cuáles son las ventajas del aislamiento térmico para su vivienda o su empresa?

¡Menos consumo y más confort!

Casos reales : ahorros del 20 al 40 % en calefacción y climatización

Ahorro energético del 40 %

Reducción del consumo de calefacción y climatización gracias a un aislamiento térmico de alto rendimiento.

Confort y productividad

Temperatura interior estable en los edificios, mejorando el confort de los ocupantes y favoreciendo un entorno más agradable.

Cumplimiento normativo

Contribución a los objetivos ESG de las empresas, mejora del rendimiento energético y reducción de la huella de carbono.

Financiación CAE

Subvención a través de los CAE. Sin inversión inicial y con gestión integral llave en mano de principio a fin.

Proceso sencillo, ¿cómo funciona?

Descubra las etapas clave de nuestro proceso de aislamiento. Nuestro enfoque garantiza una ejecución fluida y resultados óptimos.

Tecnico realizando aislamiento en un edificio
1. Contáctenos

Nuestro equipo programará una visita técnica gratuita y sin compromiso para verificar la elegibilidad de su edificio para el programa de subvención.

2. Firma de la oferta a 0 €

Incluye un estudio energético con certificado de eficiencia antes y después de los trabajos de aislamiento. No se requerirá ningún pago. Todo está cubierto por el mecanismo de financiación CAE.

3. Gestión integral del proyecto

Coordinamos la intervención de forma rápida y profesional, sin interferir en la actividad habitual del edificio. Nuestro equipo técnico y administrativo gestiona el proyecto de principio a fin.

Aplicable a centros sanitarios, centros educativos, hoteles, oficinas, restaurantes, comercios, edificios públicos y lugares de culto.

Solicitar un estudio gratuito

Déjenos sus datos y un técnico se pondrá en contacto con usted para programar una visita sin compromiso.

  • Sin coste para su organización
  • Estudio y certificación incluidos
  • Ejecución rápida y coordinada
  • Datos protegidos · RGPD

    Al enviar este formulario, acepto los Términos y Condiciones y la Política de Privacidad.

    Comentarios de clientes

    Muy recomendables. El proceso de aislamiento fue perfecto: un equipo rápido y una instalación muy limpia. El cambio en la temperatura del hogar es inmediato; realmente hay un antes y un después. Se agradece encontrar una empresa tan atenta y profesional. 
¡Gracias por el gran trabajo!

    Juan Hernandez

    Estamos encantados con el servicio. Desde el primer contacto se nota la profesionalidad del equipo, pero lo que más nos ha sorprendido es la limpieza y la rapidez con la que trabajaron; apenas nos dimos cuenta de que estaban en casa. En cuanto al resultado, es increíble lo mucho que se nota el aislamiento. La casa mantiene mucho mejor el calor y hemos reducido el uso de la calefacción desde el primer día.

    Andrés Álvarez Martínez

    Buscábamos mejorar el aislamiento de casa y el resultado ha superado nuestras expectativas. La vivienda está mucho más cálida y el ahorro energético es real. Del equipo destacar la rapidez, escuchan al cliente y la fueron muy respetuosos con nuestro hogar. Una empresa seria y de confianza. ¡100% recomendados!"

    Maria De Los Dolores Mendaña Menendez