import { Head, usePage } from '@inertiajs/react'; interface SEOProps { title?: string; description?: string; image?: string; type?: 'website' | 'article' | 'product'; schema?: any; } export default function SEO({ title, description, image, type = 'website', schema }: SEOProps) { const { props } = usePage(); const appUrl = props.app_url || window.location.origin; const branding = props.branding; const seoSettings = props.seo; const siteName = branding?.name || 'Altivate Solutions'; const defaultTitle = seoSettings?.title || `${siteName} | Growth Strategy & Digital Solutions`; const fullTitle = title ? `${title} | ${siteName}` : defaultTitle; const defaultDescription = seoSettings?.description || branding?.tagline || 'We help SMEs and startups scale through proven growth frameworks.'; const keywords = seoSettings?.keywords || ''; // Ensure absolute image URL const ogImage = image ? (image.startsWith('http') ? image : `${appUrl}${image}`) : `${appUrl}/og-image.png`; // Fallback to a default OG image const canonical = typeof window !== 'undefined' ? window.location.href : appUrl; return ( {fullTitle} {keywords && } {/* Open Graph / Facebook */} {/* Twitter */} {/* Structured Data (JSON-LD) */} {schema && ( )} ); }