libreria-astro-lefebvre 0.0.27 → 0.0.29

package/src/components/Astro/Cabecera_2025_Madrid.astro

@@ -1,181 +1,177 @@
----
-const {
-    label = 'Pruébalo ya',
-    url = '#',
-    subdirectory = ''
-    } = Astro.props;
-
-const categories = [
-    // {
-    //     name: 'Conócenos',
-    //     link: subdirectory + '/conocenos',
-    //     subcategories: [{name: 'Quiénes somos', link: '#'}, {name: 'Nuestra cultura', link: '#'}, {name: 'Equipo', link: '#'}],
-    // },
-    {
-        name: 'Cómo funciona',
-        link: subdirectory + '/conoce-genia-l/',
-        subcategories: [],
-    },
-    {
-        name: 'Seguridad',
-        link: subdirectory + '/seguridad',
-        subcategories: [],
-    },
-    // {
-    //     name: 'IA Jurídica',
-    //     link: subdirectory + '/ia-juridica',
-    //     subcategories: [],
-    // },
-    {
-        name: 'Casos reales',
-        link: subdirectory + '/casos-reales/',
-        subcategories: [],
-    },
-    // {
-    //     name: 'Novedades y recursos',
-    //     link: subdirectory + '/novedades-y-recursos',
-    //     subcategories: [],
-    // },
-    // {
-    //     name: 'FAQs',
-    //     link: subdirectory + '/faqs',
-    //     subcategories: [],
-    // },
-    {
-        name: 'Contacto',
-        link: subdirectory + '/contacto/',
-        subcategories: [],
-    },
-    ];
-
-
-
-
-    const structuredData = `<script type="application/ld+json">
-    {
-        "@context": "https://schema.org",
-        "@type": "WebSite",
-        "name": "Lefebvre",
-        "url": "${Astro.url.origin}${subdirectory}",
-        "logo": "https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg",
-        "potentialAction": {
-            "@type": "SearchAction",
-            "target": {
-                "@type": "EntryPoint",
-                "urlTemplate": "${Astro.url.origin}${subdirectory}/search?q={search_term_string}"
-            },
-            "query-input": "required name=search_term_string"
-        },
-        "mainEntity": {
-            "@type": "SiteNavigationElement",
-            "name": "Main Navigation",
-            "url": "${Astro.url.origin}${subdirectory}",
-            "hasPart": [
-                ${categories.map(category => `{
-                    "@type": "SiteNavigationElement",
-                    "name": "${category.name}",
-                    "url": "${Astro.url.origin}${category.link}"
-                }`).join(',\n      ')}
-            ]
-        }
-    }
-    </script>`;
-
-
-
----
-
-<header class="sticky top-0 w-full bg-white z-50 flex flex-col justify-center align-center items-center p-0">
-    <nav class="px-4 py-3 w-full">
-        
-        <div class="max-w-7xl flex items-center justify-between mx-auto">
-            <a href={subdirectory + '/'} class="hidden md:flex items-center">
-                <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" class="h-[40px]" alt="Logo Lefebvre">
-            </a>
-            <a href="#" class="flex md:hidden items-center">
-                <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" class="h-[40px]" alt="Logo Lefebvre">
-            </a>
-            
-            <div class="flex items-center gap-4">
-                <div class="flex items-center gap-4">
-                    <a href={url} class="h-[48px] max-[375px]:px-2 px-5 py-3 font-inter font-semibold max-[375px]:text-sm text-base  border-1 border-[#2134F1] text-[#2134F1] hover:text-[#ffffff] hover:border-[#2134F1] hover:bg-[#2134F1] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
-                </div>
-                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');" 
-                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 
-                focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
-                aria-controls="navbar-default" aria-expanded="false">
-                    <span class="sr-only pointer-events-none">Abrir menú</span>
-                    <svg class="w-5 h-5 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
-                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
-                    </svg>
-                </button>
-
-            </div>
-            
-        </div>
-    </nav>
-    <nav class="w-full flex items-center border-1 border-gray-300">
-        <ul class="max-w-7xl hidden lg:flex items-center justify-start gap-8 mx-auto">
-            {categories.map(category => (
-                <li class="relative group border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600 hover:bg-gray-100">
-                    <a href={category.link} class="flex items-center px-8 py-6">
-                        <span>
-                            {category.name}
-                        </span>
-                        {category.subcategories.length > 0 && (
-                            <span class="ml-1 text-xs">∨</span>
-                        )}
-                    </a>
-                    {category.subcategories.length > 0 && (
-                        <ul class="absolute left-0 mt-6 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
-                           
-                        >
-                            {category.subcategories.map(sub => (
-                                <li class="hover:text-indigo-900 hover:font-semibold">
-                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
-                                </li>
-                            ))}
-                        </ul>
-                    )}
-                </li>
-            ))}
-        </ul>
-    </nav>
-
-    <nav class="hidden w-full bg-white border-gray-200" id="navbar-default">
-        <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
-            
-            <div class="w-full lg:flex lg:w-auto">
-                <ul>
-                {categories.map(category => (
-                <li class="relative group px-6 py-4 border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600">
-                    <a href={category.link} class="flex items-center">
-                        <span class="hover:underline">
-                            {category.name}
-                        </span>
-                        {category.subcategories.length > 0 && (
-                            <span class="ml-1 text-xs">∨</span>
-                        )}
-                    </a>
-                    {category.subcategories.length > 0 && (
-                        <ul class="absolute left-0 mt-6 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
-                           
-                        >
-                            {category.subcategories.map(sub => (
-                                <li class="hover:text-indigo-900 hover:font-semibold">
-                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
-                                </li>
-                            ))}
-                        </ul>
-                    )}
-                </li>
-                ))}
-                </ul>
-            </div>
-        </div>
-    </nav>
-    
-   
-</header>
-
+---
+const {
+    label = 'Pruébalo ya',
+    url = '#',
+    subdirectory = ''
+    } = Astro.props;
+
+const categories = [
+    // {
+    //     name: 'Conócenos',
+    //     link: subdirectory + '/conocenos',
+    //     subcategories: [{name: 'Quiénes somos', link: '#'}, {name: 'Nuestra cultura', link: '#'}, {name: 'Equipo', link: '#'}],
+    // },
+    {
+        name: 'Cómo funciona',
+        link: subdirectory + '/conoce-genia-l/',
+        subcategories: [],
+    },
+    {
+        name: 'Seguridad',
+        link: subdirectory + '/seguridad/',
+        subcategories: [],
+    },
+    // {
+    //     name: 'IA Jurídica',
+    //     link: subdirectory + '/ia-juridica',
+    //     subcategories: [],
+    // },
+    {
+        name: 'Casos reales',
+        link: subdirectory + '/casos-reales/',
+        subcategories: [],
+    },
+    // {
+    //     name: 'Novedades y recursos',
+    //     link: subdirectory + '/novedades-y-recursos',
+    //     subcategories: [],
+    // },
+    // {
+    //     name: 'FAQs',
+    //     link: subdirectory + '/faqs',
+    //     subcategories: [],
+    // },
+    {
+        name: 'Contacto',
+        link: subdirectory + '/contacto/',
+        subcategories: [],
+    },
+    ];
+
+
+
+
+    const structuredData = `<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "name": "Lefebvre",
+        "url": "${Astro.url.origin}${subdirectory}",
+        "logo": "https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg",
+        "potentialAction": {
+            "@type": "SearchAction",
+            "target": {
+                "@type": "EntryPoint",
+                "urlTemplate": "${Astro.url.origin}${subdirectory}/search?q={search_term_string}"
+            },
+            "query-input": "required name=search_term_string"
+        },
+        "mainEntity": {
+            "@type": "SiteNavigationElement",
+            "name": "Main Navigation",
+            "url": "${Astro.url.origin}${subdirectory}",
+            "hasPart": [
+                ${categories.map(category => `{
+                    "@type": "SiteNavigationElement",
+                    "name": "${category.name}",
+                    "url": "${Astro.url.origin}${category.link}"
+                }`).join(',\n      ')}
+            ]
+        }
+    }
+    </script>`;
+
+
+
+---
+
+<header class="sticky top-0 w-full bg-white z-50 flex flex-col justify-center align-center items-center p-0">
+    <nav class="px-4 py-3 w-full">
+        
+        <div class="max-w-7xl flex items-center justify-between mx-auto">
+            <a href={subdirectory + '/'} class="flex items-center">
+                <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" class="h-[40px]" alt="GenIA-L Lefebvre">
+            </a>
+            <div class="flex items-center gap-4">
+                <div class="flex items-center gap-4">
+                    <a href={url} class="h-[48px] max-[375px]:px-2 px-5 py-3 font-inter font-semibold max-[375px]:text-sm text-base  border-1 border-[#2134F1] text-[#2134F1] hover:text-[#ffffff] hover:border-[#2134F1] hover:bg-[#2134F1] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
+                </div>
+                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');" 
+                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 
+                focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
+                aria-controls="navbar-default" aria-expanded="false">
+                    <span class="sr-only pointer-events-none">Abrir menú</span>
+                    <svg class="w-5 h-5 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
+                    </svg>
+                </button>
+
+            </div>
+            
+        </div>
+    </nav>
+    <nav class="w-full flex items-center border-1 border-gray-300">
+        <ul class="max-w-7xl hidden lg:flex items-center justify-start gap-8 mx-auto">
+            {categories.map(category => (
+                <li class="relative group border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600 hover:bg-gray-100">
+                    <a href={category.link} class="flex items-center px-8 py-6">
+                        <span>
+                            {category.name}
+                        </span>
+                        {category.subcategories.length > 0 && (
+                            <span class="ml-1 text-xs">∨</span>
+                        )}
+                    </a>
+                    {category.subcategories.length > 0 && (
+                        <ul class="absolute left-0 mt-6 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
+                           
+                        >
+                            {category.subcategories.map(sub => (
+                                <li class="hover:text-indigo-900 hover:font-semibold">
+                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
+                                </li>
+                            ))}
+                        </ul>
+                    )}
+                </li>
+            ))}
+        </ul>
+    </nav>
+
+    <nav class="hidden w-full bg-white border-gray-200" id="navbar-default">
+        <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
+            
+            <div class="w-full lg:flex lg:w-auto">
+                <ul>
+                {categories.map(category => (
+                <li class="relative group px-6 py-4 border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600">
+                    <a href={category.link} class="flex items-center">
+                        <span class="hover:underline">
+                            {category.name}
+                        </span>
+                        {category.subcategories.length > 0 && (
+                            <span class="ml-1 text-xs">∨</span>
+                        )}
+                    </a>
+                    {category.subcategories.length > 0 && (
+                        <ul class="absolute left-0 mt-6 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
+                           
+                        >
+                            {category.subcategories.map(sub => (
+                                <li class="hover:text-indigo-900 hover:font-semibold">
+                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
+                                </li>
+                            ))}
+                        </ul>
+                    )}
+                </li>
+                ))}
+                </ul>
+            </div>
+        </div>
+    </nav>
+    
+   
+</header>
+
 <Fragment set:html={structuredData} />

package/src/components/Astro/Contenido_2025_Alcorcon.astro

@@ -1,78 +1,48 @@
----
-const {
-    title,
-    subtitle,
-    description,
-    txtBtn,
-    linkBtn,
-    alt,
-    src,
-    iframeSrc,
-    showBtn = true
-    } = Astro.props;
-
-
-    const structuredData = `<script type="application/ld+json">
-    {
-        "@context": "https://schema.org",
-        "@type": "WebPageElement",
-        "name": "${title}",
-        "description": "${description?.replace(/<[^>]*>/g, '').replace(/"/g, '\\"') || ''}",
-        "image": "${src || ''}",
-        "mainEntity": {
-            "@type": "Article",
-            "headline": "${title}",
-            "alternativeHeadline": "${subtitle || ''}",
-            "description": "${description?.replace(/<[^>]*>/g, '').replace(/"/g, '\\"') || ''}",
-            ${src ? `"image": "${src}",` : ''}
-            ${iframeSrc ? `"video": "${iframeSrc}",` : ''}
-            "author": {
-                "@type": "Organization",
-                "name": "Lefebvre"
-            }
-        }${linkBtn && showBtn ? `,
-        "potentialAction": {
-            "@type": "ViewAction",
-            "name": "${txtBtn || 'Ver más'}",
-            "target": "${linkBtn}"
-        }` : ''}
-    }
-    </script>`;
-
-
-
----
-
-<section class="w-full flex items-center justify-center pb-[36px]">
-
-    <article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
-
-        <div class="max-w-7xl w-full flex justify-center items-center relative md:w-4/5">
-            <div class="relative w-full max-w-7xl min-h-[400px] md:min-h-[500px] lg:min-h-[auto]">
-                {src && src !== "" ? (
-                    <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"> 
-                ) : (
-                    <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">
-                        <source src={iframeSrc} type="video/mp4" />
-                    </video> 
-                )} 
-
-                {(title || subtitle || description || (showBtn && linkBtn)) && (
-                    <div class="absolute inset-0 flex flex-col justify-center items-center p-4 md:p-6 lg:p-8 z-10">
-                        <div class="max-w-4xl w-full text-center">
-                            {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>}
-                            {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>}
-                            {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>}
-                            
-                            {showBtn && linkBtn && (
-                                <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>
-                            )}
-                        </div>
-                    </div>
-                )}
-            </div>
-        </div>          
-    </article>
-</section>
-
-<div set:html={structuredData}></div>
+---
+const {
+    title,
+    subtitle,
+    description,
+    txtBtn,
+    linkBtn,
+    alt,
+    src,
+    iframeSrc,
+    showBtn = true
+    } = Astro.props;
+
+
+---
+
+<section class="w-full flex items-center justify-center pb-[36px]">
+
+    <article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
+
+        <div class="max-w-7xl w-full flex justify-center items-center relative md:w-4/5">
+            <div class="relative w-full max-w-7xl min-h-[400px] md:min-h-[500px] lg:min-h-[auto]">
+                {src && src !== "" ? (
+                    <img src={src} alt={alt} title={title} class="object-cover object-center w-full h-full lg:max-h-[446px] min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl"> 
+                ) : (
+                    <video autoplay loop muted playsinline class="object-cover object-center w-full h-full lg:max-h-[446px] min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
+                        <source src={iframeSrc} type="video/mp4" />
+                    </video> 
+                )} 
+
+                {(title || subtitle || description || (showBtn && linkBtn)) && (
+                    <div class="absolute inset-0 flex flex-col justify-center items-center p-4 md:p-6 lg:p-8 z-10">
+                        <div class="max-w-4xl w-full text-center">
+                            {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>}
+                            {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>}
+                            {description && <div class="text-[#363942] font-poppins text-sm sm:text-base md:text-lg lg:text-xl font-normal leading-relaxed mb-6 text-center" set:html={description}></div>}
+                            
+                            {showBtn && linkBtn && (
+                                <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>
+                            )}
+                        </div>
+                    </div>
+                )}
+            </div>
+        </div>          
+    </article>
+</section>
+