1import{bk as a,bL as r,j as e,L as l}from"./index-BROwZcIX.js";import{f as n}from"./blog-db-3rRwIyT6.js";function x(){const[c,d]=a.useState(r);a.useEffect(()=>{n().then(s=>{s.length&&d([...s,...r])})},[]);const[t,...o]=c;return e.jsxs("article",{className:"bg-grain",children:[e.jsxs("section",{className:"mx-auto max-w-6xl px-5 pt-20 md:px-8 md:pt-28",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.3em] text-accent",children:"The Journal"}),e.jsxs("h1",{className:"mt-3 text-5xl font-bold text-primary md:text-6xl",children:["Field notes from ",e.jsx("span",{className:"font-display",children:"the road."})]}),e.jsx("p",{className:"mt-5 max-w-2xl text-base text-foreground/80",children:"Honest guides, destination deep dives, and the stories behind the trips we plan."})]}),e.jsxs("section",{className:"mx-auto max-w-6xl px-5 py-12 md:px-8 md:py-16",children:[t&&e.jsxs(l,{to:"/blog/$slug",params:{slug:t.slug},className:"group grid overflow-hidden rounded-3xl bg-card shadow-sm md:grid-cols-2",children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden md:aspect-auto bg-secondary",children:t.cover&&e.jsx("img",{src:t.cover,alt:t.coverAlt,width:1280,height:960,className:"h-full w-full object-cover transition-transform duration-700 group-hover:scale-105"})}),e.jsxs("div",{className:"flex flex-col justify-center p-8 md:p-12",children:[e.jsxs("p",{className:"text-xs font-semibold uppercase tracking-[0.25em] text-accent",children:["Featured · ",t.category]}),e.jsx("h2",{className:"mt-3 text-3xl font-bold text-foreground md:text-4xl",children:t.title}),e.jsx("p",{className:"mt-4 text-base leading-relaxed text-muted-foreground",children:t.excerpt}),e.jsx("p",{className:"mt-6 text-sm font-semibold text-primary",children:"Read the post â"})]})]}),e.jsx("div",{className:"mt-12 grid gap-8 md:grid-cols-2",children:o.map(s=>e.jsxs(l,{to:"/blog/$slug",params:{slug:s.slug},className:"group block overflow-hidden rounded-2xl bg-card shadow-sm",children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden bg-secondary",children:s.cover&&e.jsx("img",{src:s.cover,alt:s.coverAlt,loading:"lazy",width:1280,height:960,className:"h-full w-full object-cover transition-transform duration-700 group-hover:scale-105"})}),e.jsxs("div",{className:"p-6",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.25em] text-accent",children:s.category}),e.jsx("h3",{className:"mt-2 text-xl font-bold text-foreground",children:s.title}),e.jsx("p",{className:"mt-3 text-sm leading-relaxed text-muted-foreground",children:s.excerpt}),e.jsxs("p",{className:"mt-4 text-xs text-muted-foreground",children:[new Date(s.date).toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric"})," · ",s.readMinutes," min read"]})]})]},s.slug))})]})]})}export{x as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.