https://wizhosting.com/assets/WowSolutionsSummary-AfI-Vb2W.js

1import{j as t}from"./framer-Bj7KDzB1.js";import{o as l}from"./vendor-c5NS5wK2.js";import{u as j,l as N,p as S,w as L}from"./index-DzImhJST.js";import{u as M,L as V}from"./router-CDSYgY7y.js";import C from"./MobileCarousel-Dp8EUGnD.js";import{W as T}from"./WowHeading-D4vyHLig.js";import{u as h}from"./i18n-BXHwGybN.js";import{ax as E,z as H,bu as $,k as _,o as b,au as z,aC as P,h as W,R as F}from"./libs-TtuF5lfF.js";import"./ui-P_sNh_1r.js";const I=`
2  .solutions-spotlight-card {
3    --mouse-x: -1000px;
4    --mouse-y: -1000px;
5    position: relative;
6  }
7  .solutions-spotlight-card::before {
8    content: "";
9    position: absolute;
10    inset: 0.5px;
11    pointer-events: none;
12    border-radius: inherit;
13    background: radial-gradient(
14      500px circle at var(--mouse-x) var(--mouse-y),
15      rgba(255, 122, 0, 0.05),
16      transparent 40%
17    );
18    z-index: 2;
19    opacity: 0;
20    transition: opacity 0.4s ease;
21  }
22  .solutions-spotlight-card:hover::before {
23    opacity: 1;
24  }
25  .solutions-spotlight-card::after {
26    content: "";
27    position: absolute;
28    inset: 0;
29    pointer-events: none;
30    border-radius: inherit;
31    z-index: 1;
32    padding: 1px;
33    background: radial-gradient(
34      400px circle at var(--mouse-x) var(--mouse-y),
35      rgba(255, 160, 100, 0.9),
36      rgba(255, 100, 0, 0.6) 15%,
37      rgba(255, 122, 0, 0.25) 35%,
38      transparent 60%
39    );
40    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
41    mask-composite: exclude;
42    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
43    -webkit-mask-composite: xor;
44    opacity: 0;
45    transition: opacity 0.25s ease;
46  }
47  .solutions-spotlight-card:hover::after {
48    opacity: 1;
49  }
50  .dark .solutions-spotlight-card::before {
51    background: radial-gradient(
52      500px circle at var(--mouse-x) var(--mouse-y),
53      rgba(255, 122, 0, 0.08),
54      transparent 40%
55    );
56  }
57`,R=a=>{const n=a.currentTarget.getBoundingClientRect();a.currentTarget.style.setProperty("--mouse-x",`${a.clientX-n.left}px`),a.currentTarget.style.setProperty("--mouse-y",`${a.clientY-n.top}px`)};function B(){const[a,n]=l.useState(!1),[e,m]=l.useState(!1);return l.useEffect(()=>{var i,u;if(typeof window>"u")return;const s=window.matchMedia("(min-width: 2000px)"),r=window.matchMedia("(min-width: 2500px)"),o=()=>{n(s.matches),m(r.matches)};return o(),(i=s.addEventListener)==null||i.call(s,"change",o),(u=r.addEventListener)==null||u.call(r,"change",o),()=>{var c,d;(c=s.removeEventListener)==null||c.call(s,"change",o),(d=r.removeEventListener)==null||d.call(r,"change",o)}},[]),{ge2000:a,ge2500:e}}function Q({className:a,items:n}){const{t:e}=h("common"),{language:m}=j(),{in:s}=N(),r=l.useMemo(()=>[{key:"empresas",href:"/soluciones/empresas",title:e("solutions.items.empresas.title"),text:e("solutions.items.empresas.text",{inCountry:s}),icon:E,badge:e("solutions.items.empresas.badge"),cta:e("solutions.items.empresas.cta","Ver planes para empresas")},{key:"agencias",href:"/soluciones/agencias",title:e("solutions.items.agencias.title"),text:e("solutions.items.agencias.text",{inCountry:s}),icon:H,badge:e("solutions.items.agencias.badge"),cta:e("solutions.items.agencias.cta","Ver planes para agencias")},{key:"ecommerce",href:"/soluciones/ecommerce",title:e("solutions.items.ecommerce.title"),text:e("solutions.items.ecommerce.text",{inCountry:s}),icon:$,badge:e("solutions.items.ecommerce.badge"),cta:e("solutions.items.ecommerce.cta","Ver planes para e-commerce")},{key:"educacion",href:"/soluciones/educacion",title:e("solutions.items.educacion.title"),text:e("solutions.items.educacion.text",{inCountry:s}),icon:_,cta:e("solutions.items.educacion.cta","Ver planes para educación")},{key:"emprendedores",href:"/soluciones/emprendedores",title:e("solutions.items.emprendedores.title"),text:e("solutions.items.emprendedores.text",{inCountry:s}),icon:b,cta:e("solutions.items.emprendedores.cta","Ver planes para emprendedores")}],[e,s]),o=n||r,{ge2000:i,ge2500:u}=B(),c=l.useMemo(()=>[{key:"blog",href:"/hosting-para/blog",title:e("solutions.items.blog.title"),text:e("solutions.items.blog.text"),icon:z,badge:e("solutions.items.blog.badge"),cta:e("solutions.items.blog.cta","Ver planes para blogs")},{key:"ongs-gobierno",href:"/hosting-para/ongs-gobierno",title:e("solutions.items.ongs_gobierno.title"),text:e("solutions.items.ongs_gobierno.text"),icon:P,cta:e("solutions.items.ongs_gobierno.cta","Ver planes para ONGs")}],[e]),d=l.useMemo(()=>[{key:"desarrolladores",href:"/hosting-para/desarrolladores",title:e("solutions.items.desarrolladores.title"),text:e("solutions.items.desarrolladores.text"),icon:W,cta:e("solutions.items.desarrolladores.cta","Ver planes para desarrolladores")}

57,{key:"saasstartups",href:"/hosting-para/saasstartups",title:e("solutions.items.saas_startups.title"),text:e("solutions.items.saas_startups.text"),icon:F,cta:e("solutions.items.saas_startups.cta","Ver planes para startups")}],[e]),f=l.useMemo(()=>u?[c[1],c[0],...o,d[0],d[1]]:i?[c[0],...o,d[0]]:o,[o,i,u]),y=e("solutions.title")+s,v=m==="es"?`Soluciones de Hosting por tipo de cliente${s}`:`Hosting solutions by client type${s}`;return t.jsxs(t.Fragment,{children:[t.jsx("style",{children:I}),t.jsxs("div",{className:a,children:[t.jsxs("div",{className:"container pt-8 md:pt-12",children:[t.jsxs("div",{className:"text-center mb-12 md:mb-16",children:[t.jsx(T,{as:"h2",title:y,subtitle:e("solutions.subtitle",{country:s}),size:"lg",className:"mx-auto max-w-[700px] lg:max-w-none lg:whitespace-nowrap",subtitleClassName:"mt-3 max-w-2xl mx-auto"}),t.jsx("span",{className:"sr-only",suppressHydrationWarning:!0,children:v})]}),t.jsx("div",{className:"-mx-4 sm:mx-0 md:hidden",children:t.jsx(C,{ariaLabel:"Soluciones",edgeToEdge:!0,extraTop:20,extraHeight:45,uniformHeight:!1,cardMaxW:360,arrowSize:38,arrowInset:-10,showArrows:!0,showIndicators:!0,autoPlay:!1,children:o.map((p,g)=>{const w=g===0,k=g===o.length-1;return t.jsx("div",{className:(w?"pl-4 ":"")+(k?"pr-4 ":""),children:t.jsx(x,{item:p})},p.key)})})})]}),t.jsx("div",{className:"hidden md:block pb-8 md:pb-12",children:t.jsx("div",{className:`
58            mx-auto px-4
59            max-w-[1400px]
60            min-[2000px]:max-w-[2000px]
61            min-[2500px]:max-w-[2400px]
62          `,children:t.jsx("ul",{role:"list",className:`
63              grid gap-6
64              grid-cols-2
65              xl:grid-cols-5
66              min-[2000px]:grid-cols-7 min-[2000px]:gap-8
67              min-[2500px]:grid-cols-9 min-[2500px]:gap-12
68            `,children:f.map(p=>t.jsx("li",{className:"h-full",children:t.jsx(x,{item:p})},p.key))})})})]})]})}function x({item:a}){const{t:n}=h("common"),e=a.icon??b,m=a.key.replace(/-/g,"_"),s=a.cta??n(`solutions.items.${m}.cta`,n("solutions.cta","Ver planes recomendados")),{pathname:r}=M(),o=S(r),i=L(`/hosting-para/${a.key}`,o);return t.jsx("article",{className:`
69        solutions-spotlight-card
70        group relative h-full rounded-2xl 
71        bg-white dark:bg-[#1a1d24] 
72        border border-gray-100 dark:border-white/5 
73        shadow-sm dark:shadow-lg overflow-visible
74        transition-all duration-300
75        hover:-translate-y-2 hover:shadow-xl dark:hover:shadow-2xl dark:hover:border-orange-500/30 hover:border-orange-500/20
76      `,onMouseMove:R,children:t.jsxs("div",{className:"p-8 flex flex-col items-center text-center h-full relative z-10",children:[t.jsxs("div",{className:"relative mb-6",children:[t.jsx("div",{className:"p-4 rounded-full border-2 border-orange-500/20 text-orange-500 dark:text-orange-500 transition-transform duration-300 group-hover:scale-110 group-hover:border-orange-500 bg-orange-50/50 dark:bg-transparent",children:t.jsx(e,{className:"w-8 h-8 stroke-[1.5]"})}),a.badge&&t.jsx("span",{className:"absolute -top-3 -right-12 whitespace-nowrap rounded-full bg-gray-900 dark:bg-[#252830] border border-orange-500/30 text-orange-500 text-[10px] font-bold uppercase tracking-wider px-2.5 py-1 shadow-md transform rotate-3 group-hover:rotate-0 transition-transform",children:a.badge})]}),t.jsx("h3",{className:"text-xl font-bold mb-3 text-gray-900 dark:text-white",children:a.title}),t.jsx("p",{className:"text-gray-500 dark:text-gray-400 text-sm leading-relaxed mb-8 max-w-[32ch]",children:a.text}),t.jsx("div",{className:"flex-1"}),t.jsxs(V,{to:i,"aria-label":`${s} - ${a.title}`,className:"w-full inline-flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-bold bg-orange-500 text-white shadow-lg shadow-orange-500/20 hover:bg-orange-600 hover:shadow-orange-500/40 active:scale-95 transition-all duration-300",children:[s," ",t.jsx("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"→"})]})]})})}export{Q as default};