https://trains.fyi/_next/static/chunks/pages/blog/[slug]-e4c5c8565a171736.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7812],{44721:(e,l,s)=>{"use strict";s.r(l),s.d(l,{__N_SSG:()=>h,default:()=>g});var a=s(37876),t=s(48230),r=s.n(t),i=s(14232),n=s(91684),c=s(49915),d=s(85392),o=s(74),x=s(93408),m=s(73865),h=!0;function g({post:e,related:l}){var s;let{t,language:h}=(0,m.B)(),p=e.locales?.[h]?{...e,...e.locales[h]}:e;return(0,i.useEffect)(()=>{window.gtag&&window.gtag("event","page_view",{page_title:p.title,page_location:window.location.href,page_path:`/blog/${e.slug}`})},[e.slug,p.title]),(0,a.jsxs)("div",{className:"bg-white",children:[(0,a.jsx)(x.A,{title:p.title,description:p.description,canonical:`/blog/${e.slug}/`,image:e.image||"/social.png",type:"article",author:e.author,keywords:e.keywords,datePublished:e.date}),(0,a.jsx)(o.A,{}),(0,a.jsxs)("main",{className:"isolate",children:[(0,a.jsx)("div",{className:"mx-auto max-w-4xl px-6 lg:px-8 pt-4",children:(0,a.jsx)(c.A,{pages:[{name:t("blogTitle"),href:"/blog"},{name:p.title,href:`/blog/${e.slug}`}]})}),(0,a.jsxs)("article",{className:"mx-auto max-w-3xl px-6 lg:px-8 pt-8 pb-20",children:[(0,a.jsxs)("header",{className:"mb-10",children:[(0,a.jsx)("h1",{className:"text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl leading-tight",children:p.title}),(0,a.jsxs)("div",{className:"mt-4 flex items-center gap-x-3 text-sm text-gray-500",children:[e.date&&(0,a.jsx)("time",{dateTime:e.date,children:(s=e.date,s?new Date(s).toLocaleDateString("en"===h?"en-US":h,{year:"numeric",month:"long",day:"numeric"}):"")}),(0,a.jsx)("span",{"aria-hidden":!0,children:"\xb7"}),(0,a.jsx)("span",{children:e.readingTime}),e.author&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{"aria-hidden":!0,children:"\xb7"}),(0,a.jsx)("span",{children:t("blogByAuthor").replace("{author}",e.author)})]})]})]}),e.image&&(0,a.jsx)("div",{className:"mb-10 overflow-hidden rounded-lg bg-gray-100",children:(0,a.jsx)("img",{src:e.image,alt:e.imageAlt||p.title,className:"w-full h-auto"})}),(0,a.jsx)("div",{className:"prose prose-lg max-w-none prose-headings:tracking-tight prose-a:text-blue-700 prose-a:no-underline hover:prose-a:underline",dangerouslySetInnerHTML:{__html:p.contentHtml}}),e.tags&&e.tags.length>0&&(0,a.jsx)("div",{className:"mt-10 flex flex-wrap gap-2",children:e.tags.map(e=>(0,a.jsxs)("span",{className:"inline-block rounded-full bg-gray-100 px-3 py-1 text-xs text-gray-600",children:["#",e]},e))}),(0,a.jsx)(n.A,{className:"mt-16"})]}),l.length>0&&(0,a.jsx)("section",{className:"border-t border-gray-200 bg-gray-50 py-16",children:(0,a.jsxs)("div",{className:"mx-auto max-w-7xl px-6 lg:px-8",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold tracking-tight text-gray-900 mb-8",children:t("blogMoreFromBlog")}),(0,a.jsx)("ul",{className:"grid gap-8 sm:grid-cols-2 lg:grid-cols-3",children:l.map(e=>(0,a.jsx)("li",{className:"group rounded-lg overflow-hidden border border-gray-200 bg-white hover:shadow-md transition-shadow",children:(0,a.jsxs)(r(),{href:`/blog/${e.slug}/`,className:"block",children:[e.image&&(0,a.jsx)("div",{className:"aspect-[16/9] w-full overflow-hidden bg-gray-100",children:(0,a.jsx)("img",{src:e.image,alt:e.imageAlt||e.title,className:"h-full w-full object-cover",loading:"lazy"})}),(0,a.jsxs)("div",{className:"p-5",children:[(0,a.jsx)("h3",{className:"font-semibold text-gray-900 group-hover:text-blue-700",children:e.title}),(0,a.jsx)("p",{className:"mt-2 text-sm text-gray-600 line-clamp-2",children:e.description})]})]})},e.slug))}),(0,a.jsx)("div",{className:"mt-10",children:(0,a.jsx)(r(),{href:"/blog/",className:"text-blue-700 hover:underline text-sm font-medium",children:t("blogSeeAllPosts")})})]})})]}),(0,a.jsx)("div",{className:l.length>0?"-mt-24":"",children:(0,a.jsx)(d.A,{})})]})}},49915:(e,l,s)=>{"use strict";s.d(l,{A:()=>n});var a=s(37876),t=s(60570),r=s(48230),i=s.n(r);function n({pages:e}){return(0,a.jsx)("nav",{"aria-label":"Breadcrumb",className:"flex",children:(0,a.jsxs)("ol",{role:"list",className:"flex items-center space-x-4 pt-6",children:[(0,a.jsx)("li",{children:(0,a.jsx)("div",{children:(0,a.jsxs)(i(),{href:"/",className:"text-gray-400 hover:text-gray-500",children:[(0,a.jsx)(t.A,{"aria-hidden":"true",className:"h-5 w-5 flex-shrink-0"}),(0,a.jsx)("span",{className:"sr-only",children:"Home"})]})})}),e.map(e=>(0,a.jsx)("li",{children:(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("svg",{fill:"currentColor",viewBox:"0 0 20 20","aria-hidden":"true",className:"h-5 w-5 flex-shrink-0 text-gray-300",children:(0,a.jsx)("path",{d:"M5.555 17.776l8-16 .894.448-8 16-.894-.448z"})}),(0,a.jsx)(i(),{href:e.href,"aria-current":e.current?"page":void 0,className:"ml-4 text-sm font-medium text-gray-500 hover:text-gray-700",children:e.name})]})},e.name))]})})}},60570:(e,l,s)=>{"use strict";s.d(l,{A:()=>t});var a=s(14232);let t=a.forwardRef(function({title:e,titleId:l,...s},t){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":l},s),e?a.createElement("title",{id:l},e):null,a.createElement("path",{fillRule:"evenodd",d:"M9.293 2.293a1 1 0 0 1 1.414 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.707-1.707l7-7Z",clipRule:"evenodd"}))})},77808:(e,l,s)=>{"use strict";s.d(l,{A:()=>t});var a=s(14232);let t=a.forwardRef(function({title:e,titleId:l,...s},t){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":l},s),e?a.createElement("title",{id:l},e):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"}))})},85308:(e,l,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]",function(){return s(44721)}])},91684:(e,l,s)=>{"use strict";s.d(l,{A:()=>c});var a=s(37876);s(14232);var t=s(28766),r=s(73865);let i=({className:e="w-5 h-5"})=>

1(0,a.jsx)("svg",{viewBox:"0 0 384 512",className:e,fill:"currentColor","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"})}),n=({className:e="w-5 h-5"})=>(0,a.jsxs)("svg",{viewBox:"30 336.7 120.9 129.2",className:e,"aria-hidden":"true",children:[(0,a.jsx)("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),(0,a.jsx)("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1z"}),(0,a.jsx)("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),(0,a.jsx)("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"})]});function c({className:e=""}){let{t:l}=(0,r.B)();return(0,a.jsxs)("div",{className:`relative rounded-2xl overflow-hidden shadow-xl ${e}`,children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-600 to-blue-800"}),(0,a.jsx)("div",{className:"absolute -top-16 -right-16 w-64 h-64 rounded-full bg-white/10 blur-3xl pointer-events-none"}),(0,a.jsxs)("div",{className:"relative px-6 py-8 sm:px-10 sm:py-10 flex flex-col sm:flex-row items-start sm:items-center gap-6",children:[(0,a.jsx)("div",{className:"flex-shrink-0 w-14 h-14 rounded-2xl bg-white/20 flex items-center justify-start pl-1.5 pr-2.5 py-2.5 shadow-lg",children:(0,a.jsx)("img",{src:t.A.src??t.A,alt:"trains.fyi",className:"w-full h-full object-contain object-left"})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-white/70 mb-1",children:l("ctaFreeApp")}),(0,a.jsx)("h3",{className:"text-lg font-extrabold text-white leading-snug",children:l("ctaTrackOnGo")}),(0,a.jsx)("p",{className:"mt-1 text-sm text-white/75 leading-relaxed",children:l("ctaDescription")})]}),(0,a.jsxs)("div",{className:"flex flex-row sm:flex-col gap-3 w-full sm:w-auto flex-shrink-0",children:[(0,a.jsxs)("a",{href:"/ios/",target:"_blank",rel:"noopener noreferrer",className:"flex-1 sm:flex-none inline-flex items-center gap-2.5 pl-3 pr-5 py-2.5 bg-white text-black rounded-xl font-semibold text-sm hover:bg-gray-100 active:scale-95 transition-all shadow-md",children:[(0,a.jsx)(i,{}),(0,a.jsxs)("span",{className:"flex flex-col leading-tight",children:[(0,a.jsx)("span",{className:"text-[9px] font-normal opacity-60",children:l("downloadOnThe")}),(0,a.jsx)("span",{className:"font-bold text-sm -mt-0.5",children:l("appStore")})]})]}),(0,a.jsxs)("a",{href:"/android/",target:"_blank",rel:"noopener noreferrer",className:"flex-1 sm:flex-none inline-flex items-center gap-2.5 pl-3 pr-5 py-2.5 bg-white text-black rounded-xl font-semibold text-sm hover:bg-gray-100 active:scale-95 transition-all shadow-md",children:[(0,a.jsx)(n,{}),(0,a.jsxs)("span",{className:"flex flex-col leading-tight",children:[(0,a.jsx)("span",{className:"text-[9px] font-normal opacity-60",children:l("getItOn")}),(0,a.jsx)("span",{className:"font-bold text-sm -mt-0.5",children:l("googlePlay")})]})]})]})]})]})}}},e=>{e.O(0,[6701,3927,2325,3990,8447,5392,636,6593,8792],()=>e(e.s=85308)),_N_E=e.O()}]);