libreria-astro-lefebvre 0.2.2 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -25
- package/package.json +1 -1
- package/src/carbins/Author_2025_Algarve.ts +2 -2
- package/src/carbins/Boton_2026_Elx.ts +2 -2
- package/src/carbins/CTA_2025_Formentera.ts +4 -4
- package/src/carbins/Calculadora_2026_Lisboa.ts +2 -2
- package/src/carbins/Card_2025_Malta.ts +1 -1
- package/src/carbins/Contenido_2025_Montevideo.ts +1 -1
- package/src/carbins/Contenido_2026_Denia.ts +3 -3
- package/src/carbins/Contenido_2026_Huesca.ts +2 -2
- package/src/carbins/Contenido_2026_Lleida.ts +1 -1
- package/src/carbins/Contenido_2026_Marruecos.ts +4 -4
- package/src/carbins/Contenido_2026_Moraira.ts +3 -3
- package/src/carbins/Contenido_2026_Mostoles.ts +5 -5
- package/src/carbins/Contenido_2026_Quito.ts +2 -2
- package/src/carbins/Contenido_2026_Ubeda.ts +1 -1
- package/src/carbins/Enlace_2025_Venecia.ts +2 -2
- package/src/carbins/FAQ_2026_Takayama.ts +2 -2
- package/src/carbins/Formulario_2025_Seul.ts +0 -8
- package/src/carbins/Hero_2026_Lliria.ts +1 -1
- package/src/carbins/Imagen_2025_Bogota.ts +1 -1
- package/src/carbins/Mapa_2026_Girona.ts +4 -4
- package/src/carbins/Modal_2025_Sagunto.ts +3 -3
- package/src/carbins/Modal_2026_Almeria.ts +3 -3
- package/src/carbins/Separador_2025_Reinosa.ts +3 -3
- package/src/carbins/Separador_2025_Toledo.ts +1 -1
- package/src/carbins/Separador_2026_Teulada.ts +1 -1
- package/src/carbins/SpectrumSeparator.ts +1 -1
- package/src/carbins/Tag_2025_Bolonia.ts +3 -3
- package/src/carbins/TextImageHeader.ts +1 -1
- package/src/carbins/Texto_2025_Kyoto.ts +3 -11
- package/src/carbins/Texto_2026_Alicante.ts +5 -5
- package/src/carbins/Titulo_2025_Algeciras.ts +13 -4
- package/src/carbins/Titulo_2025_Santorini.ts +3 -3
- package/src/components/Astro/Author_2025_Algarve.astro +4 -4
- package/src/components/Astro/Boton_2026_Elx.astro +5 -5
- package/src/components/Astro/Button.astro +1 -1
- package/src/components/Astro/CTA_2025_Formentera.astro +2 -2
- package/src/components/Astro/Cabecera_2025_Barcelona.astro +6 -6
- package/src/components/Astro/Cabecera_2025_Madrid.astro +15 -15
- package/src/components/Astro/Cabecera_2026_Bilbao.astro +1 -1
- package/src/components/Astro/Cabecera_2026_Dakota.astro +1 -1
- package/src/components/Astro/Cabecera_2026_Madrid.astro +15 -15
- package/src/components/Astro/Cabecera_2027_Guadalajara.astro +15 -15
- package/src/components/Astro/Calculadora_2026_Lisboa.astro +8 -8
- package/src/components/Astro/Card_2025_Malta.astro +4 -4
- package/src/components/Astro/Contenido_2025_Alcorcon.astro +4 -4
- package/src/components/Astro/Contenido_2025_Cordoba.astro +27 -27
- package/src/components/Astro/Contenido_2025_Granada.astro +146 -146
- package/src/components/Astro/Contenido_2025_Malaga.astro +28 -28
- package/src/components/Astro/Contenido_2025_Montevideo.astro +6 -6
- package/src/components/Astro/Contenido_2026_Cabra.astro +9 -9
- package/src/components/Astro/Contenido_2026_Castellon.astro +6 -6
- package/src/components/Astro/Contenido_2026_Denia.astro +10 -10
- package/src/components/Astro/Contenido_2026_Dubai.astro +3 -3
- package/src/components/Astro/Contenido_2026_Estepona.astro +9 -9
- package/src/components/Astro/Contenido_2026_Huesca.astro +8 -8
- package/src/components/Astro/Contenido_2026_Jaen.astro +14 -14
- package/src/components/Astro/Contenido_2026_Leon.astro +1 -1
- package/src/components/Astro/Contenido_2026_Lleida.astro +16 -16
- package/src/components/Astro/Contenido_2026_Marruecos.astro +15 -15
- package/src/components/Astro/Contenido_2026_Moraira.astro +9 -9
- package/src/components/Astro/Contenido_2026_Mostoles.astro +9 -9
- package/src/components/Astro/Contenido_2026_Orcasitas.astro +2 -2
- package/src/components/Astro/Contenido_2026_Oslo.astro +2 -2
- package/src/components/Astro/Contenido_2026_Quito.astro +5 -5
- package/src/components/Astro/Contenido_2026_Sevilla.astro +24 -24
- package/src/components/Astro/Contenido_2026_Tokyo.astro +5 -5
- package/src/components/Astro/Contenido_2026_Ubeda.astro +2 -2
- package/src/components/Astro/Contenido_2026_Yakarta.astro +7 -7
- package/src/components/Astro/CorpFooter.astro +10 -10
- package/src/components/Astro/CorpHero.astro +1 -1
- package/src/components/Astro/CorpNavigation.astro +5 -5
- package/src/components/Astro/Enlace_2025_Venecia.astro +5 -5
- package/src/components/Astro/FAQ_2025_Hiroshima.astro +6 -20
- package/src/components/Astro/FAQ_2026_Takayama.astro +5 -5
- package/src/components/Astro/Footer_2025_Napoles.astro +17 -16
- package/src/components/Astro/Footer_2026_Napoles.astro +24 -23
- package/src/components/Astro/Footer_2027_Napoles.astro +20 -19
- package/src/components/Astro/Formulario_2025_Nara.astro +7 -7
- package/src/components/Astro/Formulario_2025_Seul.astro +18 -20
- package/src/components/Astro/Formulario_2025_Teruel.astro +17 -17
- package/src/components/Astro/Formulario_2026_Carabanchel.astro +8 -8
- package/src/components/Astro/Formulario_2026_Wichita.astro +13 -13
- package/src/components/Astro/GeometricShape.astro +1 -1
- package/src/components/Astro/GeometricShapeCard.astro +2 -2
- package/src/components/Astro/Grid_2026_Aldaia.astro +6 -6
- package/src/components/Astro/HeaderCorporativo.astro +1 -1
- package/src/components/Astro/Hero_2025_Benidorm.astro +3 -3
- package/src/components/Astro/Hero_2026_Benidorm.astro +3 -3
- package/src/components/Astro/Hero_2026_Lliria.astro +4 -4
- package/src/components/Astro/Imagen_2025_Bogota.astro +2 -3
- package/src/components/Astro/Imagen_2025_Fukushima.astro +2 -2
- package/src/components/Astro/Indice_2025_Taiwan.astro +2 -2
- package/src/components/Astro/Mapa_2026_Girona.astro +6 -10
- package/src/components/Astro/Modal_2025_Sagunto.astro +5 -5
- package/src/components/Astro/Modal_2026_Almeria.astro +6 -6
- package/src/components/Astro/Paginacion_2025_Paris.astro +12 -12
- package/src/components/Astro/RRSS_2025_Pisa.astro +23 -23
- package/src/components/Astro/Separador_2025_Reinosa.astro +1 -1
- package/src/components/Astro/Separador_2025_Toledo.astro +1 -1
- package/src/components/Astro/Separador_2026_Teulada.astro +1 -1
- package/src/components/Astro/Share_2025_Florencia.astro +19 -19
- package/src/components/Astro/SpectrumSeparator.astro +1 -1
- package/src/components/Astro/Sumario_2025_Beijing.astro +4 -4
- package/src/components/Astro/Tabla_2025_Fuenlabrada.astro +24 -24
- package/src/components/Astro/Tabla_2026_Cadiz.astro +22 -22
- package/src/components/Astro/Tag_2025_Bolonia.astro +1 -1
- package/src/components/Astro/Test_2026_Gaza.astro +13 -13
- package/src/components/Astro/TextBox.astro +1 -1
- package/src/components/Astro/TextImageBlock.astro +4 -4
- package/src/components/Astro/TextImageCard.astro +3 -3
- package/src/components/Astro/TextImageHeader.astro +2 -2
- package/src/components/Astro/Texto_2025_Kyoto.astro +3 -6
- package/src/components/Astro/Texto_2026_Alicante.astro +4 -5
- package/src/components/Astro/Texto_2026_Castellon.astro +10 -10
- package/src/components/Astro/Tiempo_2025_Londres.astro +3 -3
- package/src/components/Astro/Titulo_2025_Algeciras.astro +24 -27
- package/src/components/Astro/Titulo_2025_Santorini.astro +1 -1
- package/src/components/Astro/VideoAutoplay.astro +2 -2
- package/src/components/Astro/Video_2025_Polop.astro +2 -2
- package/src/components/Astro/Video_2026_Andujar.astro +5 -5
|
@@ -103,23 +103,23 @@ const categories = [
|
|
|
103
103
|
|
|
104
104
|
<footer class="w-full">
|
|
105
105
|
{showPrefooterCats && (
|
|
106
|
-
<div class="prefooter-cats bg-
|
|
106
|
+
<div class="prefooter-cats bg-white text-[#363942] py-10 border-t border-gray-300">
|
|
107
107
|
<nav aria-label="Enlaces corporativos" class="max-w-7xl flex-wrap md:flex-nowrap w-full px-4 md:px-0 flex items-start mx-auto">
|
|
108
108
|
{categories.map(category => (
|
|
109
109
|
<div class="w-1/2 flex-nowrap px-2 md:px-4 mb-4 flex-1">
|
|
110
|
-
<p class="font-
|
|
110
|
+
<p class="font-heading font-semibold text-xl leading-7 text-[#262626] mb-4">{category.name}</p>
|
|
111
111
|
<ul>
|
|
112
112
|
{category.subcategories.length > 0 ? (
|
|
113
113
|
category.subcategories.map(sub => (
|
|
114
114
|
<li>
|
|
115
|
-
<a href={sub.link} class={`${sub.name === 'Canal ético' ? 'text-[#
|
|
115
|
+
<a href={sub.link} class={`${sub.name === 'Canal ético' ? 'text-[#262626]' : 'text-[#363942]'} font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1`} target="_blank">
|
|
116
116
|
{sub.name}
|
|
117
117
|
</a>
|
|
118
118
|
</li>
|
|
119
119
|
))
|
|
120
120
|
) : (
|
|
121
121
|
<li>
|
|
122
|
-
<a href={category.link} class="text-[#
|
|
122
|
+
<a href={category.link} class="text-[#363942] font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1" target="_blank">
|
|
123
123
|
{category.name}
|
|
124
124
|
</a>
|
|
125
125
|
</li>
|
|
@@ -128,11 +128,11 @@ const categories = [
|
|
|
128
128
|
</div>
|
|
129
129
|
))}
|
|
130
130
|
<div class="w-1/2 flex-nowrap px-2 md:px-4 mb-4 flex-1">
|
|
131
|
-
<p class="font-
|
|
131
|
+
<p class="font-heading font-semibold text-xl leading-7 text-[#262626] mb-4">{column4Block1Title}</p>
|
|
132
132
|
<ul>
|
|
133
133
|
{column4Block1Items.map(item => (
|
|
134
134
|
<li>
|
|
135
|
-
<a href={item.link} class="text-[#
|
|
135
|
+
<a href={item.link} class="text-[#363942] font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1" target="_blank">
|
|
136
136
|
{item.name}
|
|
137
137
|
</a>
|
|
138
138
|
</li>
|
|
@@ -140,11 +140,11 @@ const categories = [
|
|
|
140
140
|
</ul>
|
|
141
141
|
{column4Block2Items.length > 0 && (
|
|
142
142
|
<>
|
|
143
|
-
<p class="font-
|
|
143
|
+
<p class="font-heading font-semibold text-xl leading-7 text-[#262626] mt-6 mb-4">{column4Block2Title}</p>
|
|
144
144
|
<ul>
|
|
145
145
|
{column4Block2Items.map(item => (
|
|
146
146
|
<li>
|
|
147
|
-
<a href={item.link} class="text-[#
|
|
147
|
+
<a href={item.link} class="text-[#363942] font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1" target="_blank">
|
|
148
148
|
{item.name}
|
|
149
149
|
</a>
|
|
150
150
|
</li>
|
|
@@ -154,15 +154,15 @@ const categories = [
|
|
|
154
154
|
)}
|
|
155
155
|
{column4Images.length > 0 && (
|
|
156
156
|
<>
|
|
157
|
-
<p class="font-body text-base leading-6 text-[#
|
|
157
|
+
<p class="font-body text-base leading-6 text-[#262626] font-semibold mt-6 mb-4">{column4ImagesTitle}</p>
|
|
158
158
|
<div class="flex flex-wrap items-start gap-4">
|
|
159
159
|
{column4Images.map(image => (
|
|
160
160
|
image.link ? (
|
|
161
161
|
<a href={image.link} target="_blank" class="inline-block">
|
|
162
|
-
<LimboImage src={image.image} alt={image.alt || ''} loading="lazy" class="h-10 w-auto
|
|
162
|
+
<LimboImage src={image.image} alt={image.alt || ''} loading="lazy" class="h-10 w-auto" />
|
|
163
163
|
</a>
|
|
164
164
|
) : (
|
|
165
|
-
<LimboImage src={image.image} alt={image.alt || ''} loading="lazy" class="h-10 w-auto
|
|
165
|
+
<LimboImage src={image.image} alt={image.alt || ''} loading="lazy" class="h-10 w-auto" />
|
|
166
166
|
)
|
|
167
167
|
))}
|
|
168
168
|
</div>
|
|
@@ -172,24 +172,24 @@ const categories = [
|
|
|
172
172
|
</nav>
|
|
173
173
|
</div>
|
|
174
174
|
)}
|
|
175
|
-
<div class="bg-[
|
|
175
|
+
<div class="bg-[white] text-[#262626] border-t border-gray-300">
|
|
176
176
|
<div class="flex flex-col md:flex-row gap-8 max-w-7xl mx-auto p-8 md:px-2">
|
|
177
177
|
<div class="flex flex-col flex-[4_4_0%]">
|
|
178
178
|
<div class="mb-8">
|
|
179
|
-
<img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" alt="Lefebvre" width="160" height="40" class="h-10
|
|
179
|
+
<img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" alt="Lefebvre" width="160" height="40" class="h-10" loading="lazy" />
|
|
180
180
|
</div>
|
|
181
181
|
<div class="footer-legal">
|
|
182
|
-
<ul class="flex flex-wrap gap-2 font-body font-normal text-sm leading-[21px] text-[#
|
|
182
|
+
<ul class="flex flex-wrap gap-2 font-body font-normal text-sm leading-[21px] text-[#363942]">
|
|
183
183
|
<li>
|
|
184
184
|
<span class="flex items-center font-body gap-1">
|
|
185
185
|
© Lefebvre {new Date().getFullYear()}. Todos los derechos reservados.
|
|
186
186
|
</span>
|
|
187
187
|
</li>
|
|
188
|
-
<li><a href="https://lefebvre.es/aviso-legal/" class="font-body
|
|
189
|
-
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-privacidad/" class="font-body
|
|
190
|
-
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-de-cookies/" class="font-body
|
|
188
|
+
<li><a href="https://lefebvre.es/aviso-legal/" class="font-body hover:underline">Aviso legal</a></li>
|
|
189
|
+
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-privacidad/" class="font-body hover:underline">Política de privacidad</a></li>
|
|
190
|
+
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-de-cookies/" class="font-body hover:underline">Política de cookies</a></li>
|
|
191
191
|
{showCondicionesContratacion && (
|
|
192
|
-
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/condiciones/" class="font-body
|
|
192
|
+
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/condiciones/" class="font-body hover:underline">Condiciones de contratación</a></li>
|
|
193
193
|
)}
|
|
194
194
|
</ul>
|
|
195
195
|
</div>
|
|
@@ -197,30 +197,31 @@ const categories = [
|
|
|
197
197
|
<div class="flex flex-1 items-start justify-start md:justify-end">
|
|
198
198
|
<a href="https://www.instagram.com/lefebvre_es/" class="mx-2 first-of-type:ml-0" aria-label="Instagram">
|
|
199
199
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
200
|
-
<path d="M21.2725 0C22.5262 0 23.7287 0.49823 24.6152 1.38477C25.5018 2.2713 26 3.47379 26 4.72754V21.2725C26 22.5262 25.5018 23.7287 24.6152 24.6152C23.7287 25.5018 22.5262 26 21.2725 26H4.72754C3.47379 26 2.2713 25.5018 1.38477 24.6152C0.49823 23.7287 0 22.5262 0 21.2725V4.72754C0 3.47379 0.49823 2.2713 1.38477 1.38477C2.2713 0.49823 3.47379 0 4.72754 0H21.2725ZM8.10742 3.5459C5.58811 3.5459 3.5459 5.58811 3.5459 8.10742V17.8926C3.5459 20.4119 5.58811 22.4541 8.10742 22.4541H17.8926C20.4119 22.4541 22.4541 20.4119 22.4541 17.8926V8.10742C22.4541 5.58811 20.4119 3.5459 17.8926 3.5459H8.10742ZM17.8926 5.3291C19.4267 5.3291 20.6709 6.57331 20.6709 8.10742V17.8926C20.6709 19.4267 19.4267 20.6709 17.8926 20.6709H8.10742C6.57331 20.6709 5.3291 19.4267 5.3291 17.8926V8.10742C5.3291 6.57331 6.57331 5.3291 8.10742 5.3291H17.8926ZM13 8.30273C11.7541 8.30273 10.5597 8.79775 9.67871 9.67871C8.79775 10.5597 8.30273 11.7541 8.30273 13C8.30274 14.2459 8.79775 15.4403 9.67871 16.3213C10.5597 17.2022 11.7541 17.6973 13 17.6973C14.2459 17.6973 15.4403 17.2022 16.3213 16.3213C17.2022 15.4403 17.6973 14.2459 17.6973 13C17.6973 11.7541 17.2022 10.5597 16.3213 9.67871C15.4403 8.79775 14.2459 8.30274 13 8.30273ZM13 10.0859C13.7728 10.0859 14.5141 10.393 15.0605 10.9395C15.607 11.4859 15.9141 12.2272 15.9141 13C15.9141 13.7728 15.607 14.5141 15.0605 15.0605C14.5141 15.607 13.7728 15.9141 13 15.9141C12.2272 15.9141 11.4859 15.607 10.9395 15.0605C10.393 14.5141 10.0859 13.7728 10.0859 13C10.0859 12.2272 10.393 11.4859 10.9395 10.9395C11.4859 10.393 12.2272 10.0859 13 10.0859ZM17.6973 7.41016C17.2048 7.41016 16.8059 7.80937 16.8057 8.30176C16.8057 8.79436 17.2047 9.19434 17.6973 9.19434C18.1898 9.1943 18.5889 8.79434 18.5889 8.30176C18.5886 7.80939 18.1897 7.4102 17.6973 7.41016Z" fill="#
|
|
200
|
+
<path d="M21.2725 0C22.5262 0 23.7287 0.49823 24.6152 1.38477C25.5018 2.2713 26 3.47379 26 4.72754V21.2725C26 22.5262 25.5018 23.7287 24.6152 24.6152C23.7287 25.5018 22.5262 26 21.2725 26H4.72754C3.47379 26 2.2713 25.5018 1.38477 24.6152C0.49823 23.7287 0 22.5262 0 21.2725V4.72754C0 3.47379 0.49823 2.2713 1.38477 1.38477C2.2713 0.49823 3.47379 0 4.72754 0H21.2725ZM8.10742 3.5459C5.58811 3.5459 3.5459 5.58811 3.5459 8.10742V17.8926C3.5459 20.4119 5.58811 22.4541 8.10742 22.4541H17.8926C20.4119 22.4541 22.4541 20.4119 22.4541 17.8926V8.10742C22.4541 5.58811 20.4119 3.5459 17.8926 3.5459H8.10742ZM17.8926 5.3291C19.4267 5.3291 20.6709 6.57331 20.6709 8.10742V17.8926C20.6709 19.4267 19.4267 20.6709 17.8926 20.6709H8.10742C6.57331 20.6709 5.3291 19.4267 5.3291 17.8926V8.10742C5.3291 6.57331 6.57331 5.3291 8.10742 5.3291H17.8926ZM13 8.30273C11.7541 8.30273 10.5597 8.79775 9.67871 9.67871C8.79775 10.5597 8.30273 11.7541 8.30273 13C8.30274 14.2459 8.79775 15.4403 9.67871 16.3213C10.5597 17.2022 11.7541 17.6973 13 17.6973C14.2459 17.6973 15.4403 17.2022 16.3213 16.3213C17.2022 15.4403 17.6973 14.2459 17.6973 13C17.6973 11.7541 17.2022 10.5597 16.3213 9.67871C15.4403 8.79775 14.2459 8.30274 13 8.30273ZM13 10.0859C13.7728 10.0859 14.5141 10.393 15.0605 10.9395C15.607 11.4859 15.9141 12.2272 15.9141 13C15.9141 13.7728 15.607 14.5141 15.0605 15.0605C14.5141 15.607 13.7728 15.9141 13 15.9141C12.2272 15.9141 11.4859 15.607 10.9395 15.0605C10.393 14.5141 10.0859 13.7728 10.0859 13C10.0859 12.2272 10.393 11.4859 10.9395 10.9395C11.4859 10.393 12.2272 10.0859 13 10.0859ZM17.6973 7.41016C17.2048 7.41016 16.8059 7.80937 16.8057 8.30176C16.8057 8.79436 17.2047 9.19434 17.6973 9.19434C18.1898 9.1943 18.5889 8.79434 18.5889 8.30176C18.5886 7.80939 18.1897 7.4102 17.6973 7.41016Z" fill="#363942"/>
|
|
201
201
|
</svg>
|
|
202
202
|
</a>
|
|
203
203
|
<a href="https://www.facebook.com/Lefebvre.ES/" class="mx-2" aria-label="Facebook">
|
|
204
204
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
205
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM10.2605 7.41355C10.2605 6.38787 10.6679 5.40418 11.3931 4.67881C12.1182 3.95344 13.1018 3.54577 14.1275 3.54545H17.5665C17.8029 3.54545 17.9955 3.73809 17.9955 3.97564V7.41355C17.9955 7.64991 17.8029 7.84255 17.5665 7.84255H15.847C15.6777 7.84255 15.5101 7.87591 15.3538 7.94072C15.1974 8.00553 15.0553 8.10052 14.9357 8.22026C14.8161 8.34001 14.7212 8.48215 14.6565 8.63858C14.5919 8.79501 14.5587 8.96264 14.5588 9.13191V10.4213H17.5665C17.6318 10.4215 17.6961 10.4365 17.7546 10.4653C17.8132 10.494 17.8645 10.5357 17.9045 10.5871C17.9446 10.6386 17.9725 10.6985 17.986 10.7623C17.9995 10.8261 17.9983 10.8922 17.9825 10.9555L17.1234 14.3945C17.0999 14.4873 17.0461 14.5696 16.9705 14.6283C16.8949 14.6869 16.8019 14.7186 16.7062 14.7184H14.5576V22.0244C14.5576 22.1385 14.5123 22.2479 14.4316 22.3285C14.351 22.4092 14.2415 22.4545 14.1275 22.4545H10.6895C10.5757 22.4542 10.4665 22.4088 10.3861 22.3281C10.3057 22.2475 10.2605 22.1383 10.2605 22.0244V14.7195H8.112C7.99791 14.7195 7.88849 14.6742 7.80782 14.5935C7.72714 14.5129 7.68182 14.4035 7.68182 14.2894V10.8503C7.68182 10.6139 7.87446 10.4213 8.112 10.4213H10.2605V7.41355Z" fill="#
|
|
205
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM10.2605 7.41355C10.2605 6.38787 10.6679 5.40418 11.3931 4.67881C12.1182 3.95344 13.1018 3.54577 14.1275 3.54545H17.5665C17.8029 3.54545 17.9955 3.73809 17.9955 3.97564V7.41355C17.9955 7.64991 17.8029 7.84255 17.5665 7.84255H15.847C15.6777 7.84255 15.5101 7.87591 15.3538 7.94072C15.1974 8.00553 15.0553 8.10052 14.9357 8.22026C14.8161 8.34001 14.7212 8.48215 14.6565 8.63858C14.5919 8.79501 14.5587 8.96264 14.5588 9.13191V10.4213H17.5665C17.6318 10.4215 17.6961 10.4365 17.7546 10.4653C17.8132 10.494 17.8645 10.5357 17.9045 10.5871C17.9446 10.6386 17.9725 10.6985 17.986 10.7623C17.9995 10.8261 17.9983 10.8922 17.9825 10.9555L17.1234 14.3945C17.0999 14.4873 17.0461 14.5696 16.9705 14.6283C16.8949 14.6869 16.8019 14.7186 16.7062 14.7184H14.5576V22.0244C14.5576 22.1385 14.5123 22.2479 14.4316 22.3285C14.351 22.4092 14.2415 22.4545 14.1275 22.4545H10.6895C10.5757 22.4542 10.4665 22.4088 10.3861 22.3281C10.3057 22.2475 10.2605 22.1383 10.2605 22.0244V14.7195H8.112C7.99791 14.7195 7.88849 14.6742 7.80782 14.5935C7.72714 14.5129 7.68182 14.4035 7.68182 14.2894V10.8503C7.68182 10.6139 7.87446 10.4213 8.112 10.4213H10.2605V7.41355Z" fill="#363942"/>
|
|
206
206
|
</svg>
|
|
207
207
|
</a>
|
|
208
208
|
<a href="https://www.linkedin.com/company/lefebvre_es" class="mx-2" aria-label="LinkedIn">
|
|
209
209
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
210
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM6.15136 8.16636C6.68578 8.16636 7.1983 7.95407 7.57618 7.57618C7.95407 7.1983 8.16636 6.68578 8.16636 6.15136C8.16636 5.61695 7.95407 5.10443 7.57618 4.72654C7.1983 4.34866 6.68578 4.13636 6.15136 4.13636C5.61695 4.13636 5.10443 4.34866 4.72654 4.72654C4.34866 5.10443 4.13636 5.61695 4.13636 6.15136C4.13636 6.68578 4.34866 7.1983 4.72654 7.57618C5.10443 7.95407 5.61695 8.16636 6.15136 8.16636ZM8.16518 21.8636V9.77718H4.13636V21.8636H8.16636H8.16518ZM13.403 9.77718H9.77718V21.8636H13.403V14.5718C13.8698 13.8131 14.6758 13 15.8198 13C17.4318 13 17.8348 14.612 17.8348 15.418V21.8636H21.8636V15.418C21.8636 13.2576 20.9217 9.77718 17.4318 9.77718C15.2124 9.77718 13.9809 10.5867 13.4018 11.3455V9.77718H13.403Z" fill="#
|
|
210
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM6.15136 8.16636C6.68578 8.16636 7.1983 7.95407 7.57618 7.57618C7.95407 7.1983 8.16636 6.68578 8.16636 6.15136C8.16636 5.61695 7.95407 5.10443 7.57618 4.72654C7.1983 4.34866 6.68578 4.13636 6.15136 4.13636C5.61695 4.13636 5.10443 4.34866 4.72654 4.72654C4.34866 5.10443 4.13636 5.61695 4.13636 6.15136C4.13636 6.68578 4.34866 7.1983 4.72654 7.57618C5.10443 7.95407 5.61695 8.16636 6.15136 8.16636ZM8.16518 21.8636V9.77718H4.13636V21.8636H8.16636H8.16518ZM13.403 9.77718H9.77718V21.8636H13.403V14.5718C13.8698 13.8131 14.6758 13 15.8198 13C17.4318 13 17.8348 14.612 17.8348 15.418V21.8636H21.8636V15.418C21.8636 13.2576 20.9217 9.77718 17.4318 9.77718C15.2124 9.77718 13.9809 10.5867 13.4018 11.3455V9.77718H13.403Z" fill="#363942"/>
|
|
211
211
|
</svg>
|
|
212
212
|
</a>
|
|
213
213
|
<a href="https://twitter.com/Lefebvre_ES" class="mx-2" aria-label="X.com">
|
|
214
214
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
215
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C2.11647 0 0 2.11647 0 4.72727V21.2727C0 23.8835 2.11647 26 4.72727 26H21.2727C23.8835 26 26 23.8835 26 21.2727V4.72727C26 2.11647 23.8835 0 21.2727 0H4.72727ZM4.3322 4.13636C4.12496 4.2135 3.9501 4.36692 3.84804 4.57163C3.69807 4.8724 3.73113 5.23213 3.9334 5.50055L10.5683 14.3054L3.57681 21.8029C3.55848 21.8226 3.54122 21.8428 3.52502 21.8636H5.9441L11.6517 15.743L16.0401 21.5668C16.143 21.7033 16.2816 21.8053 16.4377 21.8636H21.664C21.8706 21.7863 22.045 21.6332 22.1468 21.4288C22.2968 21.1281 22.2638 20.7683 22.0615 20.4999L15.4265 11.695L22.475 4.13636H20.0511L14.3431 10.2574L9.95469 4.43369C9.85153 4.2968 9.71247 4.19464 9.55583 4.13636H4.3322ZM17.19 20.147L6.41905 5.85347H8.80488L19.5759 20.147H17.19Z" fill="#
|
|
215
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C2.11647 0 0 2.11647 0 4.72727V21.2727C0 23.8835 2.11647 26 4.72727 26H21.2727C23.8835 26 26 23.8835 26 21.2727V4.72727C26 2.11647 23.8835 0 21.2727 0H4.72727ZM4.3322 4.13636C4.12496 4.2135 3.9501 4.36692 3.84804 4.57163C3.69807 4.8724 3.73113 5.23213 3.9334 5.50055L10.5683 14.3054L3.57681 21.8029C3.55848 21.8226 3.54122 21.8428 3.52502 21.8636H5.9441L11.6517 15.743L16.0401 21.5668C16.143 21.7033 16.2816 21.8053 16.4377 21.8636H21.664C21.8706 21.7863 22.045 21.6332 22.1468 21.4288C22.2968 21.1281 22.2638 20.7683 22.0615 20.4999L15.4265 11.695L22.475 4.13636H20.0511L14.3431 10.2574L9.95469 4.43369C9.85153 4.2968 9.71247 4.19464 9.55583 4.13636H4.3322ZM17.19 20.147L6.41905 5.85347H8.80488L19.5759 20.147H17.19Z" fill="#363942"/>
|
|
216
216
|
</svg>
|
|
217
217
|
</a>
|
|
218
218
|
<a href="https://www.youtube.com/c/lefebvre_es" class="mx-2" aria-label="YouTube">
|
|
219
219
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
220
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM4.13636 13C4.13636 11.7307 4.19545 10.5335 4.27464 9.529C4.3251 8.80617 4.63522 8.12596 5.1478 7.61382C5.66038 7.10167 6.34085 6.79213 7.06373 6.74227C9.03965 6.60944 11.0196 6.54637 13 6.55318C15.5492 6.55318 17.5051 6.64064 18.9363 6.74227C19.6591 6.79213 20.3396 7.10167 20.8522 7.61382C21.3648 8.12596 21.6749 8.80617 21.7254 9.529C21.8034 10.5335 21.8636 11.7307 21.8636 13C21.8636 14.3154 21.7998 15.5527 21.7171 16.5785C21.5989 18.0428 20.4833 19.1608 19.0438 19.2613C17.0319 19.3919 15.0161 19.4538 13 19.4468C10.426 19.4468 8.40273 19.3617 6.95618 19.2613C5.51673 19.1608 4.40109 18.0428 4.28291 16.5785C4.18679 15.3881 4.1379 14.1943 4.13636 13ZM10.7971 9.99227L15.8198 13L10.7971 16.0089V9.99109V9.99227Z" fill="#
|
|
220
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM4.13636 13C4.13636 11.7307 4.19545 10.5335 4.27464 9.529C4.3251 8.80617 4.63522 8.12596 5.1478 7.61382C5.66038 7.10167 6.34085 6.79213 7.06373 6.74227C9.03965 6.60944 11.0196 6.54637 13 6.55318C15.5492 6.55318 17.5051 6.64064 18.9363 6.74227C19.6591 6.79213 20.3396 7.10167 20.8522 7.61382C21.3648 8.12596 21.6749 8.80617 21.7254 9.529C21.8034 10.5335 21.8636 11.7307 21.8636 13C21.8636 14.3154 21.7998 15.5527 21.7171 16.5785C21.5989 18.0428 20.4833 19.1608 19.0438 19.2613C17.0319 19.3919 15.0161 19.4538 13 19.4468C10.426 19.4468 8.40273 19.3617 6.95618 19.2613C5.51673 19.1608 4.40109 18.0428 4.28291 16.5785C4.18679 15.3881 4.1379 14.1943 4.13636 13ZM10.7971 9.99227L15.8198 13L10.7971 16.0089V9.99109V9.99227Z" fill="#363942"/>
|
|
221
221
|
</svg>
|
|
222
222
|
</a>
|
|
223
223
|
</div>
|
|
224
224
|
</div>
|
|
225
225
|
</div>
|
|
226
|
+
<div class="w-full h-3 bg-[#001978]"></div>
|
|
226
227
|
</footer>
|
|
@@ -94,15 +94,15 @@ const categories = [
|
|
|
94
94
|
|
|
95
95
|
<footer class="w-full">
|
|
96
96
|
{showPrefooter && (
|
|
97
|
-
<div class="bg-
|
|
97
|
+
<div class="bg-white text-[#363942] py-10 border-t border-gray-300">
|
|
98
98
|
<nav aria-label="Enlaces corporativos" class="max-w-7xl flex-wrap md:flex-nowrap w-full px-4 md:px-0 flex items-start mx-auto">
|
|
99
99
|
{categories.map(category => (
|
|
100
100
|
<div class="w-1/2 flex-nowrap px-2 md:px-4 mb-4 flex-1">
|
|
101
|
-
<p class="font-
|
|
101
|
+
<p class="font-heading font-semibold text-xl leading-7 text-[#262626] mb-4">{category.name}</p>
|
|
102
102
|
<ul>
|
|
103
103
|
{category.subcategories.map(sub => (
|
|
104
104
|
<li>
|
|
105
|
-
<a href={sub.link} class={`${sub.name === 'Canal ético' ? 'text-[#
|
|
105
|
+
<a href={sub.link} class={`${sub.name === 'Canal ético' ? 'text-[#262626]' : 'text-[#363942]'} font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1`} target="_blank">
|
|
106
106
|
{sub.name}
|
|
107
107
|
</a>
|
|
108
108
|
</li>
|
|
@@ -111,11 +111,11 @@ const categories = [
|
|
|
111
111
|
</div>
|
|
112
112
|
))}
|
|
113
113
|
<div class="w-1/2 flex-nowrap px-2 md:px-4 mb-4 flex-1">
|
|
114
|
-
<p class="font-
|
|
114
|
+
<p class="font-heading font-semibold text-xl leading-7 text-[#262626] mb-4">{column4Group1Title}</p>
|
|
115
115
|
<ul>
|
|
116
116
|
{column4Group1Items.map(item => (
|
|
117
117
|
<li>
|
|
118
|
-
<a href={item.link} class="text-[#
|
|
118
|
+
<a href={item.link} class="text-[#363942] font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1" target="_blank">
|
|
119
119
|
{item.name}
|
|
120
120
|
</a>
|
|
121
121
|
</li>
|
|
@@ -123,11 +123,11 @@ const categories = [
|
|
|
123
123
|
</ul>
|
|
124
124
|
{column4Group2Items.length > 0 && (
|
|
125
125
|
<>
|
|
126
|
-
<p class="font-
|
|
126
|
+
<p class="font-heading font-semibold text-xl leading-7 text-[#262626] mt-6 mb-4">{column4Group2Title}</p>
|
|
127
127
|
<ul>
|
|
128
128
|
{column4Group2Items.map(item => (
|
|
129
129
|
<li>
|
|
130
|
-
<a href={item.link} class="text-[#
|
|
130
|
+
<a href={item.link} class="text-[#363942] font-body font-normal text-base leading-6 hover:underline transition-colors duration-200 block py-1" target="_blank">
|
|
131
131
|
{item.name}
|
|
132
132
|
</a>
|
|
133
133
|
</li>
|
|
@@ -142,24 +142,24 @@ const categories = [
|
|
|
142
142
|
</nav>
|
|
143
143
|
</div>
|
|
144
144
|
)}
|
|
145
|
-
<div class="bg-[
|
|
145
|
+
<div class="bg-[white] text-[#262626] border-t border-gray-300">
|
|
146
146
|
<div class="flex flex-col md:flex-row gap-8 max-w-7xl mx-auto p-8 md:px-2">
|
|
147
147
|
<div class="flex flex-col flex-[4_4_0%]">
|
|
148
148
|
<div class="mb-8">
|
|
149
|
-
<img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" alt="Lefebvre" width="160" height="40" class="h-10
|
|
149
|
+
<img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" alt="Lefebvre" width="160" height="40" class="h-10" loading="lazy" />
|
|
150
150
|
</div>
|
|
151
151
|
<div>
|
|
152
|
-
<ul class="flex flex-wrap gap-2 font-body font-normal text-sm leading-[21px] text-[#
|
|
152
|
+
<ul class="flex flex-wrap gap-2 font-body font-normal text-sm leading-[21px] text-[#363942]">
|
|
153
153
|
<li>
|
|
154
154
|
<span class="flex items-center font-body gap-1">
|
|
155
155
|
© Lefebvre {new Date().getFullYear()}. Todos los derechos reservados.
|
|
156
156
|
</span>
|
|
157
157
|
</li>
|
|
158
|
-
<li><a href="https://lefebvre.es/aviso-legal/" class="font-body
|
|
159
|
-
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-privacidad/" class="font-body
|
|
160
|
-
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-de-cookies/" class="font-body
|
|
158
|
+
<li><a href="https://lefebvre.es/aviso-legal/" class="font-body hover:underline">Aviso legal</a></li>
|
|
159
|
+
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-privacidad/" class="font-body hover:underline">Política de privacidad</a></li>
|
|
160
|
+
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/politica-de-cookies/" class="font-body hover:underline">Política de cookies</a></li>
|
|
161
161
|
{showCondicionesContratacion && (
|
|
162
|
-
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/condiciones/" class="font-body
|
|
162
|
+
<li><span aria-hidden="true" class="mr-2">·</span><a href="https://lefebvre.es/condiciones/" class="font-body hover:underline">Condiciones de contratación</a></li>
|
|
163
163
|
)}
|
|
164
164
|
</ul>
|
|
165
165
|
</div>
|
|
@@ -167,30 +167,31 @@ const categories = [
|
|
|
167
167
|
<div class="flex flex-1 items-start justify-start md:justify-end">
|
|
168
168
|
<a href="https://www.instagram.com/lefebvre_es/" class="mx-2 first-of-type:ml-0" aria-label="Instagram">
|
|
169
169
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
170
|
-
<path d="M21.2725 0C22.5262 0 23.7287 0.49823 24.6152 1.38477C25.5018 2.2713 26 3.47379 26 4.72754V21.2725C26 22.5262 25.5018 23.7287 24.6152 24.6152C23.7287 25.5018 22.5262 26 21.2725 26H4.72754C3.47379 26 2.2713 25.5018 1.38477 24.6152C0.49823 23.7287 0 22.5262 0 21.2725V4.72754C0 3.47379 0.49823 2.2713 1.38477 1.38477C2.2713 0.49823 3.47379 0 4.72754 0H21.2725ZM8.10742 3.5459C5.58811 3.5459 3.5459 5.58811 3.5459 8.10742V17.8926C3.5459 20.4119 5.58811 22.4541 8.10742 22.4541H17.8926C20.4119 22.4541 22.4541 20.4119 22.4541 17.8926V8.10742C22.4541 5.58811 20.4119 3.5459 17.8926 3.5459H8.10742ZM17.8926 5.3291C19.4267 5.3291 20.6709 6.57331 20.6709 8.10742V17.8926C20.6709 19.4267 19.4267 20.6709 17.8926 20.6709H8.10742C6.57331 20.6709 5.3291 19.4267 5.3291 17.8926V8.10742C5.3291 6.57331 6.57331 5.3291 8.10742 5.3291H17.8926ZM13 8.30273C11.7541 8.30273 10.5597 8.79775 9.67871 9.67871C8.79775 10.5597 8.30273 11.7541 8.30273 13C8.30274 14.2459 8.79775 15.4403 9.67871 16.3213C10.5597 17.2022 11.7541 17.6973 13 17.6973C14.2459 17.6973 15.4403 17.2022 16.3213 16.3213C17.2022 15.4403 17.6973 14.2459 17.6973 13C17.6973 11.7541 17.2022 10.5597 16.3213 9.67871C15.4403 8.79775 14.2459 8.30274 13 8.30273ZM13 10.0859C13.7728 10.0859 14.5141 10.393 15.0605 10.9395C15.607 11.4859 15.9141 12.2272 15.9141 13C15.9141 13.7728 15.607 14.5141 15.0605 15.0605C14.5141 15.607 13.7728 15.9141 13 15.9141C12.2272 15.9141 11.4859 15.607 10.9395 15.0605C10.393 14.5141 10.0859 13.7728 10.0859 13C10.0859 12.2272 10.393 11.4859 10.9395 10.9395C11.4859 10.393 12.2272 10.0859 13 10.0859ZM17.6973 7.41016C17.2048 7.41016 16.8059 7.80937 16.8057 8.30176C16.8057 8.79436 17.2047 9.19434 17.6973 9.19434C18.1898 9.1943 18.5889 8.79434 18.5889 8.30176C18.5886 7.80939 18.1897 7.4102 17.6973 7.41016Z" fill="#
|
|
170
|
+
<path d="M21.2725 0C22.5262 0 23.7287 0.49823 24.6152 1.38477C25.5018 2.2713 26 3.47379 26 4.72754V21.2725C26 22.5262 25.5018 23.7287 24.6152 24.6152C23.7287 25.5018 22.5262 26 21.2725 26H4.72754C3.47379 26 2.2713 25.5018 1.38477 24.6152C0.49823 23.7287 0 22.5262 0 21.2725V4.72754C0 3.47379 0.49823 2.2713 1.38477 1.38477C2.2713 0.49823 3.47379 0 4.72754 0H21.2725ZM8.10742 3.5459C5.58811 3.5459 3.5459 5.58811 3.5459 8.10742V17.8926C3.5459 20.4119 5.58811 22.4541 8.10742 22.4541H17.8926C20.4119 22.4541 22.4541 20.4119 22.4541 17.8926V8.10742C22.4541 5.58811 20.4119 3.5459 17.8926 3.5459H8.10742ZM17.8926 5.3291C19.4267 5.3291 20.6709 6.57331 20.6709 8.10742V17.8926C20.6709 19.4267 19.4267 20.6709 17.8926 20.6709H8.10742C6.57331 20.6709 5.3291 19.4267 5.3291 17.8926V8.10742C5.3291 6.57331 6.57331 5.3291 8.10742 5.3291H17.8926ZM13 8.30273C11.7541 8.30273 10.5597 8.79775 9.67871 9.67871C8.79775 10.5597 8.30273 11.7541 8.30273 13C8.30274 14.2459 8.79775 15.4403 9.67871 16.3213C10.5597 17.2022 11.7541 17.6973 13 17.6973C14.2459 17.6973 15.4403 17.2022 16.3213 16.3213C17.2022 15.4403 17.6973 14.2459 17.6973 13C17.6973 11.7541 17.2022 10.5597 16.3213 9.67871C15.4403 8.79775 14.2459 8.30274 13 8.30273ZM13 10.0859C13.7728 10.0859 14.5141 10.393 15.0605 10.9395C15.607 11.4859 15.9141 12.2272 15.9141 13C15.9141 13.7728 15.607 14.5141 15.0605 15.0605C14.5141 15.607 13.7728 15.9141 13 15.9141C12.2272 15.9141 11.4859 15.607 10.9395 15.0605C10.393 14.5141 10.0859 13.7728 10.0859 13C10.0859 12.2272 10.393 11.4859 10.9395 10.9395C11.4859 10.393 12.2272 10.0859 13 10.0859ZM17.6973 7.41016C17.2048 7.41016 16.8059 7.80937 16.8057 8.30176C16.8057 8.79436 17.2047 9.19434 17.6973 9.19434C18.1898 9.1943 18.5889 8.79434 18.5889 8.30176C18.5886 7.80939 18.1897 7.4102 17.6973 7.41016Z" fill="#363942"/>
|
|
171
171
|
</svg>
|
|
172
172
|
</a>
|
|
173
173
|
<a href="https://www.facebook.com/Lefebvre.ES/" class="mx-2" aria-label="Facebook">
|
|
174
174
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
175
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM10.2605 7.41355C10.2605 6.38787 10.6679 5.40418 11.3931 4.67881C12.1182 3.95344 13.1018 3.54577 14.1275 3.54545H17.5665C17.8029 3.54545 17.9955 3.73809 17.9955 3.97564V7.41355C17.9955 7.64991 17.8029 7.84255 17.5665 7.84255H15.847C15.6777 7.84255 15.5101 7.87591 15.3538 7.94072C15.1974 8.00553 15.0553 8.10052 14.9357 8.22026C14.8161 8.34001 14.7212 8.48215 14.6565 8.63858C14.5919 8.79501 14.5587 8.96264 14.5588 9.13191V10.4213H17.5665C17.6318 10.4215 17.6961 10.4365 17.7546 10.4653C17.8132 10.494 17.8645 10.5357 17.9045 10.5871C17.9446 10.6386 17.9725 10.6985 17.986 10.7623C17.9995 10.8261 17.9983 10.8922 17.9825 10.9555L17.1234 14.3945C17.0999 14.4873 17.0461 14.5696 16.9705 14.6283C16.8949 14.6869 16.8019 14.7186 16.7062 14.7184H14.5576V22.0244C14.5576 22.1385 14.5123 22.2479 14.4316 22.3285C14.351 22.4092 14.2415 22.4545 14.1275 22.4545H10.6895C10.5757 22.4542 10.4665 22.4088 10.3861 22.3281C10.3057 22.2475 10.2605 22.1383 10.2605 22.0244V14.7195H8.112C7.99791 14.7195 7.88849 14.6742 7.80782 14.5935C7.72714 14.5129 7.68182 14.4035 7.68182 14.2894V10.8503C7.68182 10.6139 7.87446 10.4213 8.112 10.4213H10.2605V7.41355Z" fill="#
|
|
175
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM10.2605 7.41355C10.2605 6.38787 10.6679 5.40418 11.3931 4.67881C12.1182 3.95344 13.1018 3.54577 14.1275 3.54545H17.5665C17.8029 3.54545 17.9955 3.73809 17.9955 3.97564V7.41355C17.9955 7.64991 17.8029 7.84255 17.5665 7.84255H15.847C15.6777 7.84255 15.5101 7.87591 15.3538 7.94072C15.1974 8.00553 15.0553 8.10052 14.9357 8.22026C14.8161 8.34001 14.7212 8.48215 14.6565 8.63858C14.5919 8.79501 14.5587 8.96264 14.5588 9.13191V10.4213H17.5665C17.6318 10.4215 17.6961 10.4365 17.7546 10.4653C17.8132 10.494 17.8645 10.5357 17.9045 10.5871C17.9446 10.6386 17.9725 10.6985 17.986 10.7623C17.9995 10.8261 17.9983 10.8922 17.9825 10.9555L17.1234 14.3945C17.0999 14.4873 17.0461 14.5696 16.9705 14.6283C16.8949 14.6869 16.8019 14.7186 16.7062 14.7184H14.5576V22.0244C14.5576 22.1385 14.5123 22.2479 14.4316 22.3285C14.351 22.4092 14.2415 22.4545 14.1275 22.4545H10.6895C10.5757 22.4542 10.4665 22.4088 10.3861 22.3281C10.3057 22.2475 10.2605 22.1383 10.2605 22.0244V14.7195H8.112C7.99791 14.7195 7.88849 14.6742 7.80782 14.5935C7.72714 14.5129 7.68182 14.4035 7.68182 14.2894V10.8503C7.68182 10.6139 7.87446 10.4213 8.112 10.4213H10.2605V7.41355Z" fill="#363942"/>
|
|
176
176
|
</svg>
|
|
177
177
|
</a>
|
|
178
178
|
<a href="https://www.linkedin.com/company/lefebvre_es" class="mx-2" aria-label="LinkedIn">
|
|
179
179
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
180
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM6.15136 8.16636C6.68578 8.16636 7.1983 7.95407 7.57618 7.57618C7.95407 7.1983 8.16636 6.68578 8.16636 6.15136C8.16636 5.61695 7.95407 5.10443 7.57618 4.72654C7.1983 4.34866 6.68578 4.13636 6.15136 4.13636C5.61695 4.13636 5.10443 4.34866 4.72654 4.72654C4.34866 5.10443 4.13636 5.61695 4.13636 6.15136C4.13636 6.68578 4.34866 7.1983 4.72654 7.57618C5.10443 7.95407 5.61695 8.16636 6.15136 8.16636ZM8.16518 21.8636V9.77718H4.13636V21.8636H8.16636H8.16518ZM13.403 9.77718H9.77718V21.8636H13.403V14.5718C13.8698 13.8131 14.6758 13 15.8198 13C17.4318 13 17.8348 14.612 17.8348 15.418V21.8636H21.8636V15.418C21.8636 13.2576 20.9217 9.77718 17.4318 9.77718C15.2124 9.77718 13.9809 10.5867 13.4018 11.3455V9.77718H13.403Z" fill="#
|
|
180
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM6.15136 8.16636C6.68578 8.16636 7.1983 7.95407 7.57618 7.57618C7.95407 7.1983 8.16636 6.68578 8.16636 6.15136C8.16636 5.61695 7.95407 5.10443 7.57618 4.72654C7.1983 4.34866 6.68578 4.13636 6.15136 4.13636C5.61695 4.13636 5.10443 4.34866 4.72654 4.72654C4.34866 5.10443 4.13636 5.61695 4.13636 6.15136C4.13636 6.68578 4.34866 7.1983 4.72654 7.57618C5.10443 7.95407 5.61695 8.16636 6.15136 8.16636ZM8.16518 21.8636V9.77718H4.13636V21.8636H8.16636H8.16518ZM13.403 9.77718H9.77718V21.8636H13.403V14.5718C13.8698 13.8131 14.6758 13 15.8198 13C17.4318 13 17.8348 14.612 17.8348 15.418V21.8636H21.8636V15.418C21.8636 13.2576 20.9217 9.77718 17.4318 9.77718C15.2124 9.77718 13.9809 10.5867 13.4018 11.3455V9.77718H13.403Z" fill="#363942"/>
|
|
181
181
|
</svg>
|
|
182
182
|
</a>
|
|
183
183
|
<a href="https://twitter.com/Lefebvre_ES" class="mx-2" aria-label="X.com">
|
|
184
184
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
185
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C2.11647 0 0 2.11647 0 4.72727V21.2727C0 23.8835 2.11647 26 4.72727 26H21.2727C23.8835 26 26 23.8835 26 21.2727V4.72727C26 2.11647 23.8835 0 21.2727 0H4.72727ZM4.3322 4.13636C4.12496 4.2135 3.9501 4.36692 3.84804 4.57163C3.69807 4.8724 3.73113 5.23213 3.9334 5.50055L10.5683 14.3054L3.57681 21.8029C3.55848 21.8226 3.54122 21.8428 3.52502 21.8636H5.9441L11.6517 15.743L16.0401 21.5668C16.143 21.7033 16.2816 21.8053 16.4377 21.8636H21.664C21.8706 21.7863 22.045 21.6332 22.1468 21.4288C22.2968 21.1281 22.2638 20.7683 22.0615 20.4999L15.4265 11.695L22.475 4.13636H20.0511L14.3431 10.2574L9.95469 4.43369C9.85153 4.2968 9.71247 4.19464 9.55583 4.13636H4.3322ZM17.19 20.147L6.41905 5.85347H8.80488L19.5759 20.147H17.19Z" fill="#
|
|
185
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C2.11647 0 0 2.11647 0 4.72727V21.2727C0 23.8835 2.11647 26 4.72727 26H21.2727C23.8835 26 26 23.8835 26 21.2727V4.72727C26 2.11647 23.8835 0 21.2727 0H4.72727ZM4.3322 4.13636C4.12496 4.2135 3.9501 4.36692 3.84804 4.57163C3.69807 4.8724 3.73113 5.23213 3.9334 5.50055L10.5683 14.3054L3.57681 21.8029C3.55848 21.8226 3.54122 21.8428 3.52502 21.8636H5.9441L11.6517 15.743L16.0401 21.5668C16.143 21.7033 16.2816 21.8053 16.4377 21.8636H21.664C21.8706 21.7863 22.045 21.6332 22.1468 21.4288C22.2968 21.1281 22.2638 20.7683 22.0615 20.4999L15.4265 11.695L22.475 4.13636H20.0511L14.3431 10.2574L9.95469 4.43369C9.85153 4.2968 9.71247 4.19464 9.55583 4.13636H4.3322ZM17.19 20.147L6.41905 5.85347H8.80488L19.5759 20.147H17.19Z" fill="#363942"/>
|
|
186
186
|
</svg>
|
|
187
187
|
</a>
|
|
188
188
|
<a href="https://www.youtube.com/c/lefebvre_es" class="mx-2" aria-label="YouTube">
|
|
189
189
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
190
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM4.13636 13C4.13636 11.7307 4.19545 10.5335 4.27464 9.529C4.3251 8.80617 4.63522 8.12596 5.1478 7.61382C5.66038 7.10167 6.34085 6.79213 7.06373 6.74227C9.03965 6.60944 11.0196 6.54637 13 6.55318C15.5492 6.55318 17.5051 6.64064 18.9363 6.74227C19.6591 6.79213 20.3396 7.10167 20.8522 7.61382C21.3648 8.12596 21.6749 8.80617 21.7254 9.529C21.8034 10.5335 21.8636 11.7307 21.8636 13C21.8636 14.3154 21.7998 15.5527 21.7171 16.5785C21.5989 18.0428 20.4833 19.1608 19.0438 19.2613C17.0319 19.3919 15.0161 19.4538 13 19.4468C10.426 19.4468 8.40273 19.3617 6.95618 19.2613C5.51673 19.1608 4.40109 18.0428 4.28291 16.5785C4.18679 15.3881 4.1379 14.1943 4.13636 13ZM10.7971 9.99227L15.8198 13L10.7971 16.0089V9.99109V9.99227Z" fill="#
|
|
190
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.72727 0C3.47352 0 2.27112 0.498051 1.38459 1.38459C0.498051 2.27112 0 3.47352 0 4.72727V21.2727C0 22.5265 0.498051 23.7289 1.38459 24.6154C2.27112 25.502 3.47352 26 4.72727 26H21.2727C22.5265 26 23.7289 25.502 24.6154 24.6154C25.502 23.7289 26 22.5265 26 21.2727V4.72727C26 3.47352 25.502 2.27112 24.6154 1.38459C23.7289 0.498051 22.5265 0 21.2727 0H4.72727ZM4.13636 13C4.13636 11.7307 4.19545 10.5335 4.27464 9.529C4.3251 8.80617 4.63522 8.12596 5.1478 7.61382C5.66038 7.10167 6.34085 6.79213 7.06373 6.74227C9.03965 6.60944 11.0196 6.54637 13 6.55318C15.5492 6.55318 17.5051 6.64064 18.9363 6.74227C19.6591 6.79213 20.3396 7.10167 20.8522 7.61382C21.3648 8.12596 21.6749 8.80617 21.7254 9.529C21.8034 10.5335 21.8636 11.7307 21.8636 13C21.8636 14.3154 21.7998 15.5527 21.7171 16.5785C21.5989 18.0428 20.4833 19.1608 19.0438 19.2613C17.0319 19.3919 15.0161 19.4538 13 19.4468C10.426 19.4468 8.40273 19.3617 6.95618 19.2613C5.51673 19.1608 4.40109 18.0428 4.28291 16.5785C4.18679 15.3881 4.1379 14.1943 4.13636 13ZM10.7971 9.99227L15.8198 13L10.7971 16.0089V9.99109V9.99227Z" fill="#363942"/>
|
|
191
191
|
</svg>
|
|
192
192
|
</a>
|
|
193
193
|
</div>
|
|
194
194
|
</div>
|
|
195
195
|
</div>
|
|
196
|
+
<div class="w-full h-3 bg-[#001978]"></div>
|
|
196
197
|
</footer>
|
|
@@ -37,17 +37,17 @@ const structuredData = `<script type="application/ld+json">
|
|
|
37
37
|
|
|
38
38
|
<div class="w-full max-w-[1200px] flex flex-col md:flex-row p-6 md:py-6 md:px-0 gap-12">
|
|
39
39
|
<div class="w-full flex flex-col">
|
|
40
|
-
<h2 class="font-heading text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-[#
|
|
41
|
-
<p class="font-heading text-xl leading-7 font-normal text-[#
|
|
40
|
+
<h2 class="font-heading text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-[#262626] mb-4">{title}</h2>
|
|
41
|
+
<p class="font-heading text-xl leading-7 font-normal text-[#363942]">{description}</p>
|
|
42
42
|
</div>
|
|
43
43
|
<div class="w-full flex flex-col md:flex-row items-start md:items-center gap-4">
|
|
44
44
|
{forceSkeleton ? (
|
|
45
45
|
<div class="w-full flex flex-col mt-4 mx-auto gap-6 animate-pulse">
|
|
46
|
-
<div class="h-6 w-2/3 bg-
|
|
47
|
-
<div class="h-10 w-full bg-
|
|
48
|
-
<div class="h-10 w-full bg-
|
|
49
|
-
<div class="h-24 w-full bg-
|
|
50
|
-
<div class="h-10 w-1/3 bg-
|
|
46
|
+
<div class="h-6 w-2/3 bg-gray-200 rounded"></div>
|
|
47
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
48
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
49
|
+
<div class="h-24 w-full bg-gray-200 rounded"></div>
|
|
50
|
+
<div class="h-10 w-1/3 bg-gray-300 rounded"></div>
|
|
51
51
|
</div>
|
|
52
52
|
) : (
|
|
53
53
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3">
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { extractImageUrl } from '../../lib/functions.js';
|
|
3
3
|
|
|
4
4
|
const {
|
|
5
|
-
categoria = "",
|
|
6
5
|
title,
|
|
7
6
|
description = "",
|
|
8
7
|
showImage = false,
|
|
@@ -51,14 +50,14 @@ const structuredData = `<script type="application/ld+json">
|
|
|
51
50
|
<div class="w-full flex justify-start mb-8 flex-col">
|
|
52
51
|
{forceSkeleton ? (
|
|
53
52
|
<div class="w-full flex flex-col mt-4 mx-auto gap-6 animate-pulse">
|
|
54
|
-
<div class="h-6 w-2/3 bg-
|
|
55
|
-
<div class="h-10 w-full bg-
|
|
56
|
-
<div class="h-10 w-full bg-
|
|
57
|
-
<div class="h-10 w-full bg-
|
|
58
|
-
<div class="h-10 w-full bg-
|
|
59
|
-
<div class="h-10 w-full bg-
|
|
60
|
-
<div class="h-24 w-full bg-
|
|
61
|
-
<div class="h-10 w-1/3 bg-
|
|
53
|
+
<div class="h-6 w-2/3 bg-gray-200 rounded"></div>
|
|
54
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
55
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
56
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
57
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
58
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
59
|
+
<div class="h-24 w-full bg-gray-200 rounded"></div>
|
|
60
|
+
<div class="h-10 w-1/3 bg-gray-300 rounded"></div>
|
|
62
61
|
</div>
|
|
63
62
|
) : (
|
|
64
63
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
|
|
@@ -73,21 +72,20 @@ const structuredData = `<script type="application/ld+json">
|
|
|
73
72
|
<article class="flex flex-col items-center justify-center">
|
|
74
73
|
<div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
|
|
75
74
|
<div class="w-full md:w-1/2 flex justify-start mb-8 flex-col">
|
|
76
|
-
|
|
77
|
-
<
|
|
78
|
-
<p class="text-[#403830] font-heading text-xl leading-7">{description}</p>
|
|
75
|
+
<h2 class="w-[300px] sm:w-auto font-heading text-[#262626] text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-left mb-4 text-wrap">{title}</h2>
|
|
76
|
+
<p class="text-[#363942] font-heading text-xl leading-7">{description}</p>
|
|
79
77
|
</div>
|
|
80
78
|
<div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
81
79
|
{forceSkeleton ? (
|
|
82
80
|
<div class="w-full flex flex-col mt-4 mx-auto gap-6 animate-pulse">
|
|
83
|
-
<div class="h-6 w-2/3 bg-
|
|
84
|
-
<div class="h-10 w-full bg-
|
|
85
|
-
<div class="h-10 w-full bg-
|
|
86
|
-
<div class="h-10 w-full bg-
|
|
87
|
-
<div class="h-10 w-full bg-
|
|
88
|
-
<div class="h-10 w-full bg-
|
|
89
|
-
<div class="h-24 w-full bg-
|
|
90
|
-
<div class="h-10 w-1/3 bg-
|
|
81
|
+
<div class="h-6 w-2/3 bg-gray-200 rounded"></div>
|
|
82
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
83
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
84
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
85
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
86
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
87
|
+
<div class="h-24 w-full bg-gray-200 rounded"></div>
|
|
88
|
+
<div class="h-10 w-1/3 bg-gray-300 rounded"></div>
|
|
91
89
|
</div>
|
|
92
90
|
) : (
|
|
93
91
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
|
|
@@ -41,19 +41,19 @@ const forceSkeleton = !lf2FormTitle;
|
|
|
41
41
|
}
|
|
42
42
|
</style>
|
|
43
43
|
|
|
44
|
-
<article id={`article-${randomId}`} class="w-full flex flex-col pb-4 mb-4 items-center justify-center border-0 md:border-b-1 border-b-[#
|
|
44
|
+
<article id={`article-${randomId}`} class="w-full flex flex-col pb-4 mb-4 items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={bottomBorder ? '' : 'border-bottom: none;'} >
|
|
45
45
|
<div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
|
|
46
46
|
<div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
|
|
47
|
-
<h2 class="text-[28px] md:text-[32px] leading-9 md:leading-10 mb-6 text-[#
|
|
47
|
+
<h2 class="text-[28px] md:text-[32px] leading-9 md:leading-10 mb-6 text-[#363942] font-heading font-semibold">{title}</h2>
|
|
48
48
|
<div
|
|
49
|
-
class="text-[#
|
|
49
|
+
class="text-[#363942] font-body font-normal text-base leading-6 flex flex-col gap-4 md-0 md:mb-8"
|
|
50
50
|
set:html={description}
|
|
51
51
|
/>
|
|
52
52
|
{showBtn && linkBtn && (
|
|
53
|
-
<a href={linkBtn} target="_self" class="inline-block w-fit h-11 md:h-12 text-[#
|
|
53
|
+
<a href={linkBtn} target="_self" class="inline-block w-fit h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm md:text-base mt-4">{txtBtn}</a>
|
|
54
54
|
)}
|
|
55
55
|
{showBtnModal && (
|
|
56
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#
|
|
56
|
+
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 mt-4 md:mt-0 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm md:text-base cursor-pointer`}>{txtBtnModal}</button>
|
|
57
57
|
)}
|
|
58
58
|
</div>
|
|
59
59
|
<div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
@@ -63,8 +63,8 @@ const forceSkeleton = !lf2FormTitle;
|
|
|
63
63
|
|
|
64
64
|
</article>
|
|
65
65
|
|
|
66
|
-
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-
|
|
67
|
-
<div class="flex flex-col w-full md:w-4/5 max-w-[1000px] max-h-[calc(100vh-96px)] m-auto p-4 rounded-2xl bg-white shadow-lg border border-[#
|
|
66
|
+
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-gray-100/90 flex items-center justify-center">
|
|
67
|
+
<div class="flex flex-col w-full md:w-4/5 max-w-[1000px] max-h-[calc(100vh-96px)] m-auto p-4 rounded-2xl bg-white shadow-lg border border-[#B6B7BB] overflow-y-auto modal-guia">
|
|
68
68
|
<div class="w-full flex justify-end">
|
|
69
69
|
<button id={`js-close-teruel-popup-${randomId}`} class="js-close-popup w-auto transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
70
70
|
</div>
|
|
@@ -73,19 +73,19 @@ const forceSkeleton = !lf2FormTitle;
|
|
|
73
73
|
<img src={imageModalUrl} alt={altModal} width="300" height="400" class="w-fit" loading="lazy"/>
|
|
74
74
|
</div>
|
|
75
75
|
<div class="w-full lg:w-2/3">
|
|
76
|
-
<h2 class="font-heading text-[#
|
|
77
|
-
<!-- <h3 class="font-heading text-[#
|
|
76
|
+
<h2 class="font-heading text-[#262626] text-[28px] leading-9 lg:text-[32px] lg:leading-10 font-normal text-left mb-8">{titleModal}</h2>
|
|
77
|
+
<!-- <h3 class="font-heading text-[#262626] text-[20px] lg:text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{subtitleModal}</h3> -->
|
|
78
78
|
<div class="font-body text-base font-normal leading-6 mb-8" set:html={descriptionModal} />
|
|
79
79
|
{forceSkeleton ? (
|
|
80
80
|
<div class="w-full flex flex-col mt-4 mx-auto gap-6 animate-pulse">
|
|
81
|
-
<div class="h-6 w-2/3 bg-
|
|
82
|
-
<div class="h-10 w-full bg-
|
|
83
|
-
<div class="h-10 w-full bg-
|
|
84
|
-
<div class="h-10 w-full bg-
|
|
85
|
-
<div class="h-10 w-full bg-
|
|
86
|
-
<div class="h-10 w-full bg-
|
|
87
|
-
<div class="h-24 w-full bg-
|
|
88
|
-
<div class="h-10 w-1/3 bg-
|
|
81
|
+
<div class="h-6 w-2/3 bg-gray-200 rounded"></div>
|
|
82
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
83
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
84
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
85
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
86
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
87
|
+
<div class="h-24 w-full bg-gray-200 rounded"></div>
|
|
88
|
+
<div class="h-10 w-1/3 bg-gray-300 rounded"></div>
|
|
89
89
|
</div>
|
|
90
90
|
) : (
|
|
91
91
|
<div id={`lf2-form-container-${randomId}`} class="w-full">
|
|
@@ -13,14 +13,14 @@ const forceSkeleton = !lf2FormTitle;
|
|
|
13
13
|
---
|
|
14
14
|
{forceSkeleton ? (
|
|
15
15
|
<div class="w-full flex flex-col mt-4 mx-auto gap-6 animate-pulse">
|
|
16
|
-
<div class="h-6 w-2/3 bg-
|
|
17
|
-
<div class="h-10 w-full bg-
|
|
18
|
-
<div class="h-10 w-full bg-
|
|
19
|
-
<div class="h-10 w-full bg-
|
|
20
|
-
<div class="h-10 w-full bg-
|
|
21
|
-
<div class="h-10 w-full bg-
|
|
22
|
-
<div class="h-24 w-full bg-
|
|
23
|
-
<div class="h-10 w-1/3 bg-
|
|
16
|
+
<div class="h-6 w-2/3 bg-gray-200 rounded"></div>
|
|
17
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
18
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
19
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
20
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
21
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
22
|
+
<div class="h-24 w-full bg-gray-200 rounded"></div>
|
|
23
|
+
<div class="h-10 w-1/3 bg-gray-300 rounded"></div>
|
|
24
24
|
</div>
|
|
25
25
|
) : (
|
|
26
26
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
|
|
@@ -39,27 +39,27 @@ const structuredData = `<script type="application/ld+json">
|
|
|
39
39
|
---
|
|
40
40
|
|
|
41
41
|
<div class="w-full flex flex-col md:flex-row px-6 md:px-4 lg:px-0 gap-8">
|
|
42
|
-
<div class="max-w-7xl w-full mx-auto flex justify-start flex-col px-12 bg-[
|
|
42
|
+
<div class="max-w-7xl w-full mx-auto flex justify-start flex-col px-12 bg-[linear-gradient(to_left,#E3E3EE,#FFFFFF,#D7EBF5)]">
|
|
43
43
|
<article class="flex flex-col items-center justify-center">
|
|
44
44
|
<div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
|
|
45
45
|
<div class="w-full md:w-1/3 flex justify-start mt-12 mb-8 flex-col">
|
|
46
|
-
<h2 class="font-heading text-[#
|
|
47
|
-
<p class="font-heading text-[#
|
|
48
|
-
<p class="text-[#
|
|
46
|
+
<h2 class="font-heading text-[#262626] text-[28px] leading-9 md:text-[32px] md:leading-10 font-medium text-left mb-4 text-wrap">{title}</h2>
|
|
47
|
+
<p class="font-heading text-[#262626] text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-left mb-4 text-wrap">{subTitle}</p>
|
|
48
|
+
<p class="text-[#363942] font-semibold font-body text-base leading-6 mb-4">{description}</p>
|
|
49
49
|
<div class="text-sm leading-[21px] font-body" set:html={mainContent}></div>
|
|
50
50
|
</div>
|
|
51
51
|
<div class={`w-full md:w-1/2 mt-8 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
52
|
-
<div class="flex w-full md:w-[500px] flex-col items-start gap-6 p-8 rounded-2xl border border-[#
|
|
52
|
+
<div class="flex w-full md:w-[500px] flex-col items-start gap-6 p-8 rounded-2xl border border-[#B6B7BB] bg-white shadow-[0_8px_8px_-4px_rgba(0,0,0,0.04),0_20px_24px_-4px_rgba(0,0,0,0.08)]">
|
|
53
53
|
{forceSkeleton ? (
|
|
54
54
|
<div class="w-full flex flex-col mx-auto gap-6 animate-pulse">
|
|
55
|
-
<div class="h-6 w-2/3 bg-
|
|
56
|
-
<div class="h-10 w-full bg-
|
|
57
|
-
<div class="h-10 w-full bg-
|
|
58
|
-
<div class="h-10 w-full bg-
|
|
59
|
-
<div class="h-10 w-full bg-
|
|
60
|
-
<div class="h-10 w-full bg-
|
|
61
|
-
<div class="h-24 w-full bg-
|
|
62
|
-
<div class="h-10 w-1/3 bg-
|
|
55
|
+
<div class="h-6 w-2/3 bg-gray-200 rounded"></div>
|
|
56
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
57
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
58
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
59
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
60
|
+
<div class="h-10 w-full bg-gray-200 rounded"></div>
|
|
61
|
+
<div class="h-24 w-full bg-gray-200 rounded"></div>
|
|
62
|
+
<div class="h-10 w-1/3 bg-gray-300 rounded"></div>
|
|
63
63
|
</div>
|
|
64
64
|
) : (
|
|
65
65
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
|
|
@@ -27,7 +27,7 @@ const polygons = [
|
|
|
27
27
|
]
|
|
28
28
|
|
|
29
29
|
const gradiants = [
|
|
30
|
-
'bg-[#
|
|
30
|
+
'bg-[#001978]',
|
|
31
31
|
'bg-gradient-to-br from-red-300 via-orange-500 to-purple-500',
|
|
32
32
|
'bg-gradient-to-br from-green-500 from-20% via-red-400 to-purple-500',
|
|
33
33
|
'bg-gradient-to-br from-violet-100 via-violet-800 via-red-400 to-purple-500',
|
|
@@ -23,7 +23,7 @@ const randomId = `geo-shape-card-`+ Math.random().toString(36).substring(2, 15);
|
|
|
23
23
|
<div class={`absolute top-0 ${orientation === 'right' ? 'right-0' : 'left-0'}`}>
|
|
24
24
|
<GeometricShape imageSrc={imageSrcUrl} orientation={orientation} figure={figure} gradiantIndex={gradiantIndex} />
|
|
25
25
|
</div>
|
|
26
|
-
<div class={`flex text-
|
|
26
|
+
<div class={`flex text-gray-800 flex-col w-3/5 mx-auto ${orientation === 'right' ? 'text-left items-start' : 'text-right items-end'}`}>
|
|
27
27
|
<h2 class="font-heading text-4xl font-bold mb-5 max-w-3xl">{title}</h2>
|
|
28
28
|
<div class={`flex flex-col w-full max-w-3xl gap-4 ${orientation === 'right' ? 'text-left items-start' : 'text-left items-end'}`}>
|
|
29
29
|
<div set:html={mainContent}></div>
|
|
@@ -31,7 +31,7 @@ const randomId = `geo-shape-card-`+ Math.random().toString(36).substring(2, 15);
|
|
|
31
31
|
<div class={`js-hidden-${randomId} transition-[height] duration-300 relative overflow-hidden js-not-showing h-0`}>
|
|
32
32
|
<div class="flex flex-col gap-4" set:html={secondaryContent}></div>
|
|
33
33
|
</div>
|
|
34
|
-
<button id={randomId} type="button" class="mt-4 px-4 py-2 text-
|
|
34
|
+
<button id={randomId} type="button" class="mt-4 px-4 py-2 text-slate-800 rounded-lg border border-slate-800 hover:text-white hover:bg-slate-800 hover:bg-[#001978] transition cursor-pointer">∨ Leer más</button>
|
|
35
35
|
)}
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|