libreria-astro-lefebvre 0.0.9 → 0.0.11
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/CTA_2025_Formentera.astro +1 -1
- package/src/components/Astro/Cabecera_2025_Barcelona.astro +1 -1
- package/src/components/Astro/Cabecera_2025_Madrid.astro +6 -15
- package/src/components/Astro/Contenido_2025_Alcorcon.astro +6 -6
- package/src/components/Astro/Contenido_2025_Granada.astro +27 -2
- package/src/components/Astro/Contenido_2025_Malaga.astro +12 -5
- package/src/components/Astro/Contenido_2025_Montevideo.astro +2 -2
- package/src/components/Astro/Footer_2025_Napoles.astro +21 -16
- package/src/components/Astro/Formulario_2025_Seul.astro +12 -5
- package/src/components/Astro/Imagen_2025_Bogota.astro +2 -2
- package/src/components/Astro/Repetidor_2025_Cabra.astro +12 -10
- 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 +2 -2
- package/src/components/Astro/Repetidor_2025_Tokyo.astro +2 -2
- package/src/components/Astro/Repetidor_2025_Ubeda.astro +1 -1
- package/src/components/Astro/Repetidor_2025_Yakarta.astro +9 -6
- package/src/components/Astro/TextImageBlock.astro +1 -1
- package/src/components/Astro/Titulo_2025_Algeciras.astro +5 -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,
|
|
@@ -11,7 +11,7 @@ const {
|
|
|
11
11
|
---
|
|
12
12
|
<a
|
|
13
13
|
href={buttonUrl}
|
|
14
|
-
class="font-
|
|
14
|
+
class="text-base font-semibold font-inter block m-8 p-3 px-5 rounded-xl transition-colors duration-300"
|
|
15
15
|
style={`border: 1px solid ${borderColor}; background-color: ${backColor}; color: ${frontColor};`}
|
|
16
16
|
onmouseover={`this.style.backgroundColor='${frontColor}'; this.style.color='${backColor}';`}
|
|
17
17
|
onmouseout={`this.style.backgroundColor='${backColor}'; this.style.color='${frontColor}';`}
|
|
@@ -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,28 +45,19 @@ 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">
|
|
52
|
-
<
|
|
53
|
-
<path d="M22.9413 11.6973H19.6725V28.3047H29.5979V25.4978H22.9413V11.6973Z" fill="#1D1D1B"/>
|
|
54
|
-
<path d="M14.3234 25.4978H7.66687V28.3047H17.5923V11.6973H14.3234V25.4978Z" fill="#1D1D1B"/>
|
|
55
|
-
<path d="M72.925 18.3636C72.3901 17.8373 71.7958 17.3695 71.0826 17.0771C70.3694 16.7848 69.5967 16.6093 68.7647 16.6093C67.9326 16.6093 67.16 16.7848 66.3873 17.0771C65.6741 17.3695 65.0204 17.8373 64.4855 18.3636C63.9506 18.8899 63.5345 19.5332 63.2374 20.2349C62.9402 20.9366 62.7619 21.7553 62.7619 22.574C62.7619 23.3926 62.9402 24.2113 63.2374 24.913C63.5345 25.6148 64.01 26.258 64.5449 26.7843C65.0798 27.3106 65.793 27.7199 66.5656 28.0708C67.3383 28.3632 68.1703 28.5386 69.0618 28.5386C69.9533 28.5386 70.8448 28.4216 71.5581 28.1293C72.3307 27.8369 73.0439 27.4275 73.7571 26.8428L71.7364 25.03C71.4392 25.3224 71.0232 25.5563 70.6071 25.7317C70.1317 25.9071 69.6562 25.9656 69.1807 25.9656C68.3486 25.9656 67.6949 25.7317 67.1005 25.3224C66.5062 24.8546 66.0902 24.3283 65.9119 23.5681H74.5892V22.7494C74.5892 21.8722 74.4703 21.0536 74.1731 20.2934C73.876 19.5332 73.4599 18.8899 72.9845 18.3636M65.8524 21.4044C66.0307 20.7027 66.3873 20.1179 66.9222 19.7086C67.4571 19.2993 68.0515 19.0654 68.7647 19.0654C69.4779 19.0654 70.0128 19.2993 70.5477 19.7086C71.0826 20.1179 71.4392 20.7027 71.6175 21.346H65.8524V21.4044ZM84.0985 16.5509C82.9693 16.5509 82.0778 17.428 82.0778 18.5391C82.0778 19.6501 82.9693 20.5273 84.0985 20.5273C85.2278 20.5273 86.1193 19.6501 86.1193 18.5391C86.1193 17.428 85.2278 16.5509 84.0985 16.5509ZM55.1544 11.6973H51.8855V28.3047H61.8109V25.4978H55.095V11.7558L55.1544 11.6973ZM79.641 11.9312C78.8684 12.5744 77.858 13.8609 77.858 15.9661V17.0187H76.1344V20.001H77.858V28.2462H80.9486V15.9661C80.9486 14.1533 82.1372 13.5101 83.8014 13.744C84.3957 13.744 85.0495 13.9779 85.4655 14.1533L86.2976 11.4634C85.8815 11.288 85.3466 11.1125 84.5146 10.9371C82.5533 10.5862 80.8297 10.9371 79.641 11.8727M134.558 16.5509C133.428 16.5509 132.537 17.428 132.537 18.5391C132.537 19.6501 133.428 20.5273 134.558 20.5273C135.687 20.5273 136.578 19.6501 136.578 18.5391C136.578 17.428 135.687 16.5509 134.558 16.5509ZM96.5796 18.3636C96.0447 17.8373 95.4503 17.3695 94.7372 17.0771C94.0239 16.7848 93.2513 16.6093 92.4192 16.6093C91.5872 16.6093 90.8145 16.7848 90.0419 17.0771C89.3287 17.3695 88.6749 17.8373 88.14 18.3636C87.6051 18.8899 87.1891 19.5332 86.8919 20.2349C86.5947 20.9366 86.4165 21.7553 86.4165 22.574C86.4165 23.3926 86.5947 24.2113 86.8919 24.913C87.1891 25.6148 87.6646 26.258 88.1995 26.7843C88.7344 27.3106 89.4476 27.7199 90.2202 28.0708C90.9928 28.3632 91.8249 28.5386 92.7164 28.5386C93.6079 28.5386 94.4994 28.4216 95.2126 28.1293C95.9852 27.8369 96.6985 27.4275 97.4117 26.8428L95.3909 25.03C95.0938 25.3224 94.6777 25.5563 94.2617 25.7317C93.7862 25.9071 93.3107 25.9656 92.8353 25.9656C92.0032 25.9656 91.3494 25.7317 90.7551 25.3224C90.1608 24.8546 89.7447 24.3283 89.5664 23.5681H98.2437V22.7494C98.2437 21.8722 98.1249 21.0536 97.8277 20.2934C97.5305 19.5332 97.1145 18.8899 96.639 18.3636M89.507 21.4044C89.6853 20.7027 90.0419 20.1179 90.5768 19.7086C91.1117 19.2993 91.706 19.0654 92.4192 19.0654C93.1324 19.0654 93.6674 19.2993 94.2022 19.7086C94.7372 20.1179 95.0938 20.7027 95.272 21.346H89.507V21.4044ZM147.336 18.3636C146.801 17.8373 146.207 17.3695 145.493 17.0771C144.78 16.7848 144.008 16.6093 143.176 16.6093C142.343 16.6093 141.571 16.7848 140.798 17.0771C140.085 17.3695 139.431 17.8373 138.896 18.3636C138.361 18.8899 137.945 19.5332 137.648 20.2349C137.351 20.9366 137.173 21.7553 137.173 22.574C137.173 23.3926 137.351 24.2113 137.648 24.913C137.945 25.6148 138.421 26.258 138.956 26.7843C139.491 27.3106 140.204 27.7199 140.976 28.0708C141.749 28.3632 142.581 28.5386 143.473 28.5386C144.364 28.5386 145.256 28.4216 145.969 28.1293C146.742 27.8369 147.455 27.4275 148.168 26.8428L146.147 25.03C145.85 25.3224 145.434 25.5563 145.018 25.7317C144.542 25.9071 144.067 25.9656 143.592 25.9656C142.759 25.9656 142.106 25.7317 141.511 25.3224C140.917 24.8546 140.501 24.3283 140.323 23.5681H149V22.7494C149 21.8722 148.881 21.0536 148.584 20.2934C148.287 19.5332 147.871 18.8899 147.395 18.3636M140.263 21.4044C140.442 20.7027 140.798 20.1179 141.333 19.7086C141.868 19.2993 142.462 19.0654 143.176 19.0654C143.889 19.0654 144.424 19.2993 144.959 19.7086C145.493 20.1179 145.85 20.7027 146.028 21.346H140.263V21.4044ZM128.198 28.3047H131.289V16.7848H128.198V28.3047ZM119.878 24.4452L116.668 16.7848H113.34L118.392 28.3047H121.363L126.415 16.7848H123.146L119.937 24.4452H119.878ZM111.141 18.3636C110.606 17.8373 109.952 17.428 109.239 17.0771C108.526 16.7848 107.753 16.6093 106.921 16.6093C106.089 16.6093 105.732 16.7263 105.197 16.9017C104.663 17.0771 104.128 17.3695 103.652 17.6619V11.6388H100.562V28.2462H103.593V27.486C104.068 27.7784 104.544 28.0123 105.138 28.1877C105.673 28.3632 106.267 28.4216 106.862 28.4216C107.456 28.4216 108.466 28.2462 109.239 27.9538C109.952 27.6614 110.606 27.2521 111.141 26.7258C111.676 26.1995 112.092 25.5563 112.448 24.8546C112.746 24.1528 112.924 23.3342 112.924 22.5155C112.924 21.6968 112.746 20.9366 112.448 20.1764C112.151 19.4747 111.735 18.8315 111.2 18.3052M108.882 24.913C108.229 25.5563 107.396 25.8487 106.446 25.8487C105.495 25.8487 105.376 25.7317 104.9 25.5563C104.425 25.3808 104.009 25.0885 103.652 24.7961V20.2934C104.009 19.9425 104.425 19.6501 104.9 19.4747C105.376 19.2993 105.911 19.1823 106.446 19.1823C107.396 19.1823 108.169 19.4747 108.882 20.1179C109.536 20.7612 109.893 21.5214 109.893 22.5155C109.893 23.5096 109.536 24.2698 108.882 24.913Z" fill="#1D1D1B"/>
|
|
56
|
-
<path d="M34.7092 40L2.49621 38.7135C1.0698 38.7135 0 37.4855 0 36.1405V3.74443C0 2.45794 1.30754 1.34688 2.61508 1.28841L34.8281 0.00191719C36.4922 -0.0565595 37.8592 1.22993 37.8592 2.86728V36.9007C37.8592 38.5966 36.4328 40 34.6498 39.9415H34.7092V40ZM3.86318 35.7897L33.8771 36.6083C34.2932 36.6083 34.7092 36.2575 34.7092 35.8481V3.91986C34.7092 3.51052 34.412 3.21814 33.996 3.21814L3.80375 4.27072C3.26885 4.27072 2.85281 4.73853 2.85281 5.26482V34.7956C2.85281 35.3219 3.26885 35.7312 3.80375 35.7897H3.86318Z" fill="#1D1D1B"/>
|
|
57
|
-
</svg>
|
|
52
|
+
<img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" class="h-[40px]" alt="Logo Lefebvre">
|
|
58
53
|
</a>
|
|
59
54
|
<a href="#" class="flex md:hidden items-center">
|
|
60
|
-
<
|
|
61
|
-
<path d="M23.672 11.6973H20.4178V28.3047H30.2988V25.4978H23.672V11.6973Z" fill="#1D1D1B"/>
|
|
62
|
-
<path d="M15.0927 25.4978H8.46588V28.3047H18.3469V11.6973H15.0927V25.4978Z" fill="#1D1D1B"/>
|
|
63
|
-
<path d="M35.3872 40L3.31835 38.7135C1.89833 38.7135 0.833313 37.4855 0.833313 36.1405V3.74443C0.833313 2.45794 2.135 1.34688 3.43669 1.28841L35.5056 0.00191719C37.1623 -0.0565595 38.5231 1.22993 38.5231 2.86728V36.9007C38.5231 38.5966 37.1031 40 35.3281 39.9415H35.3872V40ZM4.67921 35.7897L34.5589 36.6083C34.973 36.6083 35.3872 36.2575 35.3872 35.8481V3.91986C35.3872 3.51052 35.0914 3.21814 34.6772 3.21814L4.62004 4.27072C4.08753 4.27072 3.67336 4.73853 3.67336 5.26482V34.7956C3.67336 35.3219 4.08753 35.7312 4.62004 35.7897H4.67921Z" fill="#1D1D1B"/>
|
|
64
|
-
</svg>
|
|
55
|
+
<img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre-iso.svg" class="h-[40px]" alt="Logo Lefebvre">
|
|
65
56
|
</a>
|
|
66
57
|
|
|
67
58
|
<div class="flex items-center gap-4">
|
|
68
59
|
<div class="flex items-center gap-4">
|
|
69
|
-
<a href={url} class="px-5 py-3 font-inter font-semibold text-base border-1 border-[#2134F1] text-[#2134F1] hover:text-[#262626] hover:border-[#262626] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
|
|
60
|
+
<a href={url} class="h-[48px] px-5 py-3 font-inter font-semibold text-base border-1 border-[#2134F1] text-[#2134F1] hover:text-[#262626] hover:border-[#262626] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
|
|
70
61
|
</div>
|
|
71
62
|
<button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');"
|
|
72
63
|
type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100
|
|
@@ -85,8 +76,8 @@ const categories = [
|
|
|
85
76
|
<nav class="w-full flex items-center border-b-1 border-gray-300">
|
|
86
77
|
<ul class="max-w-7xl hidden lg:flex items-center justify-start gap-8 mx-auto">
|
|
87
78
|
{categories.map(category => (
|
|
88
|
-
<li class="relative group
|
|
89
|
-
<a href={category.link} class="flex items-center">
|
|
79
|
+
<li class="relative group border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600 hover:bg-gray-100">
|
|
80
|
+
<a href={category.link} class="flex items-center px-8 py-6">
|
|
90
81
|
<span>
|
|
91
82
|
{category.name}
|
|
92
83
|
</span>
|
|
@@ -13,11 +13,11 @@ const {
|
|
|
13
13
|
|
|
14
14
|
---
|
|
15
15
|
|
|
16
|
-
<section class="w-full flex items-center justify-center">
|
|
16
|
+
<section class="w-full flex items-center justify-center pb-[36px]">
|
|
17
17
|
|
|
18
|
-
<article class="w-full flex flex-col items-center justify-center p-6">
|
|
18
|
+
<article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
|
|
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,12 +30,12 @@ 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-
|
|
34
|
-
<p class="text-[#262626] font-poppins text-[36px] font-normal leading-[32px] text-center mb-
|
|
33
|
+
<h2 class="text-[#262626] font-poppins text-[56px] md:text-[72px] font-medium text-center leading-none">{title}</h2>
|
|
34
|
+
<p class="text-[#262626] font-poppins text-[32px] md:text-[36px] font-normal leading-[32px] text-center mt-[24px] mb-[24px]">{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 ? (
|
|
38
|
-
<a href={linkBtn} target="_self" class="text-[#ffffff] font-
|
|
38
|
+
<a href={linkBtn} target="_self" class="h-[48px] border text-[#ffffff] font-inter font-semibold bg-[#2134F1] px-[28px] py-[12px] !border-[#2134F1] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border border-[#262626]">{txtBtn}</a>
|
|
39
39
|
) : (
|
|
40
40
|
<div class="flex justify-center"></div>
|
|
41
41
|
)}
|
|
@@ -10,7 +10,7 @@ const {
|
|
|
10
10
|
---
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
<div class={`flex ${positionFlex === 'items-start' ? 'items-start' : 'items-center'} p-0 md:p-
|
|
13
|
+
<div class={`flex ${positionFlex === 'items-start' ? 'items-start' : 'items-center'} p-0 md:p-6 gap-4 mb-4 md:mb-0 ${flexOrientationIcoText === 'flex-row'? 'flex-row w-full': 'flex-col w-full lg:w-1/4 md:w-2/4'}`}>
|
|
14
14
|
<div class="flex justify-center bg-[#F2F3F8] p-[12px] w-[48px] h-[48px] rounded-[48px]">
|
|
15
15
|
{
|
|
16
16
|
icon === "more" ? (
|
|
@@ -44,6 +44,31 @@ const {
|
|
|
44
44
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5663 7.08956C16.9425 7.46874 16.9425 8.08351 16.5663 8.46269L11.7503 13.3174C11.3742 13.6966 10.7643 13.6966 10.3882 13.3174L8.46175 11.3755C8.0856 10.9964 8.0856 10.3816 8.46175 10.0024C8.83791 9.62323 9.44777 9.62323 9.82392 10.0024L11.0692 11.2577L15.2041 7.08956C15.5803 6.71038 16.1902 6.71038 16.5663 7.08956Z" fill="#2134F1"/>
|
|
45
45
|
</svg>
|
|
46
46
|
)
|
|
47
|
+
: icon === "search-text" ? (
|
|
48
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
49
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1334 3.87961C11.5354 3.29889 13.0381 3 14.5556 3C16.0731 3 17.5757 3.29889 18.9777 3.87961C20.3797 4.46034 21.6535 5.31151 22.7266 6.38454C23.7996 7.45758 24.6508 8.73145 25.2315 10.1334C25.8122 11.5354 26.1111 13.0381 26.1111 14.5556C26.1111 16.0731 25.8122 17.5757 25.2315 18.9777C24.6508 20.3797 23.7996 21.6535 22.7266 22.7266C21.6535 23.7996 20.3797 24.6508 18.9777 25.2315C17.5757 25.8122 16.0731 26.1111 14.5556 26.1111C13.0381 26.1111 11.5354 25.8122 10.1334 25.2315C8.73145 24.6508 7.45758 23.7996 6.38454 22.7266C5.31151 21.6535 4.46034 20.3797 3.87961 18.9777C3.29889 17.5757 3 16.0731 3 14.5556C3 13.0381 3.29889 11.5354 3.87961 10.1334C4.46034 8.73145 5.31151 7.45758 6.38454 6.38454C7.45758 5.31151 8.73145 4.46034 10.1334 3.87961ZM14.5556 4.92593C13.291 4.92593 12.0388 5.175 10.8705 5.65894C9.70214 6.14287 8.64057 6.85219 7.74638 7.74638C6.85219 8.64057 6.14287 9.70214 5.65894 10.8705C5.175 12.0388 4.92593 13.291 4.92593 14.5556C4.92593 15.8201 5.175 17.0723 5.65894 18.2407C6.14287 19.409 6.85219 20.4705 7.74638 21.3647C8.64057 22.2589 9.70214 22.9682 10.8705 23.4522C12.0388 23.9361 13.291 24.1852 14.5556 24.1852C15.8201 24.1852 17.0723 23.9361 18.2407 23.4522C19.409 22.9682 20.4705 22.2589 21.3647 21.3647C22.2589 20.4705 22.9682 19.409 23.4522 18.2407C23.9361 17.0723 24.1852 15.8201 24.1852 14.5556C24.1852 13.291 23.9361 12.0388 23.4522 10.8705C22.9682 9.70214 22.2589 8.64057 21.3647 7.74638C20.4705 6.85219 19.409 6.14287 18.2407 5.65894C17.0723 5.175 15.8201 4.92593 14.5556 4.92593Z" fill="#001978"/>
|
|
50
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5783 21.5783C21.9544 21.2023 22.5641 21.2023 22.9402 21.5783L28.718 27.3561C29.094 27.7322 29.094 28.3419 28.718 28.718C28.3419 29.094 27.7322 29.094 27.3561 28.718L21.5783 22.9402C21.2023 22.5641 21.2023 21.9544 21.5783 21.5783Z" fill="#001978"/>
|
|
51
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.81482 12.1481C7.81482 11.6163 8.24595 11.1852 8.77778 11.1852H16.4815C17.0133 11.1852 17.4444 11.6163 17.4444 12.1481C17.4444 12.68 17.0133 13.1111 16.4815 13.1111H8.77778C8.24595 13.1111 7.81482 12.68 7.81482 12.1481Z" fill="#001978"/>
|
|
52
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.81482 16.963C7.81482 16.4311 8.24595 16 8.77778 16H20.3333C20.8652 16 21.2963 16.4311 21.2963 16.963C21.2963 17.4948 20.8652 17.9259 20.3333 17.9259H8.77778C8.24595 17.9259 7.81482 17.4948 7.81482 16.963Z" fill="#001978"/>
|
|
53
|
+
</svg>
|
|
54
|
+
)
|
|
55
|
+
: icon === "checklist" ? (
|
|
56
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
57
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.10053 0.0262231C7.26143 0.0776467 5.95935 0.218206 4.94664 0.474615C2.57009 1.07638 1.0814 2.5652 0.479685 4.94196C0.096276 6.45648 0 8.07297 0 12.996C0 17.9191 0.096276 19.5356 0.479685 21.0501C0.816913 22.3822 1.46823 23.4913 2.34571 24.2279C3.58187 25.2655 5.05491 25.7256 7.7164 25.9055C9.58071 26.0315 16.4194 26.0315 18.2837 25.9055C20.1635 25.7785 21.3846 25.5217 22.3899 25.0421C24.0231 24.2629 25.0642 22.9158 25.5404 20.9654C25.9076 19.4616 25.9998 17.8585 26 12.9806C26.0001 8.13703 25.9072 6.529 25.5404 5.02669C24.9456 2.59084 23.4604 1.08409 21.0534 0.474615C20.0048 0.209117 18.8061 0.0835007 16.7586 0.0245901C15.5906 -0.00902473 10.321 -0.00788462 9.10053 0.0262231ZM9.1952 1.95413C5.81991 2.06646 4.41271 2.42249 3.42006 3.41525C2.51735 4.31801 2.16003 5.52648 1.99472 8.23575C1.93886 9.1513 1.93886 16.8408 1.99472 17.7563C2.16003 20.4656 2.51735 21.6741 3.42006 22.5768C4.32275 23.4796 5.53111 23.837 8.24015 24.0023C9.15561 24.0582 16.8444 24.0582 17.7599 24.0023C20.469 23.837 21.6773 23.4796 22.58 22.5768C23.4827 21.6741 23.84 20.4656 24.0053 17.7563C24.0612 16.8408 24.0612 9.1513 24.0053 8.23575C23.84 5.52648 23.4827 4.31801 22.58 3.41525C21.6878 2.52296 20.5175 2.17085 17.8523 1.99286C17.3792 1.96128 9.97607 1.92815 9.1952 1.95413ZM10.3859 6.03393C10.3121 6.04906 10.1912 6.09694 10.1172 6.14029C10.036 6.1879 9.48588 6.74108 8.72969 7.53557C7.07553 9.27349 7.1499 9.19893 7.11937 9.15016C7.03505 9.01545 6.31497 8.33416 6.1938 8.27445C5.98415 8.17114 5.55816 8.17431 5.3498 8.28076C5.16689 8.37421 4.97453 8.57843 4.8894 8.76952C4.79171 8.98886 4.79904 9.33077 4.90616 9.54971C4.9871 9.71514 5.36379 10.1318 6.23215 11.0163C6.69107 11.4837 6.77897 11.5325 7.16185 11.5325C7.41079 11.5325 7.45577 11.5233 7.60186 11.4424C7.82035 11.3213 11.3418 7.63225 11.4596 7.40096C11.5249 7.2729 11.5366 7.20743 11.5366 6.9725C11.5366 6.71926 11.5283 6.6805 11.441 6.52574C11.2277 6.14763 10.801 5.94877 10.3859 6.03393ZM14.045 8.43633C13.7541 8.48559 13.4984 8.66972 13.3549 8.9334C13.2324 9.15851 13.2122 9.48578 13.3056 9.73322C13.3832 9.93883 13.5851 10.1563 13.794 10.2591L13.9397 10.3309H17.2076H20.4754L20.6563 10.2384C20.8689 10.1296 21.081 9.88913 21.138 9.69203C21.3075 9.10659 20.9533 8.53335 20.3632 8.43802C20.1284 8.40009 14.2684 8.39852 14.045 8.43633ZM10.237 14.5088C10.0307 14.5881 9.94785 14.6687 8.42601 16.2697C7.73739 16.9942 7.16398 17.5869 7.15175 17.5869C7.13955 17.5869 6.95997 17.4076 6.75269 17.1885C6.28616 16.6953 6.15261 16.6172 5.77563 16.617C5.4788 16.6168 5.30658 16.6847 5.11307 16.8783C4.92006 17.0713 4.82267 17.3057 4.8244 17.5731C4.82668 17.9305 4.89751 18.0446 5.5337 18.7162C6.63168 19.8752 6.65762 19.8972 7.00014 19.9605C7.30952 20.0177 7.61052 19.9175 7.85045 19.6775C8.35768 19.17 11.3375 16.0176 11.4058 15.9162C11.5198 15.747 11.5605 15.5796 11.5466 15.3384C11.5091 14.6923 10.8483 14.2737 10.237 14.5088ZM13.9003 16.8927C13.6492 16.9711 13.4018 17.2083 13.3048 17.4636C13.2539 17.5978 13.2432 17.6812 13.2538 17.8642C13.2813 18.3423 13.5914 18.6843 14.0634 18.7574C14.2098 18.78 15.2632 18.7879 17.3594 18.7819L20.4402 18.7731L20.6097 18.6926C21.1559 18.4331 21.3478 17.7842 21.0245 17.2892C20.9007 17.0995 20.7613 16.9872 20.5495 16.9068C20.3989 16.8495 20.281 16.8475 17.2127 16.8495C14.6499 16.8511 14.0065 16.8595 13.9003 16.8927Z" fill="#001978"/>
|
|
58
|
+
</svg>
|
|
59
|
+
)
|
|
60
|
+
: icon === "certificate" ? (
|
|
61
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
62
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3638 3.50798C13.9492 3.64553 12.9982 3.90363 11.8808 4.4533C10.3459 5.2084 9.0627 6.3485 8.12767 7.78796C6.59679 10.1447 6.19258 13.0945 7.03166 15.7861L7.15997 16.1977L6.80767 16.5629C6.07481 17.3225 4.0406 19.4537 3.84931 19.6623C3.41613 20.1346 3.1924 20.4939 3.07558 20.9051C2.97537 21.2577 2.97473 21.8556 3.07413 22.2038C3.2414 22.7894 3.58929 23.2581 4.07789 23.556C4.42939 23.7704 4.76702 23.8466 5.96296 23.9818C6.74738 24.0705 6.92455 24.1244 7.07222 24.3196C7.20017 24.4887 7.23395 24.6438 7.31751 25.4458C7.44832 26.7012 7.53329 27.0786 7.76739 27.4437C8.41185 28.4488 9.70109 28.7922 10.725 28.2314C11.1374 28.0056 11.3821 27.765 14.3128 24.7034C15.2247 23.7507 15.9821 22.9713 15.9957 22.9713C16.0094 22.9713 16.7598 23.7437 17.6633 24.6879C19.7414 26.8595 20.6467 27.7837 20.881 27.9726C21.2816 28.2957 21.7065 28.4643 22.1921 28.4928C23.032 28.5422 23.8304 28.1149 24.2526 27.3903C24.4717 27.0143 24.5415 26.6915 24.6735 25.4442C24.7587 24.6391 24.7917 24.4879 24.919 24.3196C25.0667 24.1244 25.2439 24.0705 26.0283 23.9818C27.222 23.8469 27.555 23.7718 27.9175 23.556C28.1436 23.4214 28.5283 23.0339 28.6592 22.809C29.0372 22.159 29.1042 21.3834 28.843 20.6797C28.7563 20.4461 28.4694 20.0237 28.1838 19.7089C27.9583 19.4605 25.9095 17.3124 25.1689 16.5481L24.8309 16.1992L24.9594 15.7868C25.7983 13.0957 25.3939 10.1438 23.8636 7.78796C22.6358 5.89776 20.7878 4.51501 18.6233 3.86679C18.25 3.75499 17.6585 3.62972 17.206 3.56661C16.8907 3.52265 15.6266 3.48241 15.3638 3.50798ZM15.2097 5.48136C14.1741 5.58855 13.0519 5.96907 12.1428 6.52119C9.84586 7.91634 8.46068 10.4833 8.54732 13.1841C8.56754 13.8145 8.6216 14.2142 8.76597 14.8004C8.90039 15.3464 9.0435 15.7334 9.32299 16.3067C10.1865 18.0778 11.7426 19.4479 13.6069 20.0784C14.4747 20.3719 15.0598 20.4671 15.9956 20.4671C16.8781 20.4671 17.4836 20.3753 18.2518 20.125C19.4259 19.7423 20.3583 19.1721 21.2303 18.3032C21.8659 17.6699 22.2895 17.0816 22.6679 16.3067C23.0435 15.5375 23.255 14.8638 23.3801 14.0385C23.4586 13.521 23.4603 12.4129 23.3834 11.9102C23.075 9.89348 22.0496 8.14362 20.4803 6.95568C19.385 6.12657 18.0845 5.61328 16.7398 5.47934C16.3733 5.44283 15.5715 5.44389 15.2097 5.48136ZM6.74261 19.4395C5.29269 20.9557 5.00028 21.2739 4.95849 21.3809C4.87157 21.6036 4.98354 21.8789 5.17732 21.9189C5.23647 21.9311 5.66087 21.9842 6.1204 22.0369C6.57996 22.0896 7.05848 22.1591 7.18377 22.1915C7.94816 22.3889 8.58665 22.9324 8.92739 23.6759C9.08631 24.0226 9.14496 24.3036 9.23037 25.127C9.35012 26.2816 9.36337 26.3572 9.46348 26.4581C9.55305 26.5484 9.6719 26.5687 9.80604 26.5166C9.84528 26.5014 10.1977 26.1623 10.5892 25.7632C11.6851 24.6458 13.9614 22.2647 13.9613 22.2358C13.9612 22.2216 13.7892 22.1651 13.5789 22.1103C12.7742 21.9004 11.7574 21.459 11.0486 21.0119C9.98176 20.3389 8.85909 19.2551 8.24381 18.3042C8.15905 18.1732 8.08276 18.0653 8.07429 18.0646C8.06581 18.0637 7.46656 18.6825 6.74261 19.4395ZM23.7475 18.3032C23.1215 19.2654 22.0103 20.3384 20.9426 21.0119C20.2339 21.459 19.2171 21.9004 18.4124 22.1103C18.2021 22.1651 18.03 22.2216 18.03 22.2358C18.0299 22.2643 20.2808 24.6194 21.4014 25.7633C21.7925 26.1625 22.1448 26.5015 22.1845 26.5167C22.3199 26.5686 22.4382 26.5484 22.5278 26.4581C22.6279 26.3572 22.6412 26.2816 22.7609 25.127C22.8036 24.7149 22.8665 24.2675 22.9006 24.1328C23.1392 23.1887 23.8847 22.4298 24.8075 22.1915C24.9328 22.1591 25.4113 22.0896 25.8709 22.0369C26.3304 21.9842 26.7548 21.9311 26.8139 21.9189C27.0074 21.8789 27.1189 21.6058 27.0336 21.3809C27.0186 21.3414 26.8535 21.1412 26.6666 20.9361C26.2392 20.467 23.9525 18.0796 23.9233 18.072C23.9113 18.0689 23.8322 18.1729 23.7475 18.3032Z" fill="#001978"/>
|
|
63
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5663 10.0896C19.9425 10.4687 19.9425 11.0835 19.5663 11.4627L14.7503 16.3174C14.3742 16.6966 13.7643 16.6966 13.3882 16.3174L11.4618 14.3755C11.0856 13.9964 11.0856 13.3816 11.4618 13.0024C11.8379 12.6232 12.4478 12.6232 12.8239 13.0024L14.0692 14.2577L18.2041 10.0896C18.5803 9.71038 19.1902 9.71038 19.5663 10.0896Z" fill="#001978"/>
|
|
64
|
+
</svg>
|
|
65
|
+
)
|
|
66
|
+
: icon === "ico-ok" ? (
|
|
67
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
68
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.49147 0.00490705C4.89484 0.0790625 3.48945 0.376986 2.41632 1.08077C1.16979 1.89824 0.476595 3.12898 0.201517 5.01299C0.0278948 6.20229 0 7.30744 0 13.0003C0 18.6932 0.0278948 19.7984 0.201517 20.9877C0.43353 22.5766 0.979042 23.7265 1.87127 24.5073C2.76765 25.2917 3.82889 25.6882 5.52552 25.8728C6.64001 25.994 6.99277 26 13.0023 26C19.0119 26 19.3646 25.994 20.4791 25.8728C21.579 25.7531 22.4666 25.5252 23.1296 25.1922C23.978 24.7661 24.7572 23.9862 25.1829 23.137C25.6028 22.2996 25.8276 21.2349 25.9461 19.5234C25.9968 18.791 26.021 13.5287 25.9772 12.7646C25.924 11.8386 25.8351 11.2967 25.6453 10.7432C25.5526 10.4728 25.3281 10.0103 25.1965 9.81843C25.1476 9.74719 25.1076 9.68016 25.1076 9.6695C25.1076 9.60062 24.5434 8.95829 24.0428 8.45733C23.5399 7.95404 17.5987 2.57035 16.6246 1.73524C15.3066 0.605247 14.5528 0.230968 13.2489 0.059106C12.9222 0.016032 12.4762 0.00726216 10.3398 0.00193214C8.952 -0.00153857 7.67026 -0.000206045 7.49147 0.00490705ZM7.38311 1.83422C4.86868 1.91823 3.72855 2.21054 2.97552 2.96425C2.30431 3.63611 2.02517 4.54066 1.88192 6.50824C1.82307 7.31645 1.82307 18.6842 1.88192 19.4924C2.02517 21.46 2.30431 22.3646 2.97552 23.0364C3.64676 23.7082 4.55047 23.9876 6.51624 24.131C7.3237 24.1899 18.6809 24.1899 19.4884 24.131C21.4542 23.9876 22.3579 23.7082 23.0291 23.0364C23.6934 22.3715 23.9669 21.4986 24.1201 19.5544C24.1704 18.9165 24.1944 13.4491 24.1501 12.7476C24.1194 12.2631 24.0573 11.7673 24.0062 11.6004C23.9915 11.5523 23.7503 11.5475 20.7796 11.5356C17.3409 11.5219 17.1358 11.5135 16.3615 11.3531C14.8392 11.038 13.8872 10.1686 13.5157 8.75426C13.2941 7.91078 13.2743 7.58797 13.2588 4.56505C13.2463 2.11665 13.2411 1.90788 13.1934 1.89325C13.013 1.83806 11.9784 1.81479 9.9373 1.82003C8.66872 1.82328 7.51934 1.82969 7.38311 1.83422ZM15.18 4.82712C15.1914 5.87106 15.2149 6.91342 15.2323 7.14351C15.3645 8.89727 15.7416 9.34112 17.2593 9.52909C17.544 9.56436 21.0671 9.62869 22.0056 9.61577L22.6344 9.60709L22.1604 9.17087C21.528 8.58872 16.1616 3.7551 15.6348 3.29319C15.4065 3.09291 15.2061 2.92907 15.1895 2.92907C15.1701 2.92907 15.1667 3.60261 15.18 4.82712Z" fill="#001978"/>
|
|
69
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6247 15.2191C12.056 15.5641 12.1259 16.1934 11.7809 16.6247L7.78086 21.6247C7.59109 21.8619 7.30378 22 6.99999 22C6.69621 22 6.4089 21.8619 6.21913 21.6247L4.21913 19.1247C3.87412 18.6934 3.94404 18.0641 4.37531 17.7191C4.80657 17.3741 5.43586 17.444 5.78087 17.8753L7 19.3992L10.2191 15.3753C10.5641 14.944 11.1934 14.8741 11.6247 15.2191Z" fill="#001978"/>
|
|
70
|
+
</svg>
|
|
71
|
+
)
|
|
47
72
|
|
|
48
73
|
: (
|
|
49
74
|
<span>xxx</span>
|
|
@@ -57,7 +82,7 @@ const {
|
|
|
57
82
|
tipo === "h1" ? <h1 class="font-poppins text-[56px] font-normal text-left leading-[64px] mb-[48px]">{title}</h1>
|
|
58
83
|
: tipo === "h2" ? <h2 class="font-poppins text-[40px] font-normal text-left leading-[48px] mb-[32px]">{title}</h2>
|
|
59
84
|
: tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{title}</h3>
|
|
60
|
-
: tipo === "h4" ? <h4>{title}</h4>
|
|
85
|
+
: tipo === "h4" ? <h4 class="font-poppins text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{title}</h4>
|
|
61
86
|
: tipo === "h5" ? <h5>{title}</h5>
|
|
62
87
|
: tipo === "h6" ? <h6>{title}</h6>
|
|
63
88
|
: <span>{title}</span>
|
|
@@ -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">
|
|
@@ -23,7 +23,7 @@ const {
|
|
|
23
23
|
{tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
|
|
24
24
|
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
25
25
|
<div class="flex flex-col text-[#262626] h-full">
|
|
26
|
-
<
|
|
26
|
+
<h3 class="text-lg font-semibold leading-tight mb-[8px]">{title}</h3>
|
|
27
27
|
<p class="text-base font-normal leading-tight mb-[8px]">{description}</p>
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
@@ -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);
|
|
@@ -23,7 +24,7 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
|
|
|
23
24
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
|
|
24
25
|
</div>
|
|
25
26
|
<div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
26
|
-
<img src={imageSrc} alt={title} class="w-full md:w-4/5 h-auto rounded-lg" />
|
|
27
|
+
<img src={imageSrc} alt={title} class="w-full md:w-4/5 min-h-auto md:min-h-[650px] object-cover rounded-lg" />
|
|
27
28
|
</div>
|
|
28
29
|
</div>
|
|
29
30
|
</article>
|
|
@@ -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,11 +29,11 @@ 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 ? (
|
|
36
|
-
<a href={linkBtn} class="text-[#ffffff] font-
|
|
36
|
+
<a href={linkBtn} class="text-[#ffffff] font-inter font-semibold bg-transparent px-[28px] py-[12px] border border-[#ffffff] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border border-[#262626]">{txtBtn}</a>
|
|
37
37
|
) : (
|
|
38
38
|
<div class="flex justify-center"></div>
|
|
39
39
|
)}
|
|
@@ -14,27 +14,26 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
|
|
|
14
14
|
|
|
15
15
|
<section class="w-full flex items-center justify-center">
|
|
16
16
|
<article class="w-full flex flex-col items-center justify-center">
|
|
17
|
-
<div class="w-full flex justify-center items-center relative text-[56px] text-center font
|
|
18
|
-
<div class="flex bg-transparent md:bg-gray-50 md:border md:border-[#B6B7BB] rounded-lg">
|
|
19
|
-
<div class="flex gap-
|
|
17
|
+
<div class="w-full flex justify-center items-center relative text-[56px] text-center font inter leading-[64px] mt-[40px]">
|
|
18
|
+
<!-- <div class="flex bg-transparent md:bg-gray-50 md:border md:border-[#B6B7BB] rounded-lg"> -->
|
|
19
|
+
<div class="flex gap-1 md:gap-8 items-center">
|
|
20
20
|
{items.map((item, index) => (
|
|
21
21
|
<p class="text-base">
|
|
22
22
|
{/* <a href={`#accordion${index + 1}`} class="btn py-[20px] px-[16px]">{item}</a> */}
|
|
23
23
|
<button data-linkedto={`${identifier}${index + 1}`}
|
|
24
24
|
class={`
|
|
25
|
-
btn py-[14px] px-[20px]
|
|
25
|
+
btn py-[14px] px-[20px] font-inter
|
|
26
26
|
cursor-pointer border border-transparent
|
|
27
27
|
hover:border hover:border-[#5F6168]
|
|
28
28
|
hover:bg-white rounded-lg ${identifier}button
|
|
29
29
|
${item.default ? 'active' : ''}
|
|
30
|
-
bg-
|
|
31
|
-
md:bg-gray-
|
|
30
|
+
bg-F2F3F8 text-gray-100 max-w-[40px] max-h-[20px] text-[0px]
|
|
31
|
+
md:bg-gray-50 md:text-black md:max-w-none md:max-h-none md:text-[16px]
|
|
32
32
|
`}
|
|
33
33
|
>{item.name}</button>
|
|
34
34
|
</p>
|
|
35
35
|
))}
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
36
|
+
</div>
|
|
38
37
|
</div>
|
|
39
38
|
<div class="lg:max-w-7xl md:w-full px-6 md:w-4/5 md:px-[0] col my-[40px]">
|
|
40
39
|
{items.map((item, index) => (
|
|
@@ -54,14 +53,14 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
|
|
|
54
53
|
positionFlex = 'items-start'
|
|
55
54
|
positionBtnFlex = 'justify-start'
|
|
56
55
|
items = {item.items}
|
|
57
|
-
headingType = '
|
|
56
|
+
headingType = 'h4'
|
|
58
57
|
showBtn = {true}
|
|
59
58
|
btnLabel = "Ver experiencias de uso"
|
|
60
59
|
buttonUrl={item.buttonUrl}
|
|
61
60
|
/>
|
|
62
61
|
</div>
|
|
63
62
|
<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" />
|
|
63
|
+
<img src={item.image} alt="Imagen" class="w-full min-h-auto lg:min-h-full object-cover rounded-xl" />
|
|
65
64
|
</div>
|
|
66
65
|
</div>
|
|
67
66
|
|
|
@@ -74,6 +73,9 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
|
|
|
74
73
|
|
|
75
74
|
|
|
76
75
|
<style>
|
|
76
|
+
.bg-F2F3F8 {
|
|
77
|
+
background-color: #F2F3F8;
|
|
78
|
+
}
|
|
77
79
|
.active{
|
|
78
80
|
background-color: #ffffff;
|
|
79
81
|
border: 1px solid #5F6168;
|
|
@@ -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-normal 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"
|
|
@@ -7,12 +7,12 @@ const {
|
|
|
7
7
|
---
|
|
8
8
|
<article class="max-w-7xl w-full flex flex-col text-left items-start p-4">
|
|
9
9
|
<div class="w-full flex flex-col">
|
|
10
|
-
<
|
|
10
|
+
<h2 class="font-poppins text-[32px] font-normal leading-[40px] mb-[48px]">{title}</h2>
|
|
11
11
|
</div>
|
|
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">
|
|
@@ -10,8 +10,8 @@ const {
|
|
|
10
10
|
|
|
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
|
-
<div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[
|
|
14
|
-
<h2 class="text-[
|
|
13
|
+
<div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[140px]">
|
|
14
|
+
<h2 class="text-[28px] md:text-[2em] leading-[36px] md:leading-[46px] mb-[16px] font-poppins text-[#262626] font-normal">{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
|
<div class="flex flex-col md:flex-row items-center gap-4">
|
|
9
9
|
{items.map(item => (
|
|
10
10
|
<div class="w-full md:w-1/3 content-center flex flex-col flex-wrap h-full text-[#262626] nth-of-type-2:p-4 nth-of-type-2:border nth-of-type-2:border-y-1 nth-of-type-2:border-x-0 md:nth-of-type-2:border md:nth-of-type-2:border-x-1 md:nth-of-type-2:border-y-0 ">
|
|
11
|
-
<p class="text-[40px] md:text-[56px] text-center leading-[48px] md:leading-[64px] mb-[16px] font-semibold">{item.title}</p>
|
|
11
|
+
<p class="text-[40px] md:text-[56px] text-center leading-[48px] md:leading-[64px] mb-[16px] font-poppins font-semibold">{item.title}</p>
|
|
12
12
|
<p
|
|
13
13
|
class="text-xl text-center font-inter font-normal leading-[28px] flex flex-col gap-4"
|
|
14
14
|
set:html={item.description}></p>
|
|
@@ -10,9 +10,9 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
|
|
|
10
10
|
---
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
<section class="w-full flex items-center justify-center">
|
|
13
|
+
<section class="w-full flex items-center justify-center py-[80px]">
|
|
14
14
|
<article class="w-full flex flex-col items-center justify-center">
|
|
15
|
-
<div class="w-2/5 flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px]
|
|
15
|
+
<div class="w-2/5 flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px] mb-[48px]">
|
|
16
16
|
<!-- <div class="flex bg-[#001978]/4 border border-[#B6B7BB] rounded-lg"> -->
|
|
17
17
|
<div class="flex gap-1 md:gap-8 items-center">
|
|
18
18
|
{items.map((item, index) => (
|
|
@@ -20,12 +20,12 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
|
|
|
20
20
|
{/* <a href={`#accordion${index + 1}`} class="btn py-[20px] px-[16px]">{item}</a> */}
|
|
21
21
|
<button data-linkedto={`${idAccordion}${index + 1}`}
|
|
22
22
|
class={`
|
|
23
|
-
btn py-[
|
|
24
|
-
cursor-pointer border border-transparent
|
|
23
|
+
btn py-[12px] px-[20px] leading-[24px] font-inter
|
|
24
|
+
cursor-pointer border border-transparent bg-F2F3F8
|
|
25
25
|
hover:border hover:border-[#5F6168]
|
|
26
26
|
hover:bg-white rounded-lg ${idAccordion}button
|
|
27
27
|
${item.default ? 'active' : ''}
|
|
28
|
-
|
|
28
|
+
text-gray-100 max-w-[40px] max-h-[20px] text-[0px]
|
|
29
29
|
md:bg-gray-50 md:text-black md:max-w-none md:max-h-none md:text-[16px]
|
|
30
30
|
`}
|
|
31
31
|
>{item.name}</button>
|
|
@@ -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
|
-
<
|
|
42
|
+
<h3 class="text-[28px] md:text-[32px] leading-[36px] mb-[8px] text-[#363942] font-semibold not-italic font-poppins">{item.title}</h3>
|
|
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">
|
|
@@ -57,6 +57,9 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
|
|
|
57
57
|
</section>
|
|
58
58
|
|
|
59
59
|
<style>
|
|
60
|
+
.bg-F2F3F8 {
|
|
61
|
+
background-color: #F2F3F8;
|
|
62
|
+
}
|
|
60
63
|
.active{
|
|
61
64
|
background-color: #ffffff;
|
|
62
65
|
border: 1px solid #5F6168;
|
|
@@ -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,10 @@ 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 === "
|
|
15
|
+
: tipo === "h1-home" ? <h1 class="font-poppins text-[56px] font-normal text-center leading-[64px] mb-[0] md:mb-[64px] md:mt-[80px]" set:html={title}></h1>
|
|
16
|
+
: tipo === "h1-40" ? <h1 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h1>
|
|
17
|
+
: 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>
|
|
18
|
+
: 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
19
|
: tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-center leading-[32px] mb-[8px]" set:html={title}></h3>
|
|
18
20
|
: tipo === "h3-mb32" ? <h3 class="font-poppins text-[32px] font-normal text-left leading-[40px] mb-[32px]" set:html={title}></h3>
|
|
19
21
|
: tipo === "h4" ? <h4 class="font-poppins text-center" set:html={title}></h4>
|
|
@@ -22,6 +24,6 @@ const {
|
|
|
22
24
|
: <p>{title}</p>
|
|
23
25
|
}
|
|
24
26
|
{description && description.trim() !== "" && (
|
|
25
|
-
<div class="w-full md:w-
|
|
27
|
+
<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
28
|
)}
|
|
27
29
|
</div>
|