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:T3c5f,'use client'; import { Button } from '@/components/ui/button'; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'; import { cn } from '@/lib/utils'; import { IconArrowUpRight, IconShield, FooterBar, type FooterSocial } from './footer-kit'; type IconProps = React.SVGProps; /** * Six customer marks. Invented, not real companies — a logo row that ships with * somebody else's trademarks in it is wrong in every install. Straight lines, * rectangles and circles on a 24px grid, so the set stays crisp at 20px. */ function MarkNorthwind(props: IconProps) { return ( ); } function MarkCobalt(props: IconProps) { return ( ); } function MarkMeridian(props: IconProps) { return ( ); } function MarkTessellate(props: IconProps) { return ( ); } function MarkLinework(props: IconProps) { return ( ); } function MarkHollowCreek(props: IconProps) { return ( ); } /* One word each. Two-word names truncate to an ellipsis in the two-column mobile grid, and a logo row of half-names reads as broken rather than tight. */ /** * Certification marks, drawn rather than imported as images. * * The badges were five identical green dots, which told a procurement reader * nothing — the whole point of a compliance row is that the marks are * recognisable before you read the label. These are silhouettes in each * standard's own colours: the EU ring of twelve stars for GDPR, an audit seal * for SOC 2, a certification rosette for ISO, a shield and cross for HIPAA, a * locked card for PCI. Trademarks belong to their respective bodies; swap in * the official artwork you are licensed to display before shipping. */ function MarkSoc2(props: IconProps) { return ( ); } function MarkIso(props: IconProps) { /* A certification rosette: twelve points around a disc. */ const points = Array.from({ length: 12 }, (_, i) => { const a = (i / 12) * Math.PI * 2; return `${(12 + Math.cos(a) * 10).toFixed(2)},${(12 + Math.sin(a) * 10).toFixed(2)}`; }).join(' '); return ( ); } function MarkGdpr(props: IconProps) { /* The EU ring: twelve gold stars on reflex blue. Reading it as stars at 22px needs discs, not five-point stars — the ring is what carries recognition. */ const stars = Array.from({ length: 12 }, (_, i) => { const a = (i / 12) * Math.PI * 2 - Math.PI / 2; return { x: 12 + Math.cos(a) * 7.2, y: 12 + Math.sin(a) * 7.2 }; }); return ( ); } function MarkHipaa(props: IconProps) { return ( ); } function MarkPci(props: IconProps) { return ( ); } /** Keyed on the badge id the fixture uses; anything unknown falls back to the shield. */ const BADGE_MARKS: Record> = { soc2: MarkSoc2, iso27001: MarkIso, gdpr: MarkGdpr, hipaa: MarkHipaa, pci: MarkPci, }; const DEFAULT_CUSTOMERS = [ { name: 'Northwind', mark: MarkNorthwind }, { name: 'Cobalt', mark: MarkCobalt }, { name: 'Meridian', mark: MarkMeridian }, { name: 'Tessellate', mark: MarkTessellate }, { name: 'Linework', mark: MarkLinework }, { name: 'Hollow', mark: MarkHollowCreek }, ]; const KEYFRAMES = ` @keyframes su-trust-in { from { opacity: 0; transform: translateY(3px) } to { opacity: 1; transform: none } } `; export type TrustCenterFooterVariant = 'Badges' | 'Detailed'; export interface TrustBadge { id: string; label: string; scope: string; issued: string; href: string; } export interface CustomerMark { name: string; mark: React.ComponentType; } export interface TrustCenterFooterProps { socials?: FooterSocial[]; brand: string; headline?: string; badges: TrustBadge[]; /** Logos for the "deployed inside" row. Defaults to the bundled set. */ customers?: CustomerMark[]; customersLabel?: string; /** Link columns. A trust page is still a footer; without them it reads as a banner. */ groups?: { title: string; links: { label: string; href: string }[] }[]; requestLabel?: string; onRequestReport?: () => void; links?: { label: string; href: string }[]; copyright?: string; variant?: TrustCenterFooterVariant; className?: string; } export function TrustCenterFooter({ socials, brand, headline = 'Audited, documented, and available for review.', badges, customers = DEFAULT_CUSTOMERS, customersLabel = 'Deployed inside', groups = [], requestLabel = 'Request full report', onRequestReport, links, copyright, variant = 'Badges', className, }: TrustCenterFooterProps) { const detailed = variant === 'Detailed'; return (