libreria-astro-lefebvre 0.0.9 → 0.0.10
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/package.json +1 -1
- package/src/carbins/Repetidor_2025_Dubai.ts +2 -2
- package/src/carbins/Repetidor_2025_Estocolmo.ts +1 -1
- package/src/carbins/Repetidor_2025_Tokyo.ts +1 -1
- package/src/components/Astro/Cabecera_2025_Barcelona.astro +1 -1
- package/src/components/Astro/Cabecera_2025_Madrid.astro +3 -3
- package/src/components/Astro/Contenido_2025_Alcorcon.astro +3 -3
- package/src/components/Astro/Contenido_2025_Malaga.astro +12 -5
- package/src/components/Astro/Contenido_2025_Montevideo.astro +1 -1
- package/src/components/Astro/Footer_2025_Napoles.astro +21 -16
- package/src/components/Astro/Formulario_2025_Seul.astro +11 -4
- package/src/components/Astro/Imagen_2025_Bogota.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Cabra.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Dubai.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Estocolmo.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Michigan.astro +4 -4
- package/src/components/Astro/Repetidor_2025_Orcasitas.astro +108 -94
- package/src/components/Astro/Repetidor_2025_Oslo.astro +3 -3
- package/src/components/Astro/Repetidor_2025_Quito.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Tokyo.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Yakarta.astro +1 -1
- package/src/components/Astro/TextImageBlock.astro +1 -1
- package/src/components/Astro/Titulo_2025_Algeciras.astro +4 -3
package/package.json
CHANGED
|
@@ -3,8 +3,8 @@ import type { ComponentMetadata } from '../interfaces/types';
|
|
|
3
3
|
export const metadata: ComponentMetadata = {
|
|
4
4
|
component_name: 'Repetidor_2025_Dubai',
|
|
5
5
|
category: 'Repetidor',
|
|
6
|
-
name: '
|
|
7
|
-
description: '
|
|
6
|
+
name: 'Contenidos titulo descripción y botón Genial 2025',
|
|
7
|
+
description: 'Contenidos para el directorio de Genial en la corporativa de Lefebvre',
|
|
8
8
|
framework: 'Astro',
|
|
9
9
|
priority: 1,
|
|
10
10
|
tags: ['contenido', 'carrusel', 'genial'],
|
|
@@ -3,7 +3,7 @@ import type { ComponentMetadata } from '../interfaces/types';
|
|
|
3
3
|
export const metadata: ComponentMetadata = {
|
|
4
4
|
component_name: 'Repetidor_2025_Estocolmo',
|
|
5
5
|
category: 'Repetidor',
|
|
6
|
-
name: 'Repetidor de contenido Genial 2025',
|
|
6
|
+
name: 'Repetidor de contenido Genial sin campos 2025',
|
|
7
7
|
description: 'Repetidor de contenido para el directorio de Genial en la corporativa de Lefebvre',
|
|
8
8
|
framework: 'Astro',
|
|
9
9
|
priority: 1,
|
|
@@ -3,7 +3,7 @@ import type { ComponentMetadata } from '../interfaces/types';
|
|
|
3
3
|
export const metadata: ComponentMetadata = {
|
|
4
4
|
component_name: 'Repetidor_2025_Tokyo',
|
|
5
5
|
category: 'Repetidor',
|
|
6
|
-
name: 'Repetidor de contenido Genial 2025',
|
|
6
|
+
name: 'Repetidor de contenido con bloque Genial 2025',
|
|
7
7
|
description: 'Repetidor de contenido para el directorio de Genial en la corporativa de Lefebvre',
|
|
8
8
|
framework: 'Astro',
|
|
9
9
|
priority: 1,
|
|
@@ -8,7 +8,7 @@ const {
|
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
<section class="w-full flex pb-12">
|
|
11
|
-
<div class="max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] py-2 text-[14px]">
|
|
11
|
+
<div class="max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] px-6 md:px-2 py-2 text-[14px]">
|
|
12
12
|
<a href={subdirectory + '/'}><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
13
13
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.607 2.26475C11.1639 2.32582 10.6509 2.48899 10.1624 2.72428C9.60055 2.99492 9.00859 3.34706 6.66084 4.80718C4.31852 6.26394 3.93572 6.53182 3.40193 7.08788C2.90464 7.60592 2.64374 8.07514 2.46575 8.77158C2.28122 9.49354 2.26758 9.74391 2.2535 12.6665C2.24172 15.1104 2.25893 16.3111 2.31649 17.061C2.44485 18.7333 2.80188 19.7175 3.55237 20.4678C4.28974 21.2051 5.2235 21.5501 6.83418 21.6806C7.50612 21.735 8.61888 21.75 11.9999 21.75C15.3809 21.75 16.4937 21.735 17.1656 21.6806C18.7575 21.5516 19.699 21.2081 20.4254 20.4911C20.9976 19.9264 21.341 19.2288 21.5307 18.2464C21.724 17.2457 21.7637 16.2126 21.7463 12.6447C21.7321 9.7458 21.7182 9.49232 21.534 8.77158C21.356 8.07514 21.0951 7.60592 20.5979 7.08788C20.0641 6.53182 19.6813 6.26394 17.3389 4.80718C14.9942 3.34893 14.4021 2.99663 13.8362 2.72324C13.4707 2.54669 13.003 2.3831 12.6586 2.3114C12.3947 2.25643 11.8444 2.23204 11.607 2.26475ZM11.6269 3.73267C11.5426 3.74947 11.3777 3.79614 11.2605 3.83636C10.6997 4.02896 10.2326 4.29571 7.66624 5.88901C5.52292 7.21964 5.04514 7.53681 4.65608 7.88712C3.98123 8.49478 3.78607 9.00003 3.72514 10.2972C3.69616 10.9139 3.69657 15.5359 3.72565 16.2378C3.80342 18.1147 4.03097 18.9336 4.63227 19.501C5.0201 19.867 5.59984 20.0807 6.49905 20.189C7.24869 20.2793 7.46553 20.283 11.9999 20.283C16.5343 20.283 16.7511 20.2793 17.5007 20.189C19.2668 19.9762 19.925 19.3378 20.1684 17.6016C20.2815 16.7945 20.3028 15.9639 20.291 12.8283C20.284 10.9976 20.272 10.0331 20.254 9.86956C20.1456 8.88351 19.9347 8.41609 19.3684 7.90674C18.9506 7.53089 18.535 7.25522 16.2312 5.82558C13.7693 4.29779 13.2896 4.02434 12.7476 3.83985C12.3354 3.69954 11.9691 3.6645 11.6269 3.73267Z" fill="#363942"/>
|
|
14
14
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5553 14.1632C10.1564 14.1632 9.83307 14.4866 9.83307 14.8856V20.6644C9.83307 21.0634 9.50969 21.3868 9.11079 21.3868C8.71189 21.3868 8.38852 21.0634 8.38852 20.6644V14.8856C8.38852 13.6888 9.35864 12.7185 10.5553 12.7185H13.4444C14.6411 12.7185 15.6113 13.6888 15.6113 14.8856V20.6644C15.6113 21.0634 15.2879 21.3868 14.889 21.3868C14.4901 21.3868 14.1667 21.0634 14.1667 20.6644V14.8856C14.1667 14.4866 13.8433 14.1632 13.4444 14.1632H10.5553Z" fill="#363942"/>
|
|
@@ -45,7 +45,7 @@ const categories = [
|
|
|
45
45
|
---
|
|
46
46
|
|
|
47
47
|
<header class="sticky top-0 w-full bg-white z-50 flex flex-col justify-center align-center items-center p-0">
|
|
48
|
-
<nav class="px-4 py-2 w-full border-b-1 border-gray-
|
|
48
|
+
<nav class="px-4 py-2 w-full border-b-1 border-gray-300">
|
|
49
49
|
|
|
50
50
|
<div class="max-w-7xl flex items-center justify-between py-2 mx-auto">
|
|
51
51
|
<a href={subdirectory + '/'} class="hidden md:flex items-center">
|
|
@@ -85,8 +85,8 @@ const categories = [
|
|
|
85
85
|
<nav class="w-full flex items-center border-b-1 border-gray-300">
|
|
86
86
|
<ul class="max-w-7xl hidden lg:flex items-center justify-start gap-8 mx-auto">
|
|
87
87
|
{categories.map(category => (
|
|
88
|
-
<li class="relative group
|
|
89
|
-
<a href={category.link} class="flex items-center">
|
|
88
|
+
<li class="relative group border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600 hover:bg-gray-100">
|
|
89
|
+
<a href={category.link} class="flex items-center px-8 py-6">
|
|
90
90
|
<span>
|
|
91
91
|
{category.name}
|
|
92
92
|
</span>
|
|
@@ -17,7 +17,7 @@ const {
|
|
|
17
17
|
|
|
18
18
|
<article class="w-full flex flex-col items-center justify-center p-6">
|
|
19
19
|
|
|
20
|
-
<div class="max-w-7xl h-full flex justify-center items-center aspect-auto relative md:w-4/5 lg:aspect-video">
|
|
20
|
+
<div class="max-w-7xl w-full h-full flex justify-center items-center aspect-auto relative md:w-4/5 lg:aspect-video">
|
|
21
21
|
<div class="absolute inset-0">
|
|
22
22
|
|
|
23
23
|
{src && src !== "" ? (
|
|
@@ -30,8 +30,8 @@ const {
|
|
|
30
30
|
</div>
|
|
31
31
|
|
|
32
32
|
<div class="w-4/5 relative z-10 flex flex-col justify-center items-center h-full text-center p-0 py-8 md:p-6">
|
|
33
|
-
<h2 class="text-[#262626] font-poppins text-[72px] font-semibold text-center leading-none">{title}</h2>
|
|
34
|
-
<p class="text-[#262626] font-poppins text-[36px] font-normal leading-[32px] text-center mb-8">{subtitle}</p>
|
|
33
|
+
<h2 class="text-[#262626] font-poppins text-[56px] md:text-[72px] font-semibold text-center leading-none">{title}</h2>
|
|
34
|
+
<p class="text-[#262626] font-poppins text-[32px] md:text-[36px] font-normal leading-[32px] text-center mb-8">{subtitle}</p>
|
|
35
35
|
<div class="text-[#363942] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
|
|
36
36
|
|
|
37
37
|
{showBtn ? (
|
|
@@ -33,7 +33,7 @@ const {
|
|
|
33
33
|
<div class={`w-1/2`} style={`
|
|
34
34
|
${orientation === 'left' ? `padding-left: ${paddingLeft}px` : `padding-right: ${paddingLeft}px`}
|
|
35
35
|
`}>
|
|
36
|
-
<h2 class="text-[2.
|
|
36
|
+
<h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
37
37
|
<div
|
|
38
38
|
class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
|
|
39
39
|
set:html={description}
|
|
@@ -49,9 +49,16 @@ const {
|
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
51
|
) : (
|
|
52
|
-
<
|
|
52
|
+
<style>
|
|
53
|
+
@media (max-width: 767px) {
|
|
54
|
+
.css-mq-pl-767 {
|
|
55
|
+
padding-left: 1rem !important;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
</style>
|
|
59
|
+
<div class={`w-full md:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
|
|
53
60
|
style={{ 'padding-left': `${paddingLeft}px` }}>
|
|
54
|
-
<h2 class="text-[2.
|
|
61
|
+
<h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
55
62
|
<div
|
|
56
63
|
class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
|
|
57
64
|
set:html={description}
|
|
@@ -87,7 +94,7 @@ const {
|
|
|
87
94
|
</svg>
|
|
88
95
|
|
|
89
96
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
90
|
-
<h2 class="text-[2.
|
|
97
|
+
<h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
91
98
|
<div
|
|
92
99
|
class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
|
|
93
100
|
set:html={description}
|
|
@@ -104,7 +111,7 @@ const {
|
|
|
104
111
|
|
|
105
112
|
) : (
|
|
106
113
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
107
|
-
<h2 class="text-[2.
|
|
114
|
+
<h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
108
115
|
<div
|
|
109
116
|
class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
|
|
110
117
|
set:html={description}
|
|
@@ -13,7 +13,7 @@ const {
|
|
|
13
13
|
|
|
14
14
|
---
|
|
15
15
|
|
|
16
|
-
<a href={link} class="w-full flex flex-col cursor-pointer">
|
|
16
|
+
<a href={link} class="w-full flex flex-col cursor-pointer px-4 md:px-0">
|
|
17
17
|
<article class="w-full h-full flex flex-col rounded-lg border border-gray-200 items-center shadow-sm hover:bg-gradient-to-r from-[#001978] via-[#2134F1] to-[#F81BBD] transition-all duration-300 p-[1px]">
|
|
18
18
|
<div class="bg-white mt-[1px] rounded-tl-[7px] rounded-tr-[7px] h-full">
|
|
19
19
|
<div class="w-full">
|
|
@@ -1,47 +1,52 @@
|
|
|
1
1
|
---
|
|
2
2
|
import Separador_2025_Reinosa from './Separador_2025_Reinosa.astro';
|
|
3
3
|
|
|
4
|
+
const {
|
|
5
|
+
subdirectory = "",
|
|
6
|
+
} = Astro.props;
|
|
7
|
+
|
|
4
8
|
const categories = [
|
|
5
9
|
{
|
|
6
10
|
name: 'Lefebvre',
|
|
7
11
|
link: '#',
|
|
8
12
|
subcategories: [
|
|
9
|
-
{name: 'Lefebvre.es', link: 'https://lefebvre.es
|
|
13
|
+
{name: 'Lefebvre.es', link: 'https://lefebvre.es'},
|
|
10
14
|
{name: 'Conócenos', link: 'https://lefebvre.es/cultura-empresarial/equipo-direccion/'},
|
|
11
|
-
{name: 'Trabaja con nosotros', link: 'https://lefebvre.es/talento'},
|
|
15
|
+
{name: 'Trabaja con nosotros', link: 'https://lefebvre.es/talento/'},
|
|
12
16
|
{name: 'Contacto Lefebvre', link: 'https://lefebvre.es/contacto/'},
|
|
13
|
-
{name: 'Canal ético', link: '
|
|
14
|
-
{name: 'Partners', link: '
|
|
17
|
+
{name: 'Canal ético', link: 'https://lefebvre.es/etica-cumplimiento/'},
|
|
18
|
+
// {name: 'Partners', link: 'https://lefebvre.es/cultura-empresarial/'}
|
|
15
19
|
],
|
|
16
20
|
},
|
|
17
21
|
{
|
|
18
22
|
name: 'Explora GenIA-L',
|
|
19
23
|
link: '#',
|
|
20
24
|
subcategories: [
|
|
21
|
-
{name: 'IA Jurídica', link: '#'},
|
|
22
|
-
{name: 'Casos reales', link: '
|
|
23
|
-
{name: '
|
|
24
|
-
{name: '
|
|
25
|
-
{name: '
|
|
25
|
+
// {name: 'IA Jurídica', link: '#'},
|
|
26
|
+
{name: 'Casos reales', link: subdirectory + '/casos-reales'},
|
|
27
|
+
{name: 'Conoce GenIA-L', link: subdirectory + '/conoce-genia-l'},
|
|
28
|
+
// {name: 'Novedades y recursos', link: '#'},
|
|
29
|
+
// {name: 'Preguntas Frecuentes', link: '#'},
|
|
30
|
+
{name: 'Contacto GenIA-L', link: subdirectory + '/contacto'}
|
|
26
31
|
],
|
|
27
32
|
},
|
|
28
33
|
{
|
|
29
34
|
name: 'Portales Lefebvre',
|
|
30
35
|
link: '#',
|
|
31
36
|
subcategories: [
|
|
32
|
-
{name: 'GenIA-L', link: '
|
|
33
|
-
{name: 'Formacion', link: '
|
|
34
|
-
{name: '
|
|
35
|
-
{name: '
|
|
36
|
-
{name: 'Derecholocal.es', link: '
|
|
37
|
-
{name: 'ESG', link: '
|
|
37
|
+
{name: 'GenIA-L', link: 'https://lefebvre.es/genia-l'},
|
|
38
|
+
{name: 'Formacion', link: 'https://lefebvre.es/formacion'},
|
|
39
|
+
{name: 'Elderecho.com', link: 'https://elderecho.com'},
|
|
40
|
+
{name: 'Espacioasesoria.com', link: 'https://espacioasesoria.com'},
|
|
41
|
+
{name: 'Derecholocal.es', link: 'https://derecholocal.es'},
|
|
42
|
+
{name: 'ESG', link: 'https://lefebvre.es/esg'}
|
|
38
43
|
],
|
|
39
44
|
},
|
|
40
45
|
{
|
|
41
46
|
name: 'Tienda Online',
|
|
42
47
|
link: '#',
|
|
43
48
|
subcategories: [
|
|
44
|
-
{name: 'Nuestros productos', link: '
|
|
49
|
+
{name: 'Nuestros productos', link: 'https://lefebvre.es/tienda'}
|
|
45
50
|
],
|
|
46
51
|
},
|
|
47
52
|
|
|
@@ -7,6 +7,7 @@ const {
|
|
|
7
7
|
orientation = "left",
|
|
8
8
|
imageSrc,
|
|
9
9
|
lf2FormTitle = "Formulario de contacto",
|
|
10
|
+
businessAction = false
|
|
10
11
|
} = Astro.props;
|
|
11
12
|
|
|
12
13
|
const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
|
|
@@ -31,7 +32,7 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
|
|
|
31
32
|
<article class="flex flex-col items-center justify-center py-6">
|
|
32
33
|
<div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
|
|
33
34
|
<div class="w-full md:w-1/3 flex justify-start mb-8 flex-col">
|
|
34
|
-
<p class="font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap
|
|
35
|
+
<p class="font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap">{title}</p>
|
|
35
36
|
<p>{description}</p>
|
|
36
37
|
</div>
|
|
37
38
|
<div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
@@ -44,14 +45,20 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
|
|
|
44
45
|
</div>
|
|
45
46
|
|
|
46
47
|
|
|
47
|
-
<script is:client define:vars={{ idTargetLf2 , lf2FormTitle}}>
|
|
48
|
+
<script is:client define:vars={{ idTargetLf2 , lf2FormTitle, businessAction}}>
|
|
48
49
|
document.addEventListener('DOMContentLoaded', () => {
|
|
50
|
+
|
|
51
|
+
let defaultParameters = {};
|
|
52
|
+
if(businessAction) {
|
|
53
|
+
defaultParameters.accioncomercial = businessAction;
|
|
54
|
+
}
|
|
55
|
+
|
|
49
56
|
let configLf2 = {
|
|
50
57
|
fake: true,
|
|
51
58
|
formulario: lf2FormTitle,
|
|
52
|
-
bootstrap:
|
|
59
|
+
bootstrap: true,
|
|
53
60
|
target: '#'+idTargetLf2,
|
|
54
|
-
defaultparameters:
|
|
61
|
+
defaultparameters: defaultParameters,
|
|
55
62
|
};
|
|
56
63
|
try {
|
|
57
64
|
apiManager.pintarFormularioAutogestionado(configLf2);
|
|
@@ -29,7 +29,7 @@ const {
|
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
<div class="w-4/5 relative z-10 flex flex-col justify-center items-center h-full text-center p-0 py-8 md:p-6">
|
|
32
|
-
<h3 class="text-[#ffffff] font-poppins text-[40px] font-semibold text-center leading-[48px] mb-[32px]">{title}</h3>
|
|
32
|
+
<h3 class="text-[#ffffff] font-poppins text-[36px] md:text-[40px] font-semibold text-center leading-[44px] md:leading-[48px] mb-[32px]">{title}</h3>
|
|
33
33
|
<div class="text-[#ffffff] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
|
|
34
34
|
|
|
35
35
|
{showBtn ? (
|
|
@@ -61,7 +61,7 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
|
|
|
61
61
|
/>
|
|
62
62
|
</div>
|
|
63
63
|
<div class="w-full md:w-1/2 p-0 md:pr-2">
|
|
64
|
-
<img src={item.image} alt="Imagen" class="w-full h-auto rounded-xl" />
|
|
64
|
+
<img src={item.image} alt="Imagen" class="w-full min-h-auto lg:min-h-full object-cover rounded-xl" />
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
|
|
@@ -11,7 +11,7 @@ const {
|
|
|
11
11
|
import Repetidor_2025_Orcasitas from './Repetidor_2025_Orcasitas.astro';
|
|
12
12
|
---
|
|
13
13
|
<article class="w-full flex flex-col text-center items-center justify-center p-12 pb-4 bg-[#ffffff] rounded-2xl">
|
|
14
|
-
<h2 class="text-[2.
|
|
14
|
+
<h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
15
15
|
<div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8">
|
|
16
16
|
<p set:html={description}></p>
|
|
17
17
|
</div>
|
|
@@ -8,7 +8,7 @@ const {
|
|
|
8
8
|
|
|
9
9
|
---
|
|
10
10
|
<div class="w-full flex flex-row flex-wrap items-center justify-center mb-4">
|
|
11
|
-
<div class="max-w-7xl gap-3 flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
|
|
11
|
+
<div class="max-w-7xl gap-3 px-4 md:px-0 flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
|
|
12
12
|
{items.map(item => (
|
|
13
13
|
<Contenido_2025_Montevideo
|
|
14
14
|
link={item.link}
|
|
@@ -6,12 +6,12 @@ const {
|
|
|
6
6
|
---
|
|
7
7
|
<section class="w-full flex flex-col items-center justify-center">
|
|
8
8
|
{items.map(item => (
|
|
9
|
-
<article class="w-full flex flex-col items-center justify-center border-b-1 border-b-[#B6B7BB]" style={items.indexOf(item) === items.length - 1 ? 'border-bottom: none;' : ''} >
|
|
10
|
-
<div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4`}>
|
|
9
|
+
<article class="w-full flex flex-col items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={items.indexOf(item) === items.length - 1 ? 'border-bottom: none;' : ''} >
|
|
10
|
+
<div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
|
|
11
11
|
<div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
|
|
12
|
-
<h2 class="text-[32px] leading-[40px] mb-[24px] text-[#363942] font-poppins font-semibold">{item.title}</h2>
|
|
12
|
+
<h2 class="text-[28px] md:text-[32px] leading-[36px] md:leading-[40px] mb-[24px] text-[#363942] font-poppins font-semibold">{item.title}</h2>
|
|
13
13
|
<div
|
|
14
|
-
class="text-[#363942] font-inter font-normal text-base leading-[28px] flex flex-col gap-4 mb-8"
|
|
14
|
+
class="text-[#363942] font-inter font-normal text-base leading-[28px] flex flex-col gap-4 md-0 md:mb-8"
|
|
15
15
|
set:html={item.description}
|
|
16
16
|
/>
|
|
17
17
|
</div>
|
|
@@ -22,10 +22,17 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
22
22
|
</div>
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
<
|
|
25
|
+
<style is:global>
|
|
26
|
+
.glider-track{
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: start !important;
|
|
29
|
+
}
|
|
30
|
+
</style>
|
|
31
|
+
|
|
32
|
+
<div class="w-full ">
|
|
26
33
|
<div id={carouselId} class="glider w-full">
|
|
27
34
|
{items.map((item, idx) => (
|
|
28
|
-
<div class="p-10 bg-white"
|
|
35
|
+
<div class="p-10 bg-white">
|
|
29
36
|
{item.iframeSrc ? (
|
|
30
37
|
<div class="w-full">
|
|
31
38
|
<span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
|
|
@@ -51,13 +58,13 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
51
58
|
</div>
|
|
52
59
|
|
|
53
60
|
<div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
|
|
54
|
-
<div class="flex flex-col justify-center items-center w-full h-full bg-
|
|
61
|
+
<div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
|
|
55
62
|
<div class="w-full flex justify-end">
|
|
56
|
-
<button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer"
|
|
63
|
+
<button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
57
64
|
</div>
|
|
58
65
|
<div class="w-full h-full flex items-center justify-center">
|
|
59
66
|
<iframe
|
|
60
|
-
class="rounded-xl shadow-lg max-w-3/4 aspect-video"
|
|
67
|
+
class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video"
|
|
61
68
|
src=""
|
|
62
69
|
frameborder="0"
|
|
63
70
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
@@ -90,100 +97,107 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
90
97
|
|
|
91
98
|
new Glider(document.querySelector('#' + carouselId), {
|
|
92
99
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
},
|
|
120
|
-
|
|
121
|
-
// allow mouse dragging
|
|
122
|
-
draggable: true,
|
|
123
|
-
// how much to scroll with each mouse delta
|
|
124
|
-
dragVelocity: 3.3,
|
|
125
|
-
|
|
126
|
-
// use any custom easing function
|
|
127
|
-
// compatible with most easing plugins
|
|
128
|
-
easing: function (x, t, b, c, d) {
|
|
129
|
-
return c*(t/=d)*t + b;
|
|
130
|
-
},
|
|
131
|
-
|
|
132
|
-
// event control
|
|
133
|
-
scrollPropagate: false,
|
|
134
|
-
eventPropagate: true,
|
|
135
|
-
|
|
136
|
-
// Force centering slide after scroll event
|
|
137
|
-
scrollLock: false,
|
|
138
|
-
// how long to wait after scroll event before locking
|
|
139
|
-
// if too low, it might interrupt normal scrolling
|
|
140
|
-
scrollLockDelay: 150,
|
|
141
|
-
|
|
142
|
-
// Force centering slide after resize event
|
|
143
|
-
resizeLock: true,
|
|
144
|
-
|
|
145
|
-
// Glider.js breakpoints are mobile-first
|
|
146
|
-
responsive: [
|
|
147
|
-
{
|
|
148
|
-
breakpoint: 1400,
|
|
149
|
-
settings: {
|
|
150
|
-
slidesToShow: slidesToShow,
|
|
151
|
-
slidesToScroll: 1
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
breakpoint: 1200,
|
|
156
|
-
settings: {
|
|
157
|
-
slidesToShow: (slidesToShow >= 5)? slidesToShow - 1 : slidesToShow,
|
|
158
|
-
slidesToScroll: 1
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
{
|
|
162
|
-
breakpoint: 900,
|
|
163
|
-
settings: {
|
|
164
|
-
slidesToShow: 3,
|
|
165
|
-
slidesToScroll: 1
|
|
166
|
-
}
|
|
100
|
+
// `auto` allows automatic responsive
|
|
101
|
+
// width calculations
|
|
102
|
+
slidesToShow: slidesToShow,
|
|
103
|
+
slidesToScroll: '1',
|
|
104
|
+
|
|
105
|
+
// should have been named `itemMinWidth`
|
|
106
|
+
// slides grow to fit the container viewport
|
|
107
|
+
// ignored unless `slidesToShow` is set to `auto`
|
|
108
|
+
itemWidth: undefined,
|
|
109
|
+
|
|
110
|
+
// if true, slides wont be resized to fit viewport
|
|
111
|
+
// requires `itemWidth` to be set
|
|
112
|
+
// * this may cause fractional slides
|
|
113
|
+
exactWidth: false,
|
|
114
|
+
|
|
115
|
+
// speed aggravator - higher is slower
|
|
116
|
+
duration: .5,
|
|
117
|
+
|
|
118
|
+
// dot container element or selector
|
|
119
|
+
dots: '#' + buttonsId,
|
|
120
|
+
|
|
121
|
+
// arrow container elements or selector
|
|
122
|
+
arrows: {
|
|
123
|
+
prev: '#' + prevId,
|
|
124
|
+
// may also pass element directly
|
|
125
|
+
next: '#' + nextId
|
|
167
126
|
},
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
127
|
+
|
|
128
|
+
// allow mouse dragging
|
|
129
|
+
draggable: true,
|
|
130
|
+
// how much to scroll with each mouse delta
|
|
131
|
+
dragVelocity: 3.3,
|
|
132
|
+
|
|
133
|
+
// use any custom easing function
|
|
134
|
+
// compatible with most easing plugins
|
|
135
|
+
easing: function (x, t, b, c, d) {
|
|
136
|
+
return c*(t/=d)*t + b;
|
|
174
137
|
},
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
138
|
+
|
|
139
|
+
// event control
|
|
140
|
+
scrollPropagate: false,
|
|
141
|
+
eventPropagate: true,
|
|
142
|
+
|
|
143
|
+
// Force centering slide after scroll event
|
|
144
|
+
scrollLock: false,
|
|
145
|
+
// how long to wait after scroll event before locking
|
|
146
|
+
// if too low, it might interrupt normal scrolling
|
|
147
|
+
scrollLockDelay: 150,
|
|
148
|
+
|
|
149
|
+
// Force centering slide after resize event
|
|
150
|
+
resizeLock: true,
|
|
151
|
+
|
|
152
|
+
// Glider.js breakpoints are mobile-first
|
|
153
|
+
responsive: [
|
|
154
|
+
{
|
|
155
|
+
breakpoint: 1400,
|
|
156
|
+
settings: {
|
|
157
|
+
slidesToShow: slidesToShow,
|
|
158
|
+
slidesToScroll: 1
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
breakpoint: 1200,
|
|
163
|
+
settings: {
|
|
164
|
+
slidesToShow: (slidesToShow >= 5)? slidesToShow - 1 : slidesToShow,
|
|
165
|
+
slidesToScroll: 1
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
breakpoint: 900,
|
|
170
|
+
settings: {
|
|
171
|
+
slidesToShow: 3,
|
|
172
|
+
slidesToScroll: 1
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
breakpoint: 767,
|
|
177
|
+
settings: {
|
|
178
|
+
slidesToShow: 3,
|
|
179
|
+
slidesToScroll: 3
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
breakpoint: 575,
|
|
184
|
+
settings: {
|
|
185
|
+
slidesToShow: 1,
|
|
186
|
+
slidesToScroll: 1
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
breakpoint: 0,
|
|
191
|
+
settings: {
|
|
192
|
+
slidesToShow: 1,
|
|
193
|
+
slidesToScroll: 1
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
]
|
|
183
197
|
});
|
|
184
198
|
|
|
185
199
|
});
|
|
186
200
|
</script>
|
|
187
201
|
|
|
188
|
-
|
|
202
|
+
|
|
189
203
|
|
|
@@ -19,13 +19,13 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
19
19
|
</div>
|
|
20
20
|
|
|
21
21
|
<div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
|
|
22
|
-
<div class="flex flex-col justify-center items-center w-full h-full bg-
|
|
22
|
+
<div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
|
|
23
23
|
<div class="w-full flex justify-end">
|
|
24
|
-
<button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer"
|
|
24
|
+
<button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
25
25
|
</div>
|
|
26
26
|
<div class="w-full h-full flex items-center justify-center">
|
|
27
27
|
<iframe
|
|
28
|
-
class="rounded-xl shadow-lg max-w-3/4 aspect-video"
|
|
28
|
+
class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video"
|
|
29
29
|
src=""
|
|
30
30
|
frameborder="0"
|
|
31
31
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
@@ -12,7 +12,7 @@ const {
|
|
|
12
12
|
|
|
13
13
|
<div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-2 mb-8">
|
|
14
14
|
{items.map((item) => (
|
|
15
|
-
<div class="w-auto flex flex-row gap-4 items-center">
|
|
15
|
+
<div class="w-auto flex flex-row gap-4 items-center last:text-[#2134F1]">
|
|
16
16
|
{
|
|
17
17
|
item.icon === "locator" ? (
|
|
18
18
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none">
|
|
@@ -11,7 +11,7 @@ const {
|
|
|
11
11
|
---
|
|
12
12
|
<article class="w-full flex flex-col md:flex-row text-center items-center justify-center p-12 bg-cover bg-[url(src/assets/images/genial/ico-shield.webp)] bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl">
|
|
13
13
|
<div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[180px]">
|
|
14
|
-
<h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
14
|
+
<h2 class="text-[28px] md:text-[2.625em] leading-[36px] md:leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
15
15
|
<div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8">
|
|
16
16
|
<p set:html={description}></p>
|
|
17
17
|
</div>
|
|
@@ -39,7 +39,7 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
|
|
|
39
39
|
<div class="collapse-title" id={`accordion${index + 1}`}>
|
|
40
40
|
<div class="w-full flex flex-col lg:flex-row flex-1 gap-[48px]">
|
|
41
41
|
<div class="w-full flex flex-col justify-center pl-[0px] lg:pl-[120px]">
|
|
42
|
-
<p class="text-[32px] leading-[
|
|
42
|
+
<p class="text-[28px] md:text-[32px] leading-[36px] mb-[8px] text-[#363942] font-semibold not-italic font-poppins">{item.title}</p>
|
|
43
43
|
<p class="text-[#363942] font-poppins font-normal text-[20px] not-italic leading-[28px]" set:html={item.description}></p>
|
|
44
44
|
</div>
|
|
45
45
|
<div class="w-full lg:w-2/2 flex items-start">
|
|
@@ -12,7 +12,7 @@ const {
|
|
|
12
12
|
<article class="w-3/5 flex flex-col items-center justify-center p-12">
|
|
13
13
|
<div class={`flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-start gap-4`}>
|
|
14
14
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
15
|
-
<h2 class="text-[2.
|
|
15
|
+
<h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
|
|
16
16
|
<div
|
|
17
17
|
class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
|
|
18
18
|
set:html={description}
|
|
@@ -12,8 +12,9 @@ const {
|
|
|
12
12
|
<div class={`w-full md:w-3/5 max-w-auto md:w-full flex ${flexJustify === 'justify-center' ? 'justify-center' : 'justify-start'} flex-col px-4`}>
|
|
13
13
|
{
|
|
14
14
|
tipo === "h1" ? <h1 class="font-poppins text-[36px] md:text-[56px] font-normal text-center leading-[44px] md:leading-[64px] px-6 my-4 md:my-[48px]" set:html={title}></h1>
|
|
15
|
-
: tipo === "
|
|
16
|
-
: tipo === "h2
|
|
15
|
+
: tipo === "h1-40" ? <h2 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h2>
|
|
16
|
+
: tipo === "h2" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[48px] mb-[48px] md:mb-[32px]" set:html={title}></h2>
|
|
17
|
+
: tipo === "h2-mb64" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] p-6 mb-[0]" set:html={title}></h2>
|
|
17
18
|
: tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-center leading-[32px] mb-[8px]" set:html={title}></h3>
|
|
18
19
|
: tipo === "h3-mb32" ? <h3 class="font-poppins text-[32px] font-normal text-left leading-[40px] mb-[32px]" set:html={title}></h3>
|
|
19
20
|
: tipo === "h4" ? <h4 class="font-poppins text-center" set:html={title}></h4>
|
|
@@ -22,6 +23,6 @@ const {
|
|
|
22
23
|
: <p>{title}</p>
|
|
23
24
|
}
|
|
24
25
|
{description && description.trim() !== "" && (
|
|
25
|
-
<div class="w-full md:w-
|
|
26
|
+
<div class="w-full md:w-3/5 text-[#363942] mx-auto font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
|
|
26
27
|
)}
|
|
27
28
|
</div>
|