https://dentarios.com.mx/assets/WebService-BLaLzfYd.js

1import{g as o,j as e}from"./animations-CsmPxPdJ.js";import{S,c as D,B as P,J as N,P as W,C as I}from"./click-D8ADDrhj.js";import{a as n}from"./react-vendor-LVh5qnHV.js";import{h as _,i as C,j as A,k as O,l as F}from"./index-stNIjqYG.js";import{H as L}from"./Header-2YRb3xm5.js";import{S as R}from"./SEO-p2EcNQXb.js";import"./index-DfBlkqaH.js";import"./ui-libs-CWUxP022.js";import"./ContactButton-BNuOB3I1.js";const y="/assets/desarrolloweb-C55fGOOB.webp",M="/assets/landing-B43O7bpH.webp",B="/assets/mockup-D7r5vyEr.webp",T="/assets/seo-0F1o8XSP.webp",Q="/assets/web-1-BKPgzrnL.webp",U="/assets/web-2-DSKQrgpC.webp",$="/assets/web-3-6TcpsjXb.webp",H="/assets/web-4-CX7PUT4Q.webp",X="/assets/web-5-DzUfPBhg.webp",K="/assets/web-6-BH9R7tFE.webp";o.registerPlugin(S);const k=[Q,U,$,H,X,K],le=()=>{const g=n.useRef(null),u=n.useRef(null),[m,z]=n.useState(null),[r,b]=n.useState(0),[w,q]=n.useState(!1);n.useEffect(()=>{const s=()=>q(window.innerWidth<768);return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),n.useLayoutEffect(()=>{const s=o.context(()=>{const t=o.utils.toArray(".card-container"),i=t.length,h=o.matchMedia();if(h.add("(max-width: 767px)",()=>{o.set(t,{x:0,y:0,top:"45%",left:"50%",scale:.5,zIndex:a=>i-a,xPercent:-50,yPercent:-50,rotation:a=>(a-i/2)*3+(Math.random()*10-5)}),o.timeline().to(t,{xPercent:-50,x:a=>{const l=window.innerWidth*.5,d=l/(i-1);return-l/2+a*d},y:a=>{const l=a-(i-1)/2;return l*l*5},rotation:a=>(a-(i-1)/2)*4,scale:.55,duration:1.2,ease:"power3.out",stagger:.05},"+=0.5").to(t,{rotationY:"+=360",duration:1.5,ease:"power2.inOut",stagger:.1,repeat:-1,repeatDelay:5},"+=0.5")}),h.add("(min-width: 768px) and (max-width: 1023px)",()=>{o.set(t,{x:0,y:0,top:"60%",left:"50%",scale:.6,zIndex:a=>i-a,xPercent:-50,yPercent:-50,rotation:a=>(a-i/2)*2}),o.timeline().to(t,{xPercent:-50,x:a=>{const l=window.innerWidth*.6,d=l/(i-1);return-l/2+a*d},y:a=>{const l=a-(i-1)/2;return l*l*10},rotation:a=>(a-(i-1)/2)*5,scale:.7,duration:1.2,ease:"power3.out",stagger:.05},"+=0.5").to(t,{rotationY:"+=360",duration:1.5,ease:"power2.inOut",stagger:.1,repeat:-1,repeatDelay:5},"+=0.5")}),h.add("(min-width: 1024px)",()=>{o.set(t,{x:0,y:0,top:"60%",left:"50%",scale:.8,zIndex:a=>i-a,xPercent:-50,yPercent:-50,rotation:a=>(a-i/2)*2}),o.timeline().to(t,{xPercent:-50,x:a=>{const l=window.innerWidth*.6,d=l/(i-1);return-l/2+a*d},y:a=>{const l=a-(i-1)/2;return l*l*20},rotation:a=>(a-(i-1)/2)*5,scale:1,duration:1.2,ease:"power3.out",stagger:.05},"+=0.5").to(t,{rotationY:"+=360",duration:1.5,ease:"power2.inOut",stagger:.1,repeat:-1,repeatDelay:5},"+=0.5")}),u.current){const p=new S(u.current,{type:"chars"});o.from(p.chars,{y:-100,opacity:0,duration:1,ease:"bounce.out",stagger:.05,delay:.5})}},g);return()=>s.revert()},[w]);const x=n.useRef(new Audio(D));n.useEffect(()=>{x.current.volume=1,x.current.load()},[]);const v=s=>{r!==s&&(b(s),x.current.currentTime=0,x.current.play().catch(t=>console.log("Audio play failed",t)))},f=["DISEÑO WEB","MOCKUP","DESARROLLO WEB","SEO","MARKETING","IDENTIDAD","ALCANCE"],E=[{label:"Proyectos Completados",value:"300"},{label:"Clientes Totales",value:"50"},{label:"Sitios Optimizados",value:"280"}],j=[{question:"¿Cuál es su estructura de precios?",answer:"Ofrecemos precios claros y basados en cada proyecto. Una vez entendemos tus objetivos, proporcionamos una cotización detallada y transparente."},{question:"¿Qué servicios ofrece Dentarios?",answer:"Nos especializamos en el sector dental: desarrollo de sitios web, estrategias de marketing digital, branding, gestión de redes sociales y campañas publicitarias de alto rendimiento."},{question:"¿Cuánto tiempo toma un proyecto típico?",answer:"Depende de la complejidad. Un sitio web informativo puede tomar de 2 a 4 semanas, además contamos con landing pages listas para ser implementadas en 1 semana con la información que nos proporciones."},{question:"¿Cómo empezamos a trabajar?",answer:"¡Es muy sencillo! Contáctanos por WhatsApp para una consulta inicial gratuita. Analizaremos las necesidades de tu clínica y te propondremos un plan a medida."},{question:"¿Pueden trabajar con mi marca existente?",answer:"Absolutamente. Podemos adaptar nuestros diseños a tu identidad actual o, si lo prefieres, ayudarte a refrescar o rediseñar tu sitio web para atraer a más pacientes."}],c=[{title:"Desarrollo Web",description:"Sitios web de alto impacto, completamente escalables y optimizados para una mejor experiencia del usuario.",image:y},{title:"Mockup del Sitio",description:"Un diseño que representa la experiencia final del usuario, antes de que se implemente, de acuerdo a las necesidades del negocio.",image:B},{title:"Landing Pages Efectivas",description:"Landing pages que convierten visitas en conversiones, optimizadas para campañas publicitarias y SEO.",image:M},{title:"SEO & Marketing",description:"SEO optimizado, campañas en google ads y resultados reales.",image:T},{title:"Sitios web modernos",description:"Sitios web de alto impacto, completamente escalables y con un diseño moderno y agradable.",image:y}];return e.jsxs("div",{className:"w-full bg-[#ffffff] text-black overflow-x-hidden font-sans selection:bg-blue-500 selection:text-white",children:[e.jsx(R,{title:"Desarrollo Web para Clínicas Dentales",description:"Diseñamos y desarrollamos sitios web profesionales para odontólogos. Landing pages, sitios informativos y tiendas online optimizados para atraer pacientes.",canonical:"/servicios/desarrollo-web",faqData:j}),e.jsx(P,{items:[{label:"Inicio",path:"/"},{label:"Servicios",path:null},{label:"Desarrollo Web",path:null}]}),e.jsx("div",{className:"fixed inset-0 z-0 opacity-20 pointer-events-none",children:e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px]"})}),e.jsx("div",{className:"absolute top-0 left-0 w-full z-50",children:e.jsx(L,{className:"bg-[#162fac]"})}),e.jsxs("section",{ref:g,className:"relative z-10 w-full min-h-[85vh] lg:min-h-[110vh] flex flex-col items-center pt-10 md:pt-20 px-6 md:px-6 md:pb-10",children:[e.jsxs("div",{className:"w-full max-w-7xl flex flex-col md:flex-row justify-between items-start md:items-center gap-8 z-20 mt-10 mb-10 md:mt-20 md:mb-20",children:[e.jsxs("h1",{ref:u,className:"text-5xl md:text-6xl lg:text-8xl font-bold text-[#162fac] leading-tight uppercase tracking-tighter break-keep",children:["Desarrollo ",e.jsx("br",{})," Web"]}),e.jsxs("div",{className:"w-full md:w-[300px] lg:w-[350px] flex flex-col gap-6 items-start",children:[e.jsx("p",{className:"text-black text-md md:text-lg lg:text-2xl font-light leading-relaxed",children:"Ayudamos a las clínicas a crecer con estrategias digitales inteligentes que atraen pacientes, generan confianza y aumentan los ingresos."}

1),e.jsxs("a",{href:"https://api.whatsapp.com/send?phone=525590382078",target:"_blank",rel:"noopener noreferrer",className:"group flex items-center gap-4 bg-blue-500 hover:bg-blue-600 text-white px-2 pl-6 py-2 rounded-full w-fit transition-all duration-300 shadow-[0_0_20px_rgba(37,99,235,0.3)] hover:shadow-[0_0_30px_rgba(37,99,235,0.5)]",children:[e.jsx("span",{className:"font-semibold text-lg",children:"Empezar Ahora"}),e.jsx("div",{className:"w-10 h-10 bg-blue-700 text-white rounded-full flex items-center justify-center group-hover:rotate-[-45deg] transition-transform duration-300",children:e.jsx(_,{className:"text-sm"})})]})]})]}),e.jsx("div",{className:"flex-grow w-full relative flex items-center justify-center pb-40 md:pb-80 md:mt-4 mb-6 md:mb-11 pointer-events-none",children:(w?k.slice(0,4):k).map((s,t)=>e.jsxs("div",{className:"card-container absolute w-[180px] h-[260px] md:w-[250px] md:h-[350px]",style:{transformStyle:"preserve-3d"},children:[e.jsx("div",{className:"absolute inset-0 w-full h-full bg-white rounded-xl shadow-xl overflow-hidden border-4 border-white",style:{backfaceVisibility:"hidden"},children:e.jsx("img",{src:s,alt:`Front ${t}`,className:"w-full h-full object-cover"})}),e.jsx("div",{className:"absolute inset-0 w-full h-full bg-white rounded-xl shadow-xl overflow-hidden border-4 border-white",style:{backfaceVisibility:"hidden",transform:"rotateY(180deg)"},children:e.jsx("img",{src:s,alt:`Back ${t}`,className:"w-full h-full object-cover"})})]},t))})]}),e.jsx("section",{className:"relative w-full z-10 md:mt-20",children:e.jsxs("div",{className:"relative w-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 z-0 pointer-events-none",children:e.jsx(N,{scale:1.2,className:"w-full h-full",children:e.jsx("img",{src:"/fondos/fondo-sitio-web-blanco.webp",alt:"Fondo de sitio web",className:"w-full h-[140%] object-cover",loading:"lazy"})})}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"w-full bg-white text-black py-1 overflow-hidden",children:e.jsx("div",{className:"flex items-center gap-8 whitespace-nowrap animate-marquee",children:[...f,...f,...f].map((s,t)=>e.jsxs("div",{className:"flex items-center gap-8",children:[e.jsx("span",{className:"text-2xl md:text-3xl font-bold tracking-wider",children:s}),e.jsx(C,{className:"text-blue-500 text-xl"})]},t))})}),e.jsx("div",{className:"container mx-auto px-6 md:px-24 py-4 md:py-11",children:e.jsxs("div",{className:"w-full flex flex-col lg:flex-row gap-4 md:gap-16",children:[e.jsxs("div",{className:"w-full lg:w-1/3 flex flex-col gap-6",children:[e.jsx("h2",{className:"text-[#162fac] font-medium text-4xl tracking-wide",children:"Quiénes Somos"}),e.jsxs("div",{className:"relative w-full aspect-[4/3] rounded-2xl overflow-hidden group",children:[e.jsx("img",{src:"/servicios/programacion.webp",alt:"Equipo Dentarios",className:"w-full h-full object-cover"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"})]})]}),e.jsxs("div",{className:"w-full lg:w-2/3 flex flex-col justify-between",children:[e.jsxs("div",{className:"mb-4",children:[e.jsxs("p",{className:"text-2xl md:text-4xl font-medium leading-tight text-[#162fac] mb-8",children:["Somos un equipo multidisciplinario que convierte"," ",e.jsx("span",{className:"text-blue-900",children:"ideas audaces"})," en productos digitales significativos."]}),e.jsx("p",{className:"text-xl md:text-2xl lg:text-3xl text-black font-light leading-relaxed",children:"Desde el branding hasta sitios web de alto rendimiento, diseñamos soluciones que elevan tu clínica y aceleran su crecimiento."})]}),e.jsx("div",{className:"grid grid-cols-3 gap-2 md:gap-6 pb-8 border-t border-gray-100 justify-items-center",children:E.map((s,t)=>e.jsxs("div",{className:"bg-gradient-to-b from-[#162fac] to-[#1a40ff] rounded-2xl md:rounded-3xl flex flex-col items-center justify-center p-2 md:p-4 border border-blue-50/50 hover:shadow-2xl hover:shadow-blue-200/50 transition-all duration-500 group w-[80%] aspect-square md:aspect-square mx-auto",children:[e.jsxs("div",{className:"flex items-start gap-0.5 md:gap-1 mb-1 group-hover:scale-110 transition-transform duration-500",children:[e.jsx("span",{className:"text-3xl md:text-6xl font-bold text-white tracking-tighter",children:s.value}),e.jsx("span",{className:"text-xl md:text-4xl font-bold text-white mt-0.5 md:mt-1",children:"+"})]}),e.jsx("span",{className:"text-[10px] md:text-sm font-bold text-blue-50/90 uppercase tracking-widest md:tracking-[0.2em] text-center px-1 md:px-4 leading-tight",children:s.label})]},t))})]})]})})]})]})}),e.jsx("section",{className:"relative w-full bg-white z-10 py-11",children:e.jsx("div",{className:"container mx-auto px-6 md:px-24",children:e.jsxs("div",{className:"flex flex-col lg:flex-row gap-20",children:[e.jsxs("div",{className:"w-full lg:w-1/2 flex flex-col gap-12",children:[e.jsxs("h2",{className:"text-4xl md:text-6xl font-bold text-black",children:["Servicios ",e.jsx("span",{className:"text-[#2563eb]",children:"Diseño Web"})]}),e.jsx("p",{className:"text-xl md:text-2xl lg:text-3xl text-black font-light leading-relaxed",children:"Desarrollamos sitios web que son fáciles de usar, atractivos y funcionales para mejorar la experiencia de tus clientes."}

1),e.jsxs("a",{href:"https://api.whatsapp.com/send?phone=525590382078",target:"_blank",rel:"noopener noreferrer",className:"group flex items-center gap-4 bg-green-500 hover:bg-green-600 text-white pl-6 py-2 px-6 rounded-full w-fit transition-all duration-300 shadow-[0_0_20px_rgba(37,99,235,0.3)] hover:shadow-[0_0_30px_rgba(37,99,235,0.5)] hover:scale-110",children:[e.jsx("span",{className:"font-semibold text-lg",children:"Contacto"}),e.jsx("div",{className:"w-10 h-10 text-white rounded-full flex items-center justify-center",children:e.jsx(A,{className:"text-2xl"})})]}),e.jsx("ul",{className:"flex flex-col gap-6 mt-1",onMouseLeave:()=>b(0),children:c.map((s,t)=>e.jsx("li",{onMouseEnter:()=>v(t),onClick:()=>v(t),className:`text-3xl md:text-5xl font-bold cursor-pointer transition-colors duration-300 ${r===t?"text-[#2563eb]":"text-black/80 hover:text-black/60"}`,children:s.title},t))})]}),e.jsx("div",{className:"w-full lg:w-1/2 relative",children:e.jsxs("div",{className:"sticky top-24",children:[e.jsxs("div",{className:"w-full aspect-video rounded-3xl overflow-hidden mb-8 relative",children:[c[r].isVideo?e.jsx("video",{src:c[r].image,className:"w-full h-full object-cover animate-fade-in",autoPlay:!0,loop:!0,muted:!0,playsInline:!0},r):e.jsx("img",{src:c[r].image,alt:c[r].title,className:"w-full h-full object-cover animate-fade-in"},r),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("h3",{className:"text-3xl font-bold text-[#2563eb] animate-fade-in",children:c[r].title},`title-${r}`),e.jsx("p",{className:"text-xl md:text-2xl lg:text-3xl text-black font-light leading-relaxed",children:c[r].description})]})]})})]})})}),e.jsxs("section",{className:"relative w-full z-10 py-4 border-t border-white/10 overflow-hidden md:px-24",children:[e.jsx("div",{className:"absolute inset-0 z-0 pointer-events-none",children:e.jsx(N,{scale:1.2,className:"w-full h-full",children:e.jsx("img",{src:"/fondos/fondo-sitio-web-blanco.webp",alt:"Fondo FAQ",className:"w-full h-[140%] object-cover",loading:"lazy"})})}),e.jsx("div",{className:"container mx-auto px-6 relative z-10",children:e.jsxs("div",{className:"flex flex-col lg:flex-row gap-10 md:gap-20",children:[e.jsxs("div",{className:"w-full lg:w-1/3 flex flex-col gap-6",children:[e.jsx("span",{className:"text-[#2563eb] font-medium tracking-widest uppercase text-sm",children:"FAQ"}),e.jsxs("h2",{className:"text-4xl md:text-5xl font-bold text-black leading-tight",children:["Tus Preguntas, ",e.jsx("br",{}),e.jsx("span",{className:"text-[#2563eb]",children:"Respondidas"})]}),e.jsx("p",{className:"text-xl md:text-2xl lg:text-3xl text-black font-light leading-relaxed",children:"Encuentra respuestas rápidas y claras a las preguntas más comunes. Resolvemos tus dudas para que puedas tomar la mejor decisión para tu clínica."}),e.jsx("img",{src:W,alt:"Pregunta",className:"w-[100px] md:w-1/2 mx-auto border-2 border-[#2563eb]/70 rounded-xl"})]}),e.jsx("div",{className:"w-full lg:w-2/3 flex flex-col gap-4",children:j.map((s,t)=>e.jsxs("div",{className:`rounded-2xl overflow-hidden transition-all duration-300 shadow-sm border-2 border-[#162fac]/70 ${m===t?"bg-[#162fac] text-white shadow-lg":"bg-white text-black hover:bg-[#162fac] hover:text-white group"}`,children:[e.jsxs("button",{onClick:()=>z(m===t?null:t),className:"w-full flex items-center justify-between p-6 md:p-8 text-left focus:outline-none transition-colors duration-300",children:[e.jsx("span",{className:"text-xl md:text-2xl font-semibold pr-8",children:s.question}),e.jsx("div",{className:"flex-shrink-0 w-8 h-8 md:w-10 md:h-10 flex items-center justify-center transition-all duration-300",children:m===t?e.jsx(O,{className:"text-sm md:text-base"}):e.jsx(F,{className:"text-sm md:text-base"})})]}),e.jsx("div",{className:`overflow-hidden transition-all duration-500 ease-in-out ${m===t?"max-h-[500px] opacity-100":"max-h-0 opacity-0"}`,children:e.jsx("div",{className:"p-6 md:p-8 pt-0 text-lg leading-relaxed opacity-90",children:s.answer})})]},t))})]})})]}),e.jsx(I,{}),e.jsx("style",{children:`
2        .scrollbar-hide::-webkit-scrollbar {

3            display: none;
4        }
5        .scrollbar-hide {
6            -ms-overflow-style: none;
7            scrollbar-width: none;
8        }
9
10        @keyframes marquee {
11          0% { transform: translateX(0); }
12          100% { transform: translateX(-50%); }
13        }
14        .animate-marquee {
15          animation: marquee 30s linear infinite;
16        }
17        
18        @keyframes spin-slow {
19          from { transform: rotate(0deg); }
20          to { transform: rotate(360deg); }
21        }
22        .animate-spin-slow {
23          animation: spin-slow 8s linear infinite;
24        }
25
26        @keyframes fadeIn {
27          from { opacity: 0; }
28          to { opacity: 1; }
29        }
30        .animate-fade-in {
31          animation: fadeIn 0.8s ease-in-out forwards;
32        }
33      `})]})};export{le as WebService};