https://webdesignmiamicompany.com/assets/home-es-D1hdLFKq.js

1import{j as e,L as i,r as u}from"./react-vendor-HiGT8-vh.js";import{f as x,g as l,h as b,e as p,i as w,j,d as h,k as v,l as y,v as g,m as N,p as c,a as S,b as P,P as C,L as W,S as k,c as E}from"./vid-integramed-Bf7TjXOM.js";import{T as O,W as z}from"./wistia-embed-C9FRJSfE.js";import{S as n,a as L,b as M,l as Q,o as q,p as D,c as A}from"./site-footer-C17jlNqM.js";import{S as H,c as I}from"./index-BN_4yr4E.js";import{R as T}from"./responsive-image-CQsehSC5.js";import{m as r,A as B}from"./framer-BLWDiO2t.js";const d={[x]:c,[p]:P,[h]:S,[g]:c},m=[{src:l,video:x,label:"Integramed Wellness",category:"Tienda en Línea",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=14-3050&p=f&t=atPxCaj1g0DrvH7e-1&scaling=scale-down-width&content-scaling=fixed&page-id=14%3A2980&starting-point-node-id=14%3A3050"},{src:b,label:"Bay Swimwear",category:"Sitio Ecommerce",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=4106-14469&viewport=197%2C25%2C0.1&t=SGY1gaQNSx5oTNeC-1&scaling=scale-down-width&content-scaling=fixed&page-id=3768%3A466"},{src:w,video:p,label:"Seeq Supply",category:"Sitio Ecommerce",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=4148-7869&viewport=313%2C25%2C0.07&t=zWTCbKfmoc3L25oQ-1&scaling=scale-down-width&content-scaling=fixed&page-id=4148%3A7367"},{src:j,label:"Abbale",category:"Sitio Empresarial",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=4528-49&viewport=324%2C25%2C0.12&t=rZ4LtCbLfZ5fjl9x-1&scaling=scale-down-width&content-scaling=fixed&page-id=4146%3A2115"},{src:v,video:h,label:"United Nursery",category:"Sitio Ecommerce",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=599-6828&viewport=58%2C25%2C0.12&t=PbpQCF9yvTzyX9q4-1&scaling=scale-down-width&content-scaling=fixed&page-id=599%3A6826"},{src:y,label:"Inside Out",category:"Sitio Ecommerce",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=1206-5857&viewport=432%2C25%2C0.15&t=59MqGnophBY65BYw-1&scaling=scale-down-width&content-scaling=fixed&page-id=1206%3A5856"},{src:l,video:g,label:"Vespera",category:"Tienda en Línea",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=4607-9748&viewport=136%2C25%2C0.09&t=a1jL8BBnRiLYn1bO-1&scaling=scale-down-width&content-scaling=fixed&page-id=4099%3A9886"},{src:N,label:"A Club",category:"Servicios",figma:"https://www.figma.com/proto/Q2hPMx5zDmWKOQHslXb4rW/Portfolio-2026?node-id=4146-1114&viewport=1567%2C28%2C0.06&t=fmsli7chzDfQN3F4-1&scaling=scale-down-width&content-scaling=fixed&page-id=4146%3A1113"}],R=[Q(),q(),D(),A([{label:"Inicio",href:"/es"}])];function o({question:t,answer:a}){const[s,f]=u.useState(!1);return e.jsxs("div",{className:"border-t border-stone-200",children:[e.jsxs("button",{type:"button",onClick:()=>f(!s),className:"w-full flex items-center justify-between py-5 text-left text-lg font-light text-stone-900 hover:text-stone-600 transition-colors gap-4","aria-expanded":s,children:[e.jsx("span",{children:t}),e.jsx(r.span,{animate:{rotate:s?45:0},transition:{duration:.2},className:"shrink-0 text-stone-600 font-serif text-2xl leading-none","aria-hidden":"true",children:"+"})]}),e.jsx(B,{initial:!1,children:s&&e.jsx(r.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.25,.1,.25,1]},className:"overflow-hidden",children:e.jsx("p",{className:"pb-6 text-stone-600 font-light leading-relaxed text-lg",children:a})})})]})}function $(){return e.jsxs("div",{className:"min-h-screen bg-white text-stone-900 font-sans selection:bg-stone-900 selection:text-white",children:[e.jsx(H,{title:"Diseño Web en Miami | Web Design Miami Company",description:"Diseño web, SEO y marketing digital en Miami. Sitios web creativos y de alto rendimiento, diseñados para diferenciarse y convert

1ir. Obtenga un estimado instantáneo.",canonicalUrl:`${n}/es`,alternates:[{hrefLang:"en",href:`${n}/`},{hrefLang:"es",href:`${n}/es`},{hrefLang:"x-default",href:`${n}/`}],schema:R}),e.jsx(L,{lang:"es"}),e.jsxs("main",{id:"main",children:[e.jsx("section",{className:"home-hero-section bg-white",style:{paddingTop:"max(230px, 25vh)",paddingBottom:"56px"},children:e.jsx("div",{className:"px-6 md:px-12 lg:px-16 max-w-[1280px] mx-auto flex flex-col items-center text-center",children:e.jsxs(r.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,ease:[.25,.1,.25,1]},children:[e.jsx("h1",{className:"font-serif italic text-stone-900 font-normal",style:{fontSize:"clamp(28px, 4vw, 58px)",lineHeight:1,letterSpacing:"-0.01em",marginBottom:"24px"},children:"Diseños Impecables & Elegantes"}),e.jsx("p",{className:"font-sans font-light text-stone-600 mx-auto",style:{fontSize:"clamp(15px, 1.4vw, 19px)",lineHeight:1.55,maxWidth:"420px",marginBottom:"32px"},children:"Potenciamos a empresas ambiciosas con diseño web creativo e implementación técnica impecable."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-6",children:[e.jsx(i,{href:"/es/propuesta",className:"inline-flex items-center justify-center px-8 py-4 rounded-full bg-[#1F1A17] text-white text-[10px] uppercase tracking-[0.15em] font-semibold hover:bg-[#2d2825] hover:-translate-y-0.5 hover:shadow-md transition-all duration-[250ms]",children:"Obtén una Propuesta"}),e.jsx("a",{href:"tel:+17869573455",className:"inline-flex items-center justify-center px-8 py-4 rounded-full bg-white border border-stone-300 text-stone-900 text-[10px] uppercase tracking-[0.15em] font-semibold hover:border-stone-600 hover:-translate-y-0.5 hover:shadow-sm transition-all duration-[250ms]",children:"Llamar +1-786-957-3455"})]})]})})}),e.jsx("div",{className:"w-full overflow-hidden pb-12",onMouseEnter:t=>{const a=t.currentTarget.querySelector(".hero-marquee-track");a&&(a.style.animationPlayState="paused")},onMouseLeave:t=>{const a=t.currentTarget.querySelector(".hero-marquee-track");a&&(a.style.animationPlayState="running")},children:e.jsx("div",{className:"hero-marquee-track",children:[...m,...m].map((t,a)=>e.jsxs("a",{href:t.figma,target:"_blank",rel:"noopener noreferrer",className:"hero-card flex flex-col group",onClick:s=>{s.preventDefault(),s.stopPropagation(),window.open(t.figma,"_blank","noopener,noreferrer")},children:[e.jsx("div",{className:"hero-card-media",children:t.video?e.jsxs(e.Fragment,{children:[a===0&&e.jsx("img",{src:d[t.video]??t.src.img.src,alt:"","aria-hidden":"true",fetchPriority:"high",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("video",{src:t.video,...a!==0?{poster:d[t.video]??t.src.img.src}:{},autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata",className:"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"})]}):e.jsx(T,{picture:t.src,alt:t.label,sizes:"(max-width: 768px) 350px, 260px",className:"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"})}),e.jsxs("div",{className:"pt-2.5 text-left",children:[e.jsx("p",{className:"font-sans text-[12px] text-stone-900 font-medium leading-snug",children:t.label}),e.jsx("p",{className:"font-sans text-[10px] uppercase tracking-[0.12em] text-stone-600 leading-snug mt-0.5",children:t.category})]})]},a))})}),e.jsx("section",{className:"bg-stone-950 border-y border-stone-800",children:e.jsx("div",{className:"grid grid-cols-3 max-w-6xl mx-auto",children:[{value:"100%",label:"Trabajo senior"},{value:"Bilingüe",label:"Inglés + Español"},{value:"Wynwood",label:"Estudio Miami"}].map((t,a)=>e.jsxs("div",{className:I("flex flex-col items-center justify-center py-5 md:py-10 px-2 md:px-4 text-center border-stone-800",a<2?"border-r":""),children:[e.jsx(O,{text:t.value,speedMs:40,className:"font-serif italic font-normal text-[1.4rem] md:text-[2.625rem] lg:text-[4.2rem] text-white mb-1.5",style:{minHeight:"1.2em"}}),e.jsx("div",{className:"min-h-[2.4em] flex items-center justify-center text-[12.6px] md:text-[14px] uppercase tracking-[0.12em] md:tracking-[0.2em] text-stone-400 font-sans leading-tight text-center",children:t.label})]},t.label))})}),e.jsx("section",{className:"py-16 md:py-24 px-6 md:px-12 lg:px-16 bg-white",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"mb-10 md:mb-14",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-stone-600 font-sans mb-4",children:"Bienvenido"}),e.jsx("h2",{className:"font-serif italic font-normal text-stone-900",style:{fontSize:"clamp(24px, 3.8vw, 58px)",lineHeight:1.05},children:"Web Design Miami Company"})]}),e.jsxs("div",{className:"grid md:grid-cols-[62fr_38fr] gap-10 md:gap-16 items-center",children:[e.jsx("div",{className:"relative w-full aspect-video overflow-hidden rounded-2xl",children:e.jsx(z,{mediaId:"y0xccfkd3x"})}),e.jsxs("div",{className:"flex flex-col justify-center",children:[e.jsx("p",{className:"text-stone-600 font-light leading-relaxed text-base md:text-lg mb-8",children:"Web Design Miami Company es un estudio con base en Wynwood donde el diseño y los resultados medibles se encuentran. Cada proyecto recibe atención de nivel senior desde la estrategia hasta el lanzamiento y más allá."}),e.jsx(i,{href:"/es/estimado",className:"inline-flex items-center justify-center self-start px-8 py-4 rounded-full border border-stone-300 text-stone-900 text-[10px] uppercase tracking-[0.15em] font-semibold hover:border-stone-600 hover:-translate-y-0.5 transition-all duration-[250ms]",children:"Obtén un estimado instantáneo"})]})]})]})}),e.jsx(C,{lang:"es"}),e.jsx(W,{}),e.jsx(k,{lang:"es"}),e.jsx(E,{lang:"es"}),e.jsx("section",{className:"py-16 md:py-24 px-6 md:px-12 lg:px-16 bg-stone-950 text-white text-center",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-white/60 mb-4",children:"Inversión y encaje"}),e.jsx("h2",{className:"font-serif italic font-normal text-[1.75rem] sm:text-[2rem] md:text-[2.75rem] lg:text-6xl leading-[1.0] text-white max-w-4xl mx-auto my-6",children:"Una inversión seria en tu próxima etapa de crecimiento."}),e.jsx("p",{className:"text-white/50 font-light text-lg leading-relaxed max-w-2xl mx-auto mb-12",children:"Explora los puntos de partida típicos antes de que hablemos. Entenderás la inversión probable, qué la determina y si somos el socio adecuado para ti."}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[e.jsx(i,{href:"/es/precios",className:"inline-flex items-center px-8 py-4 rounded-full bg-white text-stone-950 text-[10px] uppercase tracking-[0.15em] font-semibold hover:bg-stone-100 hover:-translate-y-0.5 hover:shadow-md transition-all duration-[250ms] whitespace-nowrap",children:"Ver precios"}),e.jsx(i,{href:"/es/estimado",className:"inline-flex items-center px-8 py-4 rounded-full border border-white/30 text-white text-[10px] uppercase tracking-[0.15em] font-semibold hover:border-white/60 hover:-translate-y-0.5 transition-all duration-[250ms] whitespace-nowrap",children:"Obtén un estimado instantáneo"})]})]})}),e.jsx("section",{className:"py-16 md:py-24 px-6 md:px-12 lg:px-16",children:e.jsxs("div",{className:"max-w-[900px] mx-auto",children:[e.jsxs("div",{className:"mb-14 text-center",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-stone-600 font-sans mb-4",children:"Preguntas frecuentes"}),e.jsx("h2",{className:"font-serif text-[1.75rem] sm:text-[2rem] md:text-[2.75rem] lg:text-6xl tracking-tight leading-[0.95] text-stone-900 mb

1-4",children:"Antes de comenzar."}),e.jsx("p",{className:"text-stone-600 font-light leading-relaxed text-lg max-w-lg mx-auto",children:"Respuestas claras para empresas que evalúan un rediseño, una migración o un socio digital a largo plazo."})]}),e.jsxs("div",{className:"border-b border-stone-200",children:[e.jsx(o,{question:"¿Cuánto cuesta un sitio web personalizado en Miami?",answer:"La inversión depende de la estrategia, el contenido, la funcionalidad, las integraciones y la complejidad de la experiencia. Nuestra página de precios ofrece puntos de partida típicos antes de agendar una conversación."}),e.jsx(o,{question:"¿Pueden conservar nuestro SEO durante un rediseño?",answer:"Sí. Antes del lanzamiento inventariamos las URLs con posicionamiento, el contenido, los metadatos, los enlaces internos, el esquema y las redirecciones; luego monitoreamos la migración tras la publicación."}),e.jsx(o,{question:"¿Ofrecen SEO, publicidad y soporte continuo?",answer:"Sí. Los clientes pueden contratar solo el sitio web o combinarlo con SEO, medios pagados, CRO, automatización y soporte continuo."}),e.jsx(o,{question:"¿Pueden migrar un sitio de WordPress?",answer:"Sí. Podemos trasladar la experiencia a una plataforma moderna y flexible protegiendo las URLs, el contenido y el posicionamiento alcanzado."})]})]})})]}),e.jsx(M,{lang:"es"})]})}export{$ as default};