libreria-astro-lefebvre 0.0.28 → 0.0.29

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.
Files changed (65) hide show
  1. package/README.md +46 -46
  2. package/package.json +30 -30
  3. package/src/carbins/AstroButton.ts +34 -34
  4. package/src/carbins/CTA_2025_Formentera.ts +47 -47
  5. package/src/carbins/Cabecera_2025_Barcelona.ts +34 -34
  6. package/src/carbins/Cabecera_2025_Madrid.ts +34 -34
  7. package/src/carbins/Contenido_2025_Alcorcon.ts +76 -76
  8. package/src/carbins/Contenido_2025_Cordoba.ts +59 -59
  9. package/src/carbins/Contenido_2025_Granada.ts +67 -67
  10. package/src/carbins/Contenido_2025_Malaga.ts +100 -100
  11. package/src/carbins/Contenido_2025_Montevideo.ts +56 -56
  12. package/src/carbins/Footer_2025_Napoles.ts +12 -12
  13. package/src/carbins/Formulario_2025_Seul.ts +56 -56
  14. package/src/carbins/Imagen_2025_Bogota.ts +76 -76
  15. package/src/carbins/ReactButton.ts +32 -32
  16. package/src/carbins/Repetidor_2025_Cabra.ts +12 -12
  17. package/src/carbins/Repetidor_2025_Dubai.ts +48 -48
  18. package/src/carbins/Repetidor_2025_Estocolmo.ts +12 -12
  19. package/src/carbins/Repetidor_2025_Mallorca.ts +75 -75
  20. package/src/carbins/Repetidor_2025_Menorca.ts +75 -75
  21. package/src/carbins/Repetidor_2025_Michigan.ts +21 -21
  22. package/src/carbins/Repetidor_2025_Orcasitas.ts +34 -34
  23. package/src/carbins/Repetidor_2025_Oslo.ts +12 -12
  24. package/src/carbins/Repetidor_2025_Quito.ts +20 -20
  25. package/src/carbins/Repetidor_2025_Seattle.ts +12 -12
  26. package/src/carbins/Repetidor_2025_Tokyo.ts +48 -48
  27. package/src/carbins/Repetidor_2025_Ubeda.ts +12 -12
  28. package/src/carbins/Repetidor_2025_Yakarta.ts +12 -12
  29. package/src/carbins/SEO_Head_Section.ts +49 -49
  30. package/src/carbins/Separador_2025_Reinosa.ts +12 -12
  31. package/src/carbins/Titulo_2025_Algeciras.ts +51 -51
  32. package/src/carbins/Titulo_2025_Santorini.ts +20 -20
  33. package/src/carbins/Video_2025_Valencia.ts +12 -12
  34. package/src/carbins/VueButton.ts +35 -35
  35. package/src/components/Astro/Button.astro +5 -5
  36. package/src/components/Astro/CTA_2025_Formentera.astro +38 -38
  37. package/src/components/Astro/Cabecera_2025_Barcelona.astro +55 -55
  38. package/src/components/Astro/Cabecera_2025_Madrid.astro +176 -176
  39. package/src/components/Astro/Contenido_2025_Alcorcon.astro +48 -78
  40. package/src/components/Astro/Contenido_2025_Granada.astro +239 -239
  41. package/src/components/Astro/Contenido_2025_Malaga.astro +162 -162
  42. package/src/components/Astro/Contenido_2025_Montevideo.astro +35 -35
  43. package/src/components/Astro/Footer_2025_Napoles.astro +134 -134
  44. package/src/components/Astro/Formulario_2025_Seul.astro +91 -91
  45. package/src/components/Astro/Imagen_2025_Bogota.astro +61 -61
  46. package/src/components/Astro/Repetidor_2025_Cabra.astro +152 -152
  47. package/src/components/Astro/Repetidor_2025_Cordoba.astro +132 -132
  48. package/src/components/Astro/Repetidor_2025_Dubai.astro +29 -29
  49. package/src/components/Astro/Repetidor_2025_Estocolmo.astro +22 -22
  50. package/src/components/Astro/Repetidor_2025_Mallorca.astro +42 -42
  51. package/src/components/Astro/Repetidor_2025_Menorca.astro +43 -43
  52. package/src/components/Astro/Repetidor_2025_Michigan.astro +45 -45
  53. package/src/components/Astro/Repetidor_2025_Orcasitas.astro +235 -235
  54. package/src/components/Astro/Repetidor_2025_Oslo.astro +76 -76
  55. package/src/components/Astro/Repetidor_2025_Quito.astro +61 -61
  56. package/src/components/Astro/Repetidor_2025_Seattle.astro +22 -22
  57. package/src/components/Astro/Repetidor_2025_Tokyo.astro +56 -56
  58. package/src/components/Astro/Repetidor_2025_Ubeda.astro +39 -39
  59. package/src/components/Astro/Repetidor_2025_Yakarta.astro +203 -203
  60. package/src/components/Astro/SEO_Head_Section.astro +32 -32
  61. package/src/components/Astro/Separador_2025_Reinosa.astro +3 -3
  62. package/src/components/Astro/Titulo_2025_Algeciras.astro +57 -57
  63. package/src/components/Astro/Titulo_2025_Santorini.astro +8 -8
  64. package/src/generated/componentRegistry.ts +96 -96
  65. package/src/index.ts +123 -123
package/src/components/Astro/Contenido_2025_Malaga.astro CHANGED
@@ -1,163 +1,163 @@
1
- ---
2
- const {
3
- title,
4
- description,
5
- buttonText,
6
- buttonUrl,
7
- image,
8
- orientation = 'left',
9
- width = 'full',
10
- flexOrientation = 'row',
11
- showH2 = true,
12
- showBtn = false,
13
- showIco = false,
14
- showImage = true,
15
- paddingLeft = '',
16
- fontSize = 'base',
17
- alignItems = 'start',
18
- } = Astro.props;
19
-
20
-
21
- ---
22
-
23
- <section class="w-full flex items-center justify-center">
24
- {showImage ? (
25
- <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center py-6`}>
26
- <div class={`flex-col lg:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-4/5 items-${alignItems} gap-6`}>
27
- {showIco ? (
28
- <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2`}>
29
- <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
30
- <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
31
- <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
32
- <g id="SVGRepo_iconCarrier">
33
- <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"></circle>
34
- <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path>
35
- </g>
36
- </svg>
37
- <div class={`w-1/2`} style={`
38
- ${orientation === 'left' ? `padding-left: ${paddingLeft}px` : `padding-right: ${paddingLeft}px`}
39
- `}>
40
- {showH2 ? (
41
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
42
- ) : (
43
- <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 my-48px md:my-[48px]" set:html={title}></h1>
44
- )
45
- }
46
- <div
47
- class={`text-[#363942] font-inter font-normal text-${fontSize} not-italic leading-[24px] flex flex-col gap-4 mb-8`}
48
- set:html={description}
49
- />
50
- {showBtn ? (
51
- <div class="flex justify-start">
52
- <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
53
- </div>
54
- ) : (
55
- <div class="flex justify-start"></div>
56
- )}
57
- </div>
58
- </div>
59
-
60
- ) : (
61
- <style>
62
- @media (max-width: 1024px) {
63
- .css-mq-pl-767 {
64
- padding-left: 1rem !important;
65
-
66
- h1 {
67
- margin-top:0;
68
- margin-bottom: 32px;
69
- }
70
- }
71
- }
72
- </style>
73
- <div class={`w-full lg:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
74
- style={{ 'padding-left': `${paddingLeft}px` }}>
75
- {showH2 ? (
76
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
77
- ) : (
78
- <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 mb-48px md:my-[48px]" set:html={title}></h1>
79
- )
80
- }
81
- <div
82
- class={`text-[#363942] font-inter font-normal text-${fontSize} not-italic leading-[24px] flex flex-col gap-4 mb-8`}
83
- set:html={description}
84
- />
85
- {showBtn ? (
86
- <div class="flex justify-start">
87
- <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
88
- </div>
89
- ) : (
90
- <div class="flex justify-start"></div>
91
- )}
92
- </div>
93
-
94
- )}
95
-
96
- <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
97
- <img src={image} alt={title} class="w-full h-auto rounded-lg" />
98
- </div>
99
- </div>
100
- </article>
101
- ) : (
102
- <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center p-12`}>
103
- <div class={`flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-start gap-4`}>
104
- {showIco ? (
105
- <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2 p-4 flex flex-wrap`}>
106
- <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
107
- <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
108
- <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
109
- <g id="SVGRepo_iconCarrier">
110
- <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"></circle>
111
- <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path>
112
- </g>
113
- </svg>
114
-
115
- <div class="w-1/2 p-4 flex flex-col flex-wrap ">
116
- {showH2 ? (
117
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
118
- ) : (
119
- <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 md:my-[48px]" set:html={title}></h1>
120
- )
121
- }
122
- <div
123
- class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
124
- set:html={description}
125
- />
126
- {showBtn ? (
127
- <div class="flex justify-start">
128
- <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
129
- </div>
130
- ) : (
131
- <div class="flex justify-start"></div>
132
- )}
133
- </div>
134
- </div>
135
-
136
- ) : (
137
- <div class="w-1/2 p-4 flex flex-col flex-wrap ">
138
- {showH2 ? (
139
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
140
- ) : (
141
- <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 md:my-[48px]" set:html={title}></h1>
142
- )
143
- }
144
- <div
145
- class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
146
- set:html={description}
147
- />
148
- {showBtn ? (
149
- <div class="flex justify-start">
150
- <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
151
- </div>
152
- ) : (
153
- <div class="flex justify-start"></div>
154
- )}
155
- </div>
156
-
157
- )}
158
- </div>
159
- </article>
160
- )}
161
- </section>
162
-
1
+ ---
2
+ const {
3
+ title,
4
+ description,
5
+ buttonText,
6
+ buttonUrl,
7
+ image,
8
+ orientation = 'left',
9
+ width = 'full',
10
+ flexOrientation = 'row',
11
+ showH2 = true,
12
+ showBtn = false,
13
+ showIco = false,
14
+ showImage = true,
15
+ paddingLeft = '',
16
+ fontSize = 'base',
17
+ alignItems = 'start',
18
+ } = Astro.props;
19
+
20
+
21
+ ---
22
+
23
+ <section class="w-full flex items-center justify-center">
24
+ {showImage ? (
25
+ <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center py-6`}>
26
+ <div class={`flex-col lg:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-4/5 items-${alignItems} gap-6`}>
27
+ {showIco ? (
28
+ <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2`}>
29
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
30
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
31
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
32
+ <g id="SVGRepo_iconCarrier">
33
+ <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"></circle>
34
+ <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path>
35
+ </g>
36
+ </svg>
37
+ <div class={`w-1/2`} style={`
38
+ ${orientation === 'left' ? `padding-left: ${paddingLeft}px` : `padding-right: ${paddingLeft}px`}
39
+ `}>
40
+ {showH2 ? (
41
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
42
+ ) : (
43
+ <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 my-48px md:my-[48px]" set:html={title}></h1>
44
+ )
45
+ }
46
+ <div
47
+ class={`text-[#363942] font-inter font-normal text-${fontSize} not-italic leading-[24px] flex flex-col gap-4 mb-8`}
48
+ set:html={description}
49
+ />
50
+ {showBtn ? (
51
+ <div class="flex justify-start">
52
+ <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
53
+ </div>
54
+ ) : (
55
+ <div class="flex justify-start"></div>
56
+ )}
57
+ </div>
58
+ </div>
59
+
60
+ ) : (
61
+ <style>
62
+ @media (max-width: 1024px) {
63
+ .css-mq-pl-767 {
64
+ padding-left: 1rem !important;
65
+
66
+ h1 {
67
+ margin-top:0;
68
+ margin-bottom: 32px;
69
+ }
70
+ }
71
+ }
72
+ </style>
73
+ <div class={`w-full lg:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
74
+ style={{ 'padding-left': `${paddingLeft}px` }}>
75
+ {showH2 ? (
76
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
77
+ ) : (
78
+ <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 mb-48px md:my-[48px]" set:html={title}></h1>
79
+ )
80
+ }
81
+ <div
82
+ class={`text-[#363942] font-inter font-normal text-${fontSize} not-italic leading-[24px] flex flex-col gap-4 mb-8`}
83
+ set:html={description}
84
+ />
85
+ {showBtn ? (
86
+ <div class="flex justify-start">
87
+ <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
88
+ </div>
89
+ ) : (
90
+ <div class="flex justify-start"></div>
91
+ )}
92
+ </div>
93
+
94
+ )}
95
+
96
+ <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
97
+ <img src={image} alt={title} class="w-full h-auto rounded-lg" />
98
+ </div>
99
+ </div>
100
+ </article>
101
+ ) : (
102
+ <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center p-12`}>
103
+ <div class={`flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-start gap-4`}>
104
+ {showIco ? (
105
+ <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2 p-4 flex flex-wrap`}>
106
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
107
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
108
+ <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
109
+ <g id="SVGRepo_iconCarrier">
110
+ <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"></circle>
111
+ <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path>
112
+ </g>
113
+ </svg>
114
+
115
+ <div class="w-1/2 p-4 flex flex-col flex-wrap ">
116
+ {showH2 ? (
117
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
118
+ ) : (
119
+ <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 md:my-[48px]" set:html={title}></h1>
120
+ )
121
+ }
122
+ <div
123
+ class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
124
+ set:html={description}
125
+ />
126
+ {showBtn ? (
127
+ <div class="flex justify-start">
128
+ <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
129
+ </div>
130
+ ) : (
131
+ <div class="flex justify-start"></div>
132
+ )}
133
+ </div>
134
+ </div>
135
+
136
+ ) : (
137
+ <div class="w-1/2 p-4 flex flex-col flex-wrap ">
138
+ {showH2 ? (
139
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
140
+ ) : (
141
+ <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 md:my-[48px]" set:html={title}></h1>
142
+ )
143
+ }
144
+ <div
145
+ class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
146
+ set:html={description}
147
+ />
148
+ {showBtn ? (
149
+ <div class="flex justify-start">
150
+ <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
151
+ </div>
152
+ ) : (
153
+ <div class="flex justify-start"></div>
154
+ )}
155
+ </div>
156
+
157
+ )}
158
+ </div>
159
+ </article>
160
+ )}
161
+ </section>
162
+
163
163
 
package/src/components/Astro/Contenido_2025_Montevideo.astro CHANGED
@@ -1,35 +1,35 @@
1
- ---
2
-
3
- import Titulo_2025_Santorini from './Titulo_2025_Santorini.astro';
4
-
5
- const {
6
- link='#',
7
- image='',
8
- altImage='',
9
- title='',
10
- tag='',
11
- description=''
12
- } = Astro.props;
13
-
14
-
15
- ---
16
-
17
- <a href={link} class="w-full flex flex-col cursor-pointer px-4 md:px-0">
18
- <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]">
19
- <div class="bg-white mt-[1px] rounded-tl-[7px] rounded-tr-[7px] h-full">
20
- <div class="w-full">
21
- <img class="cursor-pointer rounded-tr-lg rounded-tl-lg mx-auto h-full" src={image} alt={altImage} />
22
- </div>
23
- <div class="p-6 flex-grow flex flex-col">
24
- {tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
25
- <div class="mt-2 flex items-center gap-2 flex-grow">
26
- <div class="flex flex-col text-[#262626] h-full">
27
- <h3 class="text-lg font-semibold leading-tight mb-[8px]">{title}</h3>
28
- <p class="text-base text-[#363942] font-normal leading-tight mb-[8px]">{description}</p>
29
- </div>
30
- </div>
31
- </div>
32
- </div>
33
- <div class="bg-red-100 h-[12px]"></div>
34
- </article>
35
- </a>
1
+ ---
2
+
3
+ import Titulo_2025_Santorini from './Titulo_2025_Santorini.astro';
4
+
5
+ const {
6
+ link='#',
7
+ image='',
8
+ altImage='',
9
+ title='',
10
+ tag='',
11
+ description=''
12
+ } = Astro.props;
13
+
14
+
15
+ ---
16
+
17
+ <a href={link} class="w-full flex flex-col cursor-pointer px-4 md:px-0">
18
+ <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]">
19
+ <div class="bg-white mt-[1px] rounded-tl-[7px] rounded-tr-[7px] h-full">
20
+ <div class="w-full">
21
+ <img class="cursor-pointer rounded-tr-lg rounded-tl-lg mx-auto h-full" src={image} alt={altImage} />
22
+ </div>
23
+ <div class="p-6 flex-grow flex flex-col">
24
+ {tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
25
+ <div class="mt-2 flex items-center gap-2 flex-grow">
26
+ <div class="flex flex-col text-[#262626] h-full">
27
+ <h3 class="text-lg font-semibold leading-tight mb-[8px]">{title}</h3>
28
+ <p class="text-base text-[#363942] font-normal leading-tight mb-[8px]">{description}</p>
29
+ </div>
30
+ </div>
31
+ </div>
32
+ </div>
33
+ <div class="bg-red-100 h-[12px]"></div>
34
+ </article>
35
+ </a>