4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T20ac,import { useId, type CSSProperties, type ComponentProps } from "react"; import { ArrowRight } from "lucide-react"; import { cn } from "@/lib/utils"; export type BlogPost = { title: string; dek?: string; href: string; category: string; author?: string; /** Display date, e.g. "2 Oct 2026". */ date: string; /** Machine-readable date for , e.g. "2026-10-02". */ dateTime: string; /** Reading time in minutes. */ readingTime: number; image: { src: string; alt: string }; }; export type BlogFeaturedProps = { eyebrow?: string; title?: string; archive?: { label: string; href: string }; featured?: BlogPost; posts?: BlogPost[]; /** Ink used for the category tags. Text on the tag is white, so keep it dark. */ accent?: string; } & ComponentProps<"section">; const unsplash = (id: string, w: number) => `https://images.unsplash.com/${id}?w=${w}&q=80&auto=format&fit=crop`; const DEFAULT_FEATURED: BlogPost = { title: "We moved booking reminders to the night before. No-shows fell 31%.", dek: "A guesthouse above Lake Oeschinen asked why half its guests missed the 8 a.m. boat. Eight weeks and 412 properties later we have an answer, and a few caveats we did not expect.", href: "#", category: "Field notes", author: "Ana Ferreira", date: "2 Oct 2026", dateTime: "2026-10-02", readingTime: 9, image: { src: unsplash("photo-1501785888041-af3ef285b470", 1400), alt: "An alpine lake with a small boat, mountains rising behind it", }, }; const DEFAULT_POSTS: BlogPost[] = [ { title: "Why the shops we love still hand-letter their opening hours", href: "#", category: "Owners", author: "Hanne Vos", date: "24 Sep 2026", dateTime: "2026-09-24", readingTime: 6, image: { src: unsplash("photo-1472851294608-062f824d29cc", 400), alt: "An “Open” sign hanging on a shop door", }, }, { title: "Seasonal pricing is mostly a guess. Here is how to guess better.", href: "#", category: "Operations", author: "Tomás Reyes", date: "11 Sep 2026", dateTime: "2026-09-11", readingTime: 7, image: { src: unsplash("photo-1507525428034-b723cf961d3e", 400), alt: "A beach at sunset", }, }, { title: "Rebuilding the calendar view without breaking anyone’s bookmarks", href: "#", category: "Engineering", author: "Jun Watanabe", date: "19 Aug 2026", dateTime: "2026-08-19", readingTime: 12, image: { src: unsplash("photo-1551288049-bebda4e38f71", 400), alt: "An analytics dashboard open on a laptop", }, }, ]; const DEFAULTS = { eyebrow: "Saltbox Journal · Notes from the front desk", title: "What we learned running 4,000 small front desks", archive: { label: "All 146 articles", href: "#" }, accent: "#0A6EFF", }; const TAG_TEXT = "#FFFFFF"; const focusRing = "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4 focus-visible:ring-offset-background"; function Tag({ children }: { children: string }) { return ( {children} ); } function Meta({ post, className }: { post: BlogPost; className?: string }) { return (

{post.author && {post.author}} {post.date} {post.readingTime} min read

); } export function BlogFeatured({ eyebrow = DEFAULTS.eyebrow, title = DEFAULTS.title, archive = DEFAULTS.archive, featured = DEFAULT_FEATURED, posts = DEFAULT_POSTS, accent = DEFAULTS.accent, className, style, ...props }: BlogFeaturedProps) { const headingId = useId(); return (

{eyebrow}

{title}

{archive.label}

{/* Plain keeps the block portable outside Next.js. */} {/* eslint-disable-next-line @next/next/no-img-element */} {featured.image.alt}

{featured.category}

{featured.title}

{featured.dek && (

{featured.dek}

)}

Also this month {String(posts.length).padStart(2, "0")}

{post.category}
{post.title}

{/* eslint-disable-next-line @next/next/no-img-element */}

New pieces most Thursdays. Written by the people who answer your support emails.

); } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4f",null,{"namespace":"@devsloka","registryDependencies":[]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/blocks/blog/blog-featured.tsx","content":"$51","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]

{title}

{featured.title}

{post.title}