50: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"] 51: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"] 52:T9f6,import { Check } from "lucide-react"; import { cn } from "@/lib/utils"; import type { Surface } from "../_types/common"; import type { FeatureListContent } from "../_types/feature"; import { defaultFeature6Content } from "./data"; import { SectionHeader, surfaceClass, toneFor } from "./section-header"; /** Numbered rows on a hairline rule: the pitch on the left, its checklist * on the right. Each row carries its `id` as an anchor. */ export default function Feature6({ content = defaultFeature6Content, surface = "default", }: { content?: FeatureListContent; surface?: Surface; }) { return (

{content.items.map((item, index) => (

{String(index + 1).padStart(2, "0")}

{item.title}

{item.body}

{point}

))}

); } 53:Tbb2,import type { FeatureListContent } from "../_types/feature"; export const defaultFeature6Content: FeatureListContent = { description: "If a job does not appear here, we do not do it — and we will tell you who does.", eyebrow: "The list", items: [ { body: "We work for one buyer at a time in each district, which is why the list of homes we show you is short. You get the off-market stock, the honest opinion on a street, and one advisor who answers the phone.", id: "buying", points: [ "Access to roughly a third of stock that is never advertised", "Comparables from sales we handled, not portal estimates", "We attend the survey and read it with you", "Offer strategy and negotiation on your behalf", ], title: "Buyer advisory", }, { body: "Commission is 1.4% plus VAT on completion, and it includes everything: staging, photography, floor plans, the film, and the whole campaign. There are no marketing add-ons and no upfront fee.", id: "selling", points: [ "In-house staging, photography, and film", "Guide price backed by three comparable sales", "Private list release before any public advertising", "Weekly written feedback, not a portal dashboard", ], title: "Seller representation", }, { body: "A forty-minute visit and a written range within two working days, free and without obligation. Bram writes every formal valuation that leaves this office and has not missed a guide by more than four percent since 2019.", id: "valuation", points: [ "Free, no obligation, no follow-up campaign", "Written range with the three comparables behind it", "Formal valuations for probate, tax, and lending", "Turnaround in two working days", ], title: "Free valuation", }, { body: "We manage 260 tenancies in-house. Referencing, deposits, inspections, and maintenance all go through one named contact, and the monthly report is written by a person who has seen the property.", id: "management", points: [ "1.4% void across the managed portfolio last year", "One named contact, not a call centre", "Vetted trades, fixed the week they are reported", "Monthly written reporting", ], title: "Property management", }, { body: "For buyers arriving from abroad: sequencing, schools, banking, and the twenty small questions nobody thinks to ask until week three. Elin runs this desk and has placed families from eleven countries.", id: "relocation", points: [ "Sequenced plan from bank account to completion", "School places researched and applied for in parallel", "Video viewings walked room by room, at your hours", "We meet the surveyor and the solicitor for you", ], title: "Relocation", }, ], title: "Everything the practice does", }; 54:Tcd4,import type React from "react"; import { cn } from "@/lib/utils"; import type { Surface } from "../_types/common"; /** The small uppercase label that opens most headers. */ export const eyebrowClass = "inline-flex items-center gap-2 font-medium text-[0.6875rem] uppercase tracking-[0.22em]"; export const surfaceClass: Record = { default: "bg-background text-foreground", muted: "bg-muted text-foreground", primary: "bg-primary text-primary-foreground", secondary: "bg-secondary text-secondary-foreground", }; /** * Which band the header sits on. `photo` keeps literal white, because * `--primary-foreground` inverts in dark mode and would be unreadable over a * photograph. */ export type SectionTone = "light" | "photo" | "primary" | "secondary"; export function toneFor(surface: Surface): SectionTone { if (surface === "primary") return "primary"; if (surface === "secondary") return "secondary"; return "light"; } const toneClasses: Record< SectionTone, { eyebrow: string; heading: string; lede: string; tick: string } > = { light: { eyebrow: "text-muted-foreground/70", heading: "text-primary", lede: "text-muted-foreground", tick: "bg-secondary", }, photo: { eyebrow: "text-white/50", heading: "text-white", lede: "text-white/65", tick: "bg-secondary", }, primary: { eyebrow: "text-primary-foreground/40", heading: "text-primary-foreground", lede: "text-primary-foreground/60", tick: "bg-secondary", }, secondary: { eyebrow: "text-secondary-foreground/50", heading: "text-secondary-foreground", lede: "text-secondary-foreground/70", tick: "bg-primary", }, }; export function SectionHeader({ action, actionAt = "sm", className, description, eyebrow, size = "default", title, tone = "light", }: { /** Rendered beside the heading block once `actionAt` is reached. */ action?: React.ReactNode; /** A text link fits from `sm`; a row of filter tabs needs `lg`. */ actionAt?: "lg" | "sm"; className?: string; description?: React.ReactNode; eyebrow: string; /** `sm` is the narrow-sidebar size used by 4/8 splits. */ size?: "default" | "sm"; title: React.ReactNode; tone?: SectionTone; }): React.ReactElement { const tones = toneClasses[tone]; return (

{eyebrow}

{title}

{description && (

{description}

)}

{action}

); } 55:T5dc,/** * Shapes shared by every token-based section. Each section ships this file * alongside its own category types, so installing several sections simply * rewrites the same file. */ /** Which band a section sits on. A style choice, never part of `content`. */ export type Surface = "default" | "muted" | "primary" | "secondary"; export type ImageAsset = { alt: string; src: string; }; export type LinkAction = { href: string; label: string; }; /** Eyebrow + heading + optional lede, the header most sections open with. */ export type SectionIntro = { description?: string; eyebrow: string; title: string; }; /** A figure that counts up when it scrolls into view. */ export type Stat = { decimals?: number; label: string; prefix?: string; suffix?: string; value: number; }; /** A figure that is displayed as written ("1,240+", "4.9/5"). */ export type Highlight = { label: string; value: string; }; export type FormField = { label: string; name: string; /** Only for `type: "select"`. The first option is the default. */ options?: string[]; placeholder?: string; required?: boolean; /** `full` spans both columns of a two-column form. */ span?: "full" | "half"; type?: "email" | "select" | "tel" | "text" | "textarea"; }; export type FormContent = { description?: string; fields: FormField[]; note?: string; submitLabel: string; success: { description: string; resetLabel: string; title: string; }; title: string; }; 4f:["$","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"}]]}]}]]}],["$","$L50",null,{"namespace":"@cnippet-blocks","registryDependencies":["@cnippet/utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/sections/feature-6/index.tsx","content":"$52","type":"registry:component","target":"components/sections/feature-6/index.tsx"},{"path":"registry/default/sections/feature-6/data.ts","content":"$53","type":"registry:component","target":"components/sections/feature-6/data.ts"},{"path":"registry/default/sections/feature-6/section-header.tsx","content":"$54","type":"registry:component","target":"components/sections/feature-6/section-header.tsx"},{"path":"registry/default/sections/_types/common.ts","content":"$55","type":"registry:lib","target":"components/sections/_types/common.ts"},{"path":"registry/default/sections/_types/feature.ts","content":"import type { SectionIntro, Stat } from \"./common\";\n\n/** Numbered rows, each with a short pitch and a checklist. */\nexport type FeatureListContent = SectionIntro & {\n items: {\n body: string;\n /** Used as the anchor id, so links can land on a row. */\n id: string;\n points: string[];\n title: string;\n }[];\n};\n\n/** A header (and optional paragraph) beside a checklist. */\nexport type FeatureChecklistContent = SectionIntro & {\n body?: string;\n points: string[];\n pointsLabel?: string;\n stats?: Stat[];\n};\n","type":"registry:lib","target":"components/sections/_types/feature.ts"}],"className":"h-[70svh] min-h-80"}]]}]