https://webmobileready.com/assets/routes-CNW4fJ4X.js

1import{n as u}from"./rolldown-runtime-xSXa1GVp.js";import{B as f,O as g,i as m,o as b}from"./vendor-icons-tVGZ3zW1.js";import{l as v}from"./vendor-router-CxMuvN3z.js";import{r as j}from"./vendor-query-BVEPqhnh.js";import{n as w,o as y,t as N}from"./SiteLayout-CNgi2hY1.js";var o=u(f());var _="508b2ad2-2355-45fb-bc44-c13b00238412",k="3771f3d6-f7eb-4ecb-af6c-f7fcca222b39",M="/__l5e/assets-v1/508b2ad2-2355-45fb-bc44-c13b00238412/webpage-specs-release.png",S="a/v1/3771f3d6-f7eb-4ecb-af6c-f7fcca222b39/508b2ad2-2355-45fb-bc44-c13b00238412/webpage-specs-release.png",$="webpage-specs-release.png",T=61601,B="image/png",z="2026-07-05T18:09:46Z",l={version:1,asset_id:_,project_id:k,url:M,r2_key:S,original_filename:$,size:T,content_type:B,created_at:z};var I="01695945-77da-4f8d-863f-7c0e3d618bdb",E="3771f3d6-f7eb-4ecb-af6c-f7fcca222b39",C="/__l5e/assets-v1/01695945-77da-4f8d-863f-7c0e3d618bdb/color-palette-mobile.png",P="a/v1/3771f3d6-f7eb-4ecb-af6c-f7fcca222b39/01695945-77da-4f8d-863f-7c0e3d618bdb/color-palette-mobile.png",R="color-palette-mobile.png",A=20487,O="image/png",H="2026-07-06T05:28:15Z",D={version:1,asset_id:I,project_id:E,url:C,r2_key:P,original_filename:R,size:A,content_type:O,created_at:H};var L="f5ef6055-7a6c-4d6c-a9d3-9d2673877bb1",F="3771f3d6-f7eb-4ecb-af6c-f7fcca222b39",Z="/__l5e/assets-v1/f5ef6055-7a6c-4d6c-a9d3-9d2673877bb1/typography-audit-mobile.png",G="a/v1/3771f3d6-f7eb-4ecb-af6c-f7fcca222b39/f5ef6055-7a6c-4d6c-a9d3-9d2673877bb1/typography-audit-mobile.png",U="typography-audit-mobile.png",W=38893,X="image/png",V="2026-07-06T05:29:02Z",q={version:1,asset_id:L,project_id:F,url:Z,r2_key:G,original_filename:U,size:W,content_type:X,created_at:V};var Q="cb9fa4b8-27e3-4b63-ab3e-384ed211093a",K="3771f3d6-f7eb-4ecb-af6c-f7fcca222b39",Y="/__l5e/assets-v1/cb9fa4b8-27e3-4b63-ab3e-384ed211093a/inspect-toggle-mobile.png",J="a/v1/3771f3d6-f7eb-4ecb-af6c-f7fcca222b39/cb9fa4b8-27e3-4b63-ab3e-384ed211093a/inspect-toggle-mobile.png",ee="inspect-toggle-mobile.png",ae=37334,te="image/png",se="2026-07-06T05:30:04Z",re={version:1,asset_id:Q,project_id:K,url:Y,r2_key:J,original_filename:ee,size:ae,content_type:te,created_at:se};var ie="96b2e055-07e2-428c-b17e-5aadd0ec75ef",ne="3771f3d6-f7eb-4ecb-af6c-f7fcca222b39",oe="/__l5e/assets-v1/96b2e055-07e2-428c-b17e-5aadd0ec75ef/css-weight-mobile.png",le="a/v1/3771f3d6-f7eb-4ecb-af6c-f7fcca222b39/96b2e055-07e2-428c-b17e-5aadd0ec75ef/css-weight-mobile.png",de="css-weight-mobile.png",ce=29247,xe="image/png",pe="2026-07-06T05:30:53Z",me={version:1,asset_id:ie,project_id:ne,url:oe,r2_key:le,original_filename:de,size:ce,content_type:xe,created_at:pe},e=j(),d=[{x:8,y:22,n:1,label:"Inspected domain",description:"See the exact URL being analyzed at a glance."},{x:82,y:55,n:2,label:"CSS weight & load time",description:"Total stylesheet size, file count and load duration."},{x:96,y:22,n:3,label:"One-click inspect toggle",description:"Show or hide the specs panel instantly."},{x:78,y:32,n:4,label:"Live typography audit",description:"Every heading & body style — font, weight, size, color."},{x:78,y:78,n:5,label:"Full color palette extraction",description:"All colors on the page, ready to copy as HEX."}];function he(){return(0,e.jsx)("section",{className:"container-page py-8 md:py-12",children:(0,e.jsxs)("div",{className:"relative overflow-hidden rounded-3xl border border-border bg-gradient-to-br from-primary/5 via-secondary to-background",children:[(0,e.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute -top-24 -right-24 h-72 w-72 rounded-full bg-primary/20 blur-3xl"}),(0,e.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute -bottom-24 -left-24 h-72 w-72 rounded-full bg-primary/10 blur-3xl"}),(0,e.jsxs)("div",{className:"p-6 md:p-10 pb-0",children:[(0,e.jsxs)("span",{className:"eyebrow",children:[(0,e.jsx)(m,{className:"h-3.5 w-3.5"})," New release"]}),(0,e.jsx)("h2",{className:"mt-4 text-3xl sm:text-4xl md:text-5xl font-bold leading-tight",children:"Webpage Specs"}),(0,e.jsx)("p",{className:"mt-1 text-2xl sm:text-3xl md:text-4xl font-bold leading-tight text-muted-foreground",children:"inspect any site in a single click."}),(0,e.jsx)("p",{className:"mt-4 text-muted-foreground md:text-lg",children:"Our newest module pulls a full technical readout of any live page: typography, complete color palette, CSS weight, load time and DOM stats — right next to your mobile simulator. Auto-detected heading & body typography, copy-ready HEX palette of every color, plus stylesheet count, CSS size, load time and DOM nodes."})]}),(0,e.jsx)("div",{className:"mt-8 md:mt-10 px-6 md:px-10 hidden md:block",children:(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("img",{src:l.url,alt:"MobileReady Webpage Specs panel inspecting a live site — typography, colors, CSS stats and page dimensions.",className:"w-full block rounded-xl",loading:"lazy",decoding:"async"}),d.map(a=>(0,e.jsx)("div",{className:"absolute -translate-x-1/2 -translate-y-1/2",style:{left:`${a.x}%`,top:`${a.y}%`},children:(0,e.jsxs)("span",{className:"relative flex h-7 w-7 items-center justify-center",children:[(0,e.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-primary/40"}),(0,e.jsx)("span",{className:"relative inline-flex h-7 w-7 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-lg",children:a.n})]})},a.n))]})}),(0,e.jsx)("div",{className:"p-6 md:p-10 pt-6 md:pt-6",children:(0,e.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 ga

1p-6 md:gap-4",children:d.map(a=>{const r=h=>Math.max(0,Math.min(100,h)),i=r((a.x/100*3.8-.5)/2.8*100),n=r((a.y/100*3.8-.5)/(3.8-1)*100);return(0,e.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start gap-3",children:[a.n===2?(0,e.jsx)("div",{className:"md:hidden w-full aspect-[16/9] rounded-lg border border-border bg-background shadow-sm overflow-hidden flex items-center justify-center p-2",children:(0,e.jsx)("img",{src:me.url,alt:"",className:"max-h-full max-w-full object-contain",loading:"lazy",decoding:"async"})}):a.n===3?(0,e.jsx)("div",{className:"md:hidden w-full aspect-[16/9] rounded-lg border border-border bg-background shadow-sm overflow-hidden flex items-center justify-center p-2",children:(0,e.jsx)("img",{src:re.url,alt:"",className:"max-h-full max-w-full object-contain",loading:"lazy",decoding:"async"})}):a.n===4?(0,e.jsx)("div",{className:"md:hidden w-full aspect-[16/9] rounded-lg border border-border bg-background shadow-sm overflow-hidden flex items-center justify-center p-2",children:(0,e.jsx)("img",{src:q.url,alt:"",className:"max-h-full max-w-full object-contain",loading:"lazy",decoding:"async"})}):a.n===5?(0,e.jsx)("div",{className:"md:hidden w-full aspect-[16/9] rounded-lg border border-border bg-background shadow-sm overflow-hidden flex items-center justify-center p-2",children:(0,e.jsx)("img",{src:D.url,alt:"",className:"max-h-full max-w-full object-contain",loading:"lazy",decoding:"async"})}):(0,e.jsx)("div",{className:"md:hidden w-full aspect-[16/9] rounded-lg border border-border bg-background shadow-sm overflow-hidden",style:{backgroundImage:`url(${l.url})`,backgroundRepeat:"no-repeat",backgroundSize:`${3.8*100}%`,backgroundPosition:`${i}% ${n}%`},"aria-hidden":!0}),(0,e.jsxs)("div",{className:"flex items-start gap-3",children:[(0,e.jsx)("span",{className:"mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full bg-primary/15 text-[11px] font-bold text-primary",children:a.n}),(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"text-[1.2rem] font-medium",children:a.label}),(0,e.jsx)("p",{className:"text-base text-muted-foreground",children:a.description})]})]})]},a.n)})})})]})})}var t={fill:"none",stroke:"currentColor",strokeWidth:2.15,strokeLinecap:"round",strokeLinejoin:"round"};function ue({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M6.75 6.75 17.25 17.25"}),(0,e.jsx)("path",{d:"m17.25 6.75-10.5 10.5"})]})}function fe({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("circle",{cx:"18",cy:"5",r:"2.1"}),(0,e.jsx)("circle",{cx:"6",cy:"12",r:"2.1"}),(0,e.jsx)("circle",{cx:"18",cy:"19",r:"2.1"}),(0,e.jsx)("path",{d:"m8 11 8-4.75"}),(0,e.jsx)("path",{d:"m8 13 8 4.75"})]})}function ge({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("circle",{cx:"12",cy:"12",r:"8.15"}),(0,e.jsx)("path",{d:"M9.65 9.35a2.6 2.6 0 0 1 4.8 1.35c0 1.9-2.45 2.15-2.45 4"}),(0,e.jsx)("path",{d:"M12 17.85h.01"})]})}function be({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M18.55 7.85A7.6 7.6 0 1 0 19.25 13"}),(0,e.jsx)("path",{d:"M18.55 3.9v3.95h-3.95"})]})}function ve({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("circle",{cx:"12",cy:"12",r:"8.2"}),(0,e.jsx)("path",{d:"M3.8 12h16.4"}),(0,e.jsx)("path",{d:"M12 3.8c2.1 2.25 3.15 4.98 3.15 8.2S14.1 17.95 12 20.2"}),(0,e.jsx)("path",{d:"M12 3.8C9.9 6.05 8.85 8.78 8.85 12S9.9 17.95 12 20.2"})]})}function c({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("rect",{x:"4",y:"5",width:"16",height:"11.25",rx:"1.35"}),(0,e.jsx)("path",{d:"M12 16.25v3.95"}),(0,e.jsx)("path",{d:"M8.35 20.2h7.3"})]})}function x({className:a}){return(0,e.jsx)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:(0,e.jsx)("path",{d:"m6.5 9.25 5.5 5.5 5.5-5.5"})})}function je({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("rect",{x:"7.5",y:"4.25",width:"9",height:"15.5",rx:"1.45"}),(0,e.jsx)("path",{d:"M5.1 8.9a7.2 7.2 0 0 0 1.55 7.5"}),(0,e.jsx)("path",{d:"M4.7 5.75v3.2h3.2"}),(0,e.jsx)("path",{d:"M18.9 15.1a7.2 7.2 0 0 0-1.55-7.5"}),(0,e.jsx)("path",{d:"M19.3 18.25v-3.2h-3.2"})]})}function we({className:a}){return(0,e.jsx)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:(0,e.jsx)("path",{d:"M19.7 14.5A7.7 7.7 0 0 1 9.5 4.3 8.1 8.1 0 1 0 19.7 14.5Z"})})}function ye({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M7.2 7.3 8.8 5.2h6.4l1.6 2.1h2.15a1.85 1.85 0 0 1 1.85 1.85v7.95a1.85 1.85 0 0 1-1.85 1.85H5.05A1.85 1.85 0 0 1 3.2 17.1V9.15A1.85 1.85 0 0 1 5.05 7.3Z"}),(0,e.jsx)("circle",{cx:"12",cy:"13",r:"3.25"})]})}function Ne({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M8.45 4.3H4.3v4.15"}),(0,e.jsx)("path",{d:"M15.55 4.3h4.15v4.15"}),(0,e.jsx)("path",{d:"M19.7 15.55v4.15h-4.15"}),(0,e.jsx)("path",{d:"M8.45 19.7H4.3v-4.15"})]})}function _e({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M13.2 5.2h5.6v5.6"}),(0,e.jsx)("path",{d:"m18.8 5.2-8.15 8.15"}),(0,e.jsx)("path",{d:"M10.25 6.6H6.35A1.85 1.85 0 0 0 4.5 8.45v9.2a1.85 1.85 0 0 0 1.85 1.85h9.2a1.85 1.85 0 0 0 1.85-1.85v-3.9"})]})}function ke({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("rect",{x:"7.25",y:"3.7",width:"9.5",height:"16.6",rx:"1.4"}),(0,e.jsx)("path",{d:"M7.25 7h9.5"}),(0,e.jsx)("path",{d:"M7.25 17h9.5"})]})}function Me({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M12 3.75 18.1 6v5.25c0 4.25-2.55 7.15-6.1 9-3.55-1.85-6.1-4.75-6.1-9V6Z"}),(0,e.jsx)("path",{d:"m8.9 12.05 2.05 2.05 4.15-4.2"})]})}function Se({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("rect",{x:"4.25",y:"8",width:"15.5",height:"8",rx:"1"}),(0,e.jsx)("path",{d:"M7.35 8v3"}),(0,e.jsx)("path",{d:"M10.45 8v2"}),(0,e.jsx)("path",{d:"M13.55 8v3"}),(0,e.jsx)("path",{d:"M16.65 8v2"})]})}function $e({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("rect",{x:"4.35",y:"6",

1width:"15.3",height:"12",rx:"1.2"}),(0,e.jsx)("path",{d:"M4.35 15.05h15.3"}),(0,e.jsx)("path",{d:"M8.3 18h7.4"})]})}function Te({className:a}){return(0,e.jsxs)("svg",{viewBox:"0 0 24 24",className:a,"aria-hidden":"true",...t,children:[(0,e.jsx)("path",{d:"M12 3.1v2.35"}),(0,e.jsx)("path",{d:"M12 18.55v2.35"}),(0,e.jsx)("path",{d:"m18.3 5.7-1.65 1.65"}),(0,e.jsx)("path",{d:"m7.35 16.65-1.65 1.65"}),(0,e.jsx)("path",{d:"M20.9 12h-2.35"}),(0,e.jsx)("path",{d:"M5.45 12H3.1"}),(0,e.jsx)("path",{d:"m18.3 18.3-1.65-1.65"}),(0,e.jsx)("path",{d:"M7.35 7.35 5.7 5.7"}),(0,e.jsx)("circle",{cx:"12",cy:"12",r:"3.35"})]})}var Be=[{id:"close",icon:ue,label:"Close",tooltip:"Exit the simulator and return to normal tab view.",hasTooltip:!1},{id:"share",icon:fe,label:"Share",tooltip:"Copy a link to this exact device preview.",hasTooltip:!1},{id:"help",icon:ge,label:"Help",tooltip:"Open the quick-start guide.",hasTooltip:!1},{id:"url",icon:void 0,label:"URL",tooltip:"Shows the active domain. Click to inspect full page specs.",hasTooltip:!0,wide:!0,children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"mr-2 flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-border bg-background/60",children:(0,e.jsx)(be,{className:"h-4 w-4"})}),(0,e.jsxs)("span",{className:"flex min-w-0 items-center gap-2 text-[11px] sm:text-xs text-foreground whitespace-nowrap",children:[(0,e.jsx)(ve,{className:"h-3.5 w-3.5 shrink-0 text-muted-foreground"}),"ebay.com"]})]})},{id:"device",icon:c,label:"Device",tooltip:"Choose from 70+ phones, tablets and desktops.",hasTooltip:!0,wide:!0,children:(0,e.jsxs)("span",{className:"flex items-center gap-8 text-[11px] sm:text-xs font-medium whitespace-nowrap px-2",children:["2 devices ",(0,e.jsx)(x,{className:"h-3.5 w-3.5 text-muted-foreground"})]})},{id:"viewport",icon:void 0,label:"Viewport",tooltip:"Current resolution, pixel density and zoom level.",hasTooltip:!0,wide:!0,plain:!0,children:(0,e.jsx)("span",{className:"text-[11px] sm:text-xs text-muted-foreground whitespace-nowrap px-1 hidden sm:block",children:"2 devices · 1440×900 · 38%"})},{id:"rotate",icon:je,label:"Rotate",tooltip:"Toggle portrait / landscape instantly.",hasTooltip:!1},{id:"dark",icon:we,label:"Dark mode",tooltip:"Preview the site in dark or light mode.",hasTooltip:!1},{id:"custom",icon:void 0,label:"Zoom",tooltip:"Adjust the zoom level of the preview.",hasTooltip:!1,wide:!0,children:(0,e.jsxs)("span",{className:"flex items-center gap-5 text-[11px] sm:text-xs font-medium whitespace-nowrap px-2",children:["Zoom ",(0,e.jsx)(x,{className:"h-3.5 w-3.5"})]})},{id:"screenshot",icon:ye,label:"Capture",tooltip:"Take an HD screenshot of the current view.",hasTooltip:!0},{id:"fullscreen",icon:Ne,label:"Fullscreen",tooltip:"Expand the simulator to fill your screen.",hasTooltip:!1},{id:"popout",icon:_e,label:"Open URL",tooltip:"Open the current URL in a new browser tab.",hasTooltip:!1},{id:"simulator",icon:ke,label:"Simulator",tooltip:"Toggle the device frame on or off.",hasTooltip:!0},{id:"shield",icon:Me,label:"Captcha Help",tooltip:"Bypass captchas and access checks during testing.",hasTooltip:!1},{id:"measure",icon:Se,label:"Rulers",tooltip:"Show measurement rulers for precise layout checks.",hasTooltip:!1},{id:"panel",icon:$e,label:"Webpage Specs",tooltip:"View detailed specs and metrics for the current page.",hasTooltip:!1},{id:"desktop",icon:c,label:"Presentation Mode",tooltip:"Enter distraction-free presentation view.",hasTooltip:!1},{id:"settings",icon:Te,label:"Account",tooltip:"Manage your account and preferences.",hasTooltip:!1,pro:!0}];function ze(){return(0,e.jsx)("span",{className:"absolute -top-0.5 -right-0.5 h-2 w-2 rounded-full bg-orange-500 ring-2 ring-background"})}function Ie({item:a}){const s=a.icon;return(0,e.jsxs)("div",{className:"relative flex flex-col items-center",children:[(0,e.jsxs)("div",{className:`relative flex items-center justify-center rounded-[10px] text-foreground ${a.plain?"h-[38px] border-0 bg-transparent px-1 text-muted-foreground":`h-[38px] border ${a.active?"border-primary bg-primary/10 text-primary":"border-border bg-background"} ${a.wide?"px-2.5":"w-[38px]"}`}`,children:[s&&(0,e.jsx)(s,{className:"h-[18px] w-[18px]"}),a.children,a.pro&&(0,e.jsx)(ze,{})]}),(0,e.jsx)("div",{className:"w-px h-3 bg-border"}),(0,e.jsx)("div",{className:"mt-1 flex flex-col items-center",children:(0,e.jsx)("span",{className:"text-[9px] sm:text-[10px] text-muted-foreground whitespace-nowrap",children:a.label})})]})}function Ee(){return(0,e.jsxs)("section",{className:"relative py-10 md:py-16 overflow-hidden border-y border-border bg-gradient-to-br from-primary/5 via-secondary to-background",children:[(0,e.jsx)("div",{"aria-hidden":!0,

1className:"pointer-events-none absolute -top-24 -right-24 h-72 w-72 rounded-full bg-primary/20 blur-3xl"}),(0,e.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute -bottom-24 -left-24 h-72 w-72 rounded-full bg-primary/10 blur-3xl"}),(0,e.jsx)("div",{className:"container-page relative",children:(0,e.jsxs)("div",{className:"text-center mb-8 md:mb-10",children:[(0,e.jsx)("span",{className:"eyebrow",children:"Toolbar Tour"}),(0,e.jsx)("h2",{className:"mt-3 text-2xl sm:text-3xl md:text-4xl font-bold",children:"One bar. Every control."}),(0,e.jsx)("p",{className:"mt-2 text-sm text-muted-foreground max-w-xl mx-auto",children:"Every button on the MobileReady toolbar, explained at a glance."})]})}),(0,e.jsx)("div",{className:"overflow-x-auto pb-4",children:(0,e.jsx)("div",{className:"min-w-max flex items-start justify-center gap-1 sm:gap-1.5 px-4",children:Be.map(a=>(0,e.jsx)(Ie,{item:a},a.id))})}),(0,e.jsxs)("div",{className:"mt-6 flex items-center justify-center gap-2 text-xs text-muted-foreground px-4",children:[(0,e.jsxs)("span",{className:"relative flex h-2.5 w-2.5",children:[(0,e.jsx)("span",{className:"absolute inline-flex h-full w-full rounded-full bg-orange-400/40 animate-ping"}),(0,e.jsx)("span",{className:"relative inline-flex h-2.5 w-2.5 rounded-full bg-orange-500"})]}),(0,e.jsx)("span",{children:"Orange dot = Professional / Expert feature"})]})]})}var Ce="/assets/one-click-DzLXucSg.webp",Pe="/assets/devices-l8zx2ze8.webp",Re="/assets/hd-screenshots-oXXjGoYo.webp",Ae="/assets/alignment-A4ou_92z.webp",Oe="/assets/inspector-Bk2jaW68.webp",He="/assets/presentation-B4AFKQGp.webp";function De(){if(typeof navigator>"u")return null;const a=navigator.userAgent;return a.includes("Edg/")?"Edge":a.includes("OPR/")||a.includes("Opera")?"Opera":a.includes("Chrome/")&&!a.includes("Edg/")?"Chrome":a.includes("Safari/")&&!a.includes("Chrome/")?"Safari":a.includes("Firefox/")?"Firefox":null}function p({campaign:a}){const[s,r]=(0,o.useState)(null);(0,o.useEffect)(()=>{r(De())},[]);const i=s==="Safari"?"Safari Extension — Coming Soon":s?`Install the ${s} Extension`:"Install the Extension",n=y(s,a);return n?(0,e.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"btn-primary text-base px-8 py-4",children:i}):(0,e.jsx)(v,{to:"/download",className:"btn-primary text-base px-8 py-4",children:i})}var Le=[{image:Ce,title:"One-click simulation",body:"Snap any tab into a realistic device frame instantly — no reload or resize gymnastics."},{image:Pe,title:"70+ realistic devices",body:"iPhone, iPad, Pixel, Galaxy, Surface and more — kept up to date for every new release."},{image:Re,title:"HD screenshots & annotations",body:"Export crisp PNGs and mark them up with arrows, text and shapes for feedback in seconds."},{image:Ae,title:"Alignment rulers",body:"Drag unlimited vertical and horizontal guides from the edges to align every pixel on any device."},{image:Oe,title:"Element inspector & live styling",body:"Inspect fonts, padding and colors, tweak CSS live and copy the result straight to your clipboard."},{image:He,title:"Presentation mode",body:"Hide every menu and button for spotless client demos and recordings."}];function Xe(){return(0,e.jsxs)(N,{children:[(0,e.jsx)("section",{className:"relative overflow-hidden",children:(0,e.jsxs)("div",{className:"container-page pt-16 pb-10 md:pt-24 md:pb-14 text-center",children:[(0,e.jsxs)("span",{className:"eyebrow mx-auto",children:[(0,e.jsx)(m,{className:"h-3.5 w-3.5"})," New · v2 with 70+ device frames"]}),(0,e.jsx)("h1",{className:"mt-5 text-4xl sm:text-5xl lg:text-6xl font-bold leading-[1.05] tracking-tight max-w-4xl mx-auto",children:"Mobile Ready — Mobile & Tablet Simulator Browser Extension"}),(0,e.jsx)("p",{className:"mt-6 text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto",children:"The one-click smartphone and tablet simulator for your browser. Preview any website on iPhone 15, Galaxy S22, Pixel 6, iPad Air and 70+ realistic device frames — built for designers, developers and product teams to test, capture and demo without leaving the tab."}),(0,e.jsx)("div",{className:"mt-8 flex justify-center",children:(0,e.jsx)(p,{campaign:"home_hero"})}),(0,e.jsxs)("div",{className:"mt-6 flex items-center justify-center gap-6 text-xs text-muted-foreground",children:[(0,e.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,e.jsx)(b,{className:"h-4 w-4 text-primary"})," No account required"]}),(0,e.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,e.jsx)(g,{className:"h-4 w-4 text-primary"})," Works on every site"]})]}),(0,e.jsx)("p",{className:"mt-4 text-xs text-muted-foreground max-w-2xl mx-auto",children:"Viewport simulation is ideal for layout checks, but final QA should include physical devices and Safari/WebKit."}),(0,e.jsx)("div",{className:"mt-14 md:mt-20 mx-auto max-w-5xl",children:(0,e.jsxs)("div",{className:"rounded-2xl border border-border bg-card shadow-2xl overflow-hidden text-left",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2 px-4 py-3 border-b border-border bg-secondary",children:[(0,e.jsx)("span",{className:"h-3 w-3 rounded-full bg-[#ff5f57]"}),(0,e.jsx)("span",{className:"h-3 w-3 rounded-full bg-[#febc2e]"}),(0,e.jsx)("span",{className:"h-3 w-3 rounded-full bg-[#28c840]"}),(0,e.jsx)("div",{className:"ml-4 flex-1",children:(0,e.jsx)("div",{className:"mx-auto max-w-md rounded-md bg-background border border-border px-3 py-1 text-xs text-muted-foreground text-center",children:"webmobileready.com"})})]}),(0,e.jsx)("img",{src:"/img/hero-devices-1280.webp",srcSet:"/img/hero-devices-800.webp 800w, /img/hero-devices-1280.webp 1280w",sizes:"(max-width: 768px) 100vw, 1024px",alt:"MobileReady simulating a website on an iPhone inside a browser window",width:1280,height:896,fetchPriority:"high",decoding:"async",className:"w-full block"})]})})]})}),(0,e.jsx)("section",{className:"container-page py-5",children:(0,e.jsx)("p",{className:"text-center text-xs uppercase tracking-widest text-muted-foreground",children:"Built for designers, developers, agencies, and QA teams"})}),(0,e.jsx)(he,{}),(0,e.jsx)(Ee,{}),(0,e.jsxs)("section",{className:"container-page pt-8 pb-3",children:[(0,e.jsxs)("div",{className:"max-w-2xl",children:[(0,e.jsx)("span",{className:"eyebrow",children:"Why MobileReady"}),(0,e.jsx)("h2",{className:"mt-3 text-3xl sm:text-4xl font-bold",children:"Everything you need to design and demo responsive."}),(0,e.jsx)("p",{className:"mt-3 text-muted-foreground",children:"A small toolbar with massive impact. Switch viewports, inspect styles, align pixels and present — without juggling DevTools."})]}),(0,e.jsx)("div",{className:"mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-3",children:Le.map(({image:a,title:s,body:r})=>(0,e.jsxs)("div",{className:"card-surface p-6",children:[(0,e.jsx)("div",{className:"rounded-xl overflow-hidden bg-secondary border border-border",children:(0,e.jsx)("img",{src:a,alt:s,width:512,height:512,className:"w-full h-40 object-cover",loading:"lazy"})}),(0,e.jsx)("h3",{className:"mt-4 text-lg font-semibold",children:s}),(0,e.jsx)("p",{className:"mt-2 text-sm text-muted-foreground",children:r})]},s))})]}),(0,e.jsx)("section",{className:"container-page pt-2 pb-6",children:(0,e.jsxs)("div",{className:"rounded-3xl p-6 md:p-8 bg-background border border-border flex flex-col md:flex-row md:items-center md:justify-between gap-6",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"text-2xl md:text-3xl font-bold",children:"Be first to know what's new"}),(0,e.jsx)("p",{className:"mt-2 text-muted-foreground max-w-xl",children:"New device presets, inspection tools and simulator improvements — straight to your inbox."})]}),(0,e.jsx)(w,{source:"homepage",variant:"section"})]})}),(0,e.jsx)("section",{className:"container-page pt-2 pb-10",children:(0,e.jsxs)("div",{className:"rounded-3xl p-6 md:p-8 bg-secondary border border-border flex flex-col md:flex-row md:items-center md:justify-between gap-6",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"text-3xl md:text-4xl font-bold",children:"Ready to simulate every device?"}),(0,e.jsx)("p",{className:"mt-2 text-muted-foreground max-w-xl",children:"Install the free plan today. Upgrade anytime for HD captures and team features."})]}),(0,e.jsx)("div",{className:"flex gap-3",children:(0,e.jsx)(p,{campaign:"home_final"})})]})})]})}export{Xe as component};