libreria-astro-lefebvre 0.0.16 → 0.0.18
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
CHANGED
|
@@ -47,31 +47,32 @@ const {
|
|
|
47
47
|
|
|
48
48
|
<article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
|
|
49
49
|
|
|
50
|
-
<div class="max-w-7xl w-full
|
|
51
|
-
<div class="
|
|
52
|
-
|
|
50
|
+
<div class="max-w-7xl w-full flex justify-center items-center relative md:w-4/5">
|
|
51
|
+
<div class="relative w-full max-w-7xl min-h-[400px] md:min-h-[500px] lg:min-h-[auto]">
|
|
53
52
|
{src && src !== "" ? (
|
|
54
|
-
<img src={src} alt={alt} title={title} class="object-cover object-center w-full h-full rounded-2xl">
|
|
53
|
+
<img src={src} alt={alt} title={title} class="object-cover object-center w-full h-full min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
|
|
55
54
|
) : (
|
|
56
|
-
<video autoplay loop muted playsinline class="object-cover object-center w-full h-full rounded-2xl">
|
|
55
|
+
<video autoplay loop muted playsinline class="object-cover object-center w-full h-full min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
|
|
57
56
|
<source src={iframeSrc} type="video/mp4" />
|
|
58
57
|
</video>
|
|
59
|
-
)}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
58
|
+
)}
|
|
59
|
+
|
|
60
|
+
{(title || subtitle || description || (showBtn && linkBtn)) && (
|
|
61
|
+
<div class="absolute inset-0 flex flex-col justify-center items-center p-4 md:p-6 lg:p-8 z-10">
|
|
62
|
+
<div class="max-w-4xl w-full text-center">
|
|
63
|
+
{title && <h2 class="text-[#262626] font-poppins text-[28px] sm:text-[36px] md:text-[48px] lg:text-[64px] font-medium text-center leading-tight mb-4">{title}</h2>}
|
|
64
|
+
{subtitle && <p class="text-[#262626] font-poppins text-[18px] sm:text-[22px] md:text-[28px] lg:text-[32px] font-normal leading-tight text-center mb-4">{subtitle}</p>}
|
|
65
|
+
{description && <div class="text-[#363942] font-inter text-sm sm:text-base md:text-lg lg:text-xl font-normal leading-relaxed mb-6 text-center" set:html={description}></div>}
|
|
66
|
+
|
|
67
|
+
{showBtn && linkBtn && (
|
|
68
|
+
<a href={linkBtn} target="_self" class="inline-block h-[44px] md:h-[48px] text-[#ffffff] font-inter font-semibold bg-[#2134F1] px-[20px] md:px-[28px] py-[10px] md:py-[12px] border border-[#2134F1] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border-[#262626] text-sm md:text-base">{txtBtn}</a>
|
|
69
|
+
)}
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
71
72
|
)}
|
|
72
73
|
</div>
|
|
73
74
|
</div>
|
|
74
75
|
</article>
|
|
75
76
|
</section>
|
|
76
77
|
|
|
77
|
-
<
|
|
78
|
+
<div set:html={structuredData}></div>
|