templates/new_home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'Layouts/layout.html.twig' %}
  3. {% block title %} Retabit Platform {% endblock %}
  5. {% block content %}
  6. <div class="container pt-3 pb-3">
  8.     <div class="row mt-5">
  9.         
  10.         <div class="col-6 d-flex align-items-stretch">
  11.             <div class="d-flex flex-column  p-3"> <!-- justify-content-center -->
  12.                 <!--<h1 class="fw-bold">{% trans %}Una plataforma para impulsar la rehabilitación sostenible del parque residencial{% endtrans %}</h1>
  13.                 <h4 class="mb-3">{% trans %}RETABIT facilita el análisis integral y la planificación de proyectos de renovación para promover la descarbonización del parque edificado y el desarrollo sostenible{% endtrans %}</h4>
  14.                 <p class="mb-3">{% trans %}La plataforma RETABIT permite realizar un análisis integral del potencial de renovación de los edificios residenciales en un municipio, integrando diversas fuentes de datos como el catastro, certificados energéticos, demografía, costes de vivienda, nivel de ingresos de los habitantes, y accesibilidad a los equipamientos públicos, entre otros.{% endtrans %}</p>
  15.                 <p class="mb-3">{% trans %}En la evaluación del potencial de renovación se aplican indicadores que combinan los aspectos ambientales, económicos y sociales, fundamentales para el desarrollo sostenible de las ciudades. Esta evaluación global del estado de cada inmueble permite identificar las áreas y tipos de edificios que requieren atención, priorizando las intervenciones en función del impacto ambiental, los costes de renovación y el impacto socioeconómico y urbano.{% endtrans %}</p>
  16.                 <p class="mb-3">{% trans %}Las funcionalidades de la plataforma incluyen{% endtrans %}:</p>  
  17.                 <ul style="list-style-position: inside;">
  18.                     <li class="mb-2">
  19.                         <span class="color_green fw-bold">{% trans %}ANALIZAR (acceso público){% endtrans %}: </span> {% trans %}Evaluar el estado de los edificios residenciales en un municipio a partir de los datos integrados disponibles.{% endtrans %}
  21.                     </li>
  22.                     <li>
  23.                         <span class="color_green fw-bold">{% trans %}PLANIFICAR (requiere registro previo){% endtrans %}: </span> {% trans %}Desarrollar proyectos de reforma para un conjunto de edificios y evaluar el impacto de las medidas de renovación.{% endtrans %}
  24.                     </li>
  25.                 </ul>-->
  27.                 <h1 class="fw-bold mb-4"><span class="color_green fw-bold">{% trans %}RETABIT Platform{% endtrans %}:</span> {% trans %}Transforming cities through data-driven building renovation{% endtrans %}</h1>
  28.                 <h4 class="mb-3">RETABIT {% trans %}is a platform that supports integrated analysis and planning of renovation projects, aiming to facilitate the decarbonization of the building stock and promote sustainable urban development.<br><br>It consists of two tools{% endtrans %}: <span class="color_green fw-bold">RETABIT {% trans %}Analyse{% endtrans %}</span> {% trans %}and{% endtrans %} <span class="color_green fw-bold">RETABIT {% trans %}Plan{% endtrans %}</span></h4>
  30.             </div>
  31.         </div>
  32.     
  33.         <div class="col-6 d-flex align-items-stretch" style=""> <!-- margin-top: 80px;-->
  34.             <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
  35.                 <div class="carousel-indicators">
  36.                     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  37.                     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  38.                     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
  39.                     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
  40.                     <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
  41.                    <!-- <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 6"></button>-->
  42.                 </div>
  43.                 <div class="carousel-inner">
  44.                     <!--<div class="carousel-item active">
  45.                         <img src="{{ asset('img/retabit_platform_1.png') }}" alt="Retabit" class="img-fluid">
  46.                     </div>-->
  47.                     <div class="carousel-item active">
  48.                         <img src="{{ asset('img/retabit_platform_2.png') }}" alt="Retabit" class="img-fluid">
  49.                     </div>
  50.                     <div class="carousel-item">
  51.                         <img src="{{ asset('img/retabit_platform_3.png') }}" alt="Retabit" class="img-fluid">
  52.                     </div>
  53.                     <div class="carousel-item">
  54.                         <img src="{{ asset('img/retabit_platform_4.png') }}" alt="Retabit" class="img-fluid">
  55.                     </div>
  56.                     <div class="carousel-item">
  57.                         <img src="{{ asset('img/retabit_platform_5.png') }}" alt="Retabit" class="img-fluid">
  58.                     </div>
  59.                     <div class="carousel-item">
  60.                         <img src="{{ asset('img/retabit_platform_6.png') }}" alt="Retabit" class="img-fluid">
  61.                     </div>
  62.                 </div>
  63.                 <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
  64.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  65.                     <span class="visually-hidden">Previous</span>
  66.                 </button>
  67.                 <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
  68.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  69.                     <span class="visually-hidden">Next</span>
  70.                 </button>
  71.             </div>
  72.            
  73.         </div>
  74.     
  75.     </div>
  77.     <div class="row mt-5 mb-5">
  78.     
  79.         <div class="col-12">
  80.             <div class="row justify-content-center align-items-stretch w-100">
  81.                 <div class="col-6 d-flex justify-content-center align-items-stretch mb-3">
  83.                     <a class="btn btn-home w-100 h-100 p-5" href="{{ path('app_analytic_home')}}">
  85.                         <div class="row justify-content-center align-items-center">
  86.                             <div class="col-4">
  87.                                 <img src="{{ asset('img/icon_explora.png') }}" alt="Retabit descubre" class="img-fluid">
  88.                             </div>
  89.                             <div class="col" style="text-align: left;">
  90.                                 <h4><span class="color_green fw-bold">{% trans %}ANALIZA{% endtrans %}</span><br>{% trans %}Explore and assess the condition of a municipality’s residential building stock using integrated data and interactive visuals.{% endtrans %}</h4>
  91.                             </div>
  92.                         </div>
  94.                         <!--<div class="d-inline-block float-start">
  95.                             <img src="{{ asset('img/icon_explora.png') }}" alt="Retabit descubre" class="img-fluid">
  96.                         </div>
  97.                         <div class="d-inline-block text-start py-4 px-2">
  98.                             <h4><span class="color_green fw-bold">{% trans %}ANALIZA{% endtrans %}</span><br>{% trans %}Explore and assess the condition of a municipality’s residential building stock using integrated data and interactive visuals.{% endtrans %}</h4>                            
  99.                         </div>-->
  100.                     </a>
  101.                 </div>
  103.                 <div class="col-6 d-flex justify-content-center align-items-stretch mb-3">
  105.                     <a class="btn btn-home w-100 h-100 p-5" href="{{ path('app_login')}}">
  107.                         <div class="row justify-content-center align-items-center">
  108.                             <div class="col-4">
  109.                                 <img src="{{ asset('img/icon_planifica.png') }}" alt="Retabit planifica" class="img-fluid">
  110.                             </div>
  111.                             <div class="col" style="text-align: left;">
  112.                                 <h4><span class="color_green fw-bold">{% trans %}PLANIFICA{% endtrans %}</span><br>{% trans %}Design renovation projects for groups of buildings and simulate the impact of different renovation measures.{% endtrans %}</h4>
  113.                             </div>
  114.                         </div>
  117.                         <!--<div class="d-inline-block float-start">
  118.                             <img src="{{ asset('img/icon_planifica.png') }}" alt="Retabit planifica" class="img-fluid">
  119.                         </div>
  120.                         <div class="d-inline-block text-start py-4 px-2">
  121.                             <h4><span class="color_green fw-bold">{% trans %}PLANIFICA{% endtrans %}</span><br>{% trans %}Design renovation projects for groups of buildings and simulate the impact of different renovation measures.{% endtrans %}</h4>
  122.                             
  123.                         </div>-->
  124.                     </a>
  125.                 </div>
  127.             </div>
  128.         </div>
  129.         
  130.         
  131.     </div>
  133. </div>
  135. <div class="container-color py-5">
  136.     <div class="container">
  137.         <div class="row justify-content-between">
  138.             
  139.             <div class="col-6">
  140.                 <h2 class="fw-bold w-50">{% trans %}What RETABIT can reveal about your city’s buildings{% endtrans %}</h2>
  141.             </div>
  143.             <div class="col-5 offset-md-1">
  144.                 <ul>
  145.                     <li class="mb-3 fs-6">
  146.                         {% trans %}The platform makes it possible to assess the renovation potential of residential buildings in a municipality by integrating key data such as cadastral information, energy certificates, demographics, housing costs, income levels, and accessibility to public amenities, among others.{% endtrans %}
  148.                     </li>
  149.                     <li class="mb-2 fs-6">
  150.                         {% trans %}Through indicators that combine environmental, economic, and social criteria, RETABIT provides a holistic view of the residential building stock. This allows for the identification of priority areas and building typologies that require intervention, optimising decisions based on environmental impact, renovation costs, and the socio-economic benefits for the community.{% endtrans %}
  151.                     </li>
  152.                 </ul>
  153.             </div>
  154.         </div>
  155.     </div>
  156. </div>
  158. <div class="container py-5 mb-5">
  159.     <div class="row">
  160.         
  161.         <div class="col-5">
  162.             <p class="pb-3 fs-6">{% trans %}In the Mirasol neighbourhood of Sant Cugat del Vallès, in the province of Barcelona, Retabit has been applied to design a Local Energy Community (LEC) where neighbours, businesses, and public institutions can generate, share, and manage renewable energy locally—ensuring that the environmental and financial benefits stay within the community.{% endtrans %}</p>
  164.             <p class="pb-3 fs-6">{% trans %}Using{% endtrans %} <a style="text-decoration:none;" href="{{ path('app_analytic_home')}}"><span class="color_green fw-bold">Retabit {% trans %}Analyse{% endtrans %}</span></a> {% trans %}and{% endtrans %} <a style="text-decoration:none;" href="{{ path('app_login')}}"><span class="color_green fw-bold">Retabit {% trans %}Plan{% endtrans %}</span></a>, {% trans %}municipal experts identified 218 residential buildings that could either supply surplus solar energy or benefit from shared renewable power—prioritising vulnerable households and high-energy consumers. {% endtrans %}</p>
  166.             <p  class="pb-3 fs-6">{% trans %}The analysis combined technical data, socio-economic indicators, and spatial data to target renovation efforts where they can deliver the greatest impact.{% endtrans %}</p>
  168.             <a href="{{ path('view-application', {'title': 'enabling-a-local-energy-community-in-the-mirasol-neighbourhood'} )}}" class="btn btn-terciary mt-4">{% trans %}Read more{% endtrans %}</a>
  169.         </div>
  171.         <div class="col-5 offset-md-2">
  172.             <h2 class="fw-bold w-50 mb-5">{% trans %}How RETABIT supports Mirasol’s energy community{% endtrans %}</h2>
  173.             <img src="{{ asset('img/application_8.png') }}" class="w-100"/>
  174.         </div>
  176.     </div>
  177. </div>
  179. <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  180. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  181. <script type="text/javascript">
  183.     
  185. </script>
  187. {% endblock %}