import { Head } from '@inertiajs/react';
/**
* Reusable SEO for public marketing pages.
*
* Renders the page title, meta description/keywords, canonical URL,
* Open Graph + Twitter card tags, and optional JSON-LD structured data.
*
* Props:
* - title string document + og:title
* - description string meta description + og:description
* - keywords string comma-separated meta keywords (optional)
* - image string absolute og:image URL (optional)
* - canonical string canonical URL (optional; falls back to current URL)
* - jsonLd object|array one or more JSON-LD graphs (optional)
*/
export default function SeoHead({ title, description, keywords, image, canonical, jsonLd }) {
const appName = import.meta.env.VITE_APP_NAME || 'WhatsMine';
const fullTitle = title || appName;
const origin = typeof window !== 'undefined' ? window.location.origin : '';
const url =
canonical ||
(typeof window !== 'undefined' ? window.location.href.split(/[?#]/)[0] : undefined);
// Fall back to the brand icon when a page doesn't supply its own og:image.
// A page-provided `image` is assumed wide (2:1), so it gets a large card;
// the square brand fallback uses the standard summary card.
const ogImage = image || `${origin}/whatsmine-icon-512.png`;
const twitterCard = image ? 'summary_large_image' : 'summary';
const graphs = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : [];
return (
<Head>
<title>{fullTitle}
{description && }
{keywords && }
{url && }
{/* Open Graph */}
{description && }
{url && }
{/* Twitter */}
{description && }
{/* Structured data */}
{graphs.map((graph, i) => (
))}
);
}