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:T26c9,import { ArrowRight, Mail } from "lucide-react"; import Image from "next/image"; import Link from "next/link"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Tooltip, TooltipPopup, TooltipTrigger } from "@/components/ui/tooltip"; import { cn } from "@/lib/utils"; import type { ImageAsset } from "../_types/common"; import type { FooterContent } from "../_types/footer"; import { defaultFooter8Background, defaultFooter8Content } from "./data"; import { socialIcons } from "./social-icons"; function telHref(phone: string): string { return `tel:${phone.replace(/[^\d+]/g, "")}`; } /** * Over a photograph the copy stays literal white: `--primary-foreground` * inverts in dark mode and would vanish against the picture. */ const tones = { photo: { border: "border-white/10", faint: "text-white/40", muted: "text-white/60", soft: "text-white/70", text: "text-white", }, primary: { border: "border-primary-foreground/10", faint: "text-primary-foreground/40", muted: "text-primary-foreground/60", soft: "text-primary-foreground/70", text: "text-primary-foreground", }, }; export default function Footer8({ backgroundImage = defaultFooter8Background, content = defaultFooter8Content, onPhoto = false, }: { /** Photo behind the footer. Pass `null` for a plain primary band. */ backgroundImage?: ImageAsset | null; content?: FooterContent; /** A parent already paints a photo behind this footer (and usually the CTA * above it): stay transparent but keep the photo text colours. Use with * `backgroundImage={null}`. */ onPhoto?: boolean; }) { const photo = Boolean(backgroundImage) || onPhoto; const t = photo ? tones.photo : tones.primary; const year = new Date().getFullYear(); return ( ); } 53:Td41,import type { ImageAsset } from "../_types/common"; import type { FooterContent } from "../_types/footer"; export const defaultFooter8Content: FooterContent = { brand: { description: "A property practice built on discretion, local knowledge, and thirty years of transactions across the harbour and the hills.", name: "Marbrook", }, columns: [ { links: [ { href: "/properties", label: "All listings", }, { href: "/properties?status=sale", label: "For sale", }, { href: "/properties?status=rent", label: "For rent", }, { href: "/properties?status=new", label: "New developments", }, { href: "/services#selling", label: "Off-market selling", }, ], title: "Properties", }, { links: [ { href: "/services#buying", label: "Buyer advisory", }, { href: "/services#selling", label: "Seller representation", }, { href: "/services#valuation", label: "Free valuation", }, { href: "/services#management", label: "Property management", }, { href: "/services#relocation", label: "Relocation", }, ], title: "Services", }, { links: [ { href: "/about", label: "Our story", }, { href: "/team", label: "Advisors", }, { href: "/careers", label: "Careers", }, { href: "/journal", label: "Journal", }, { href: "/contact", label: "Contact", }, ], title: "Company", }, ], contact: { email: { address: "hello@marbrook.com", label: "Enquiries", }, locations: [ { address: "148 Rowan Street, Harbour District", label: "Harbour District", phone: "+1 (800) 555-0199", }, { address: "9 Vantage Lane, Northgate Heights", label: "Northgate Heights", phone: "+1 (800) 555-0142", }, ], }, copyright: "Marbrook Estates. All rights reserved.", credit: { href: "https://cnippet.com", label: "Cnippet", prefix: "Designed by", }, legal: [ { href: "/legal#privacy", label: "Privacy", }, { href: "/legal#terms", label: "Terms", }, { href: "/legal#fair-housing", label: "Fair housing", }, ], newsletter: { buttonLabel: "Subscribe", eyebrow: "Market letter", note: "Quarterly pricing data. No spam, unsubscribe anytime.", placeholder: "you@email.com", }, socials: [ { href: "#", label: "Instagram", network: "instagram", }, { href: "#", label: "LinkedIn", network: "linkedin", }, { href: "#", label: "Facebook", network: "facebook", }, ], socialsTitle: "Follow", }; export const defaultFooter8Background: ImageAsset = { alt: "Evening light across a harbour residence", src: "https://res.cloudinary.com/qgiongel/image/upload/q_auto/f_auto/v1786950553/templates/estate/marbrook/cndn_marbrook003.jpg", }; 54:T86f,import type { SVGProps } from "react"; import type { SocialNetwork } from "../_types/footer"; // lucide-react v1 removed brand marks, so the social glyphs live here. type IconProps = SVGProps; export const socialIcons: Record< SocialNetwork, (props: IconProps) => React.ReactElement > = { facebook: (props) => ( ), instagram: (props) => ( ), linkedin: (props) => ( ), }; 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/button","@cnippet/input","@cnippet/tooltip","@cnippet/utils"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/sections/footer-8/index.tsx","content":"$52","type":"registry:component","target":"components/sections/footer-8/index.tsx"},{"path":"registry/default/sections/footer-8/data.ts","content":"$53","type":"registry:component","target":"components/sections/footer-8/data.ts"},{"path":"registry/default/sections/footer-8/social-icons.tsx","content":"$54","type":"registry:component","target":"components/sections/footer-8/social-icons.tsx"},{"path":"registry/default/sections/_types/common.ts","content":"$55","type":"registry:lib","target":"components/sections/_types/common.ts"},{"path":"registry/default/sections/_types/footer.ts","content":"import type { LinkAction } from \"./common\";\n\nexport type SocialNetwork = \"facebook\" | \"instagram\" | \"linkedin\";\n\nexport type FooterContent = {\n brand: {\n description: string;\n name: string;\n };\n columns: {\n links: LinkAction[];\n title: string;\n }[];\n contact?: {\n email?: { address: string; label: string };\n locations: { address: string; label: string; phone?: string }[];\n };\n copyright: string;\n credit?: LinkAction & { prefix: string };\n legal: LinkAction[];\n newsletter?: {\n buttonLabel: string;\n eyebrow: string;\n note?: string;\n placeholder: string;\n };\n socials?: {\n href: string;\n label: string;\n network: SocialNetwork;\n }[];\n socialsTitle?: string;\n};\n","type":"registry:lib","target":"components/sections/_types/footer.ts"}],"className":"h-[70svh] min-h-80"}]]}]