import type { PageProps } from '@/types'; import { Head, usePage } from '@inertiajs/react'; import type { ReactNode } from 'react'; const SITE_NAME = import.meta.env.VITE_APP_NAME || 'Upepo Finance'; const DEFAULT_DESCRIPTION = 'Upepo Finance is the MFI operating system for East Africa — loans, savings, accounting, HR, and collections, built for microfinance institutions.'; const DEFAULT_IMAGE = '/images/logo.png'; interface SeoProps { /** Raw page title, without the site name — the global title callback appends " - Upepo Finance". */ title: string; description?: string; /** Absolute URL or a path relative to the app origin. */ image?: string; type?: 'website' | 'article' | 'profile'; /** Marks the page as unsuitable for indexing (internal/showcase pages). */ noindex?: boolean; children?: ReactNode; } export default function Seo({ title, description = DEFAULT_DESCRIPTION, image = DEFAULT_IMAGE, type = 'website', noindex = false, children, }: SeoProps) { const { ziggy } = usePage().props; const origin = ziggy?.url ?? ''; const canonicalUrl = ziggy?.location ?? origin; const absoluteImage = image.startsWith('http') ? image : `${origin}${image}`; return ( {noindex && } {children} ); }