'use client'; import Head from 'next/head'; import { useSEO, type Locale } from '../lib/useSEO'; interface SEOHeadProps { page: string; locale: Locale; canonicalUrl?: string; } export default function SEOHead({ page, locale, canonicalUrl }: SEOHeadProps) { const { seoData, loading } = useSEO(page, locale); if (loading) { return null; } const baseUrl = 'https://cloudtech.com'; const fullCanonicalUrl = canonicalUrl ? `${baseUrl}${canonicalUrl}` : baseUrl; // Language mapping for HTML lang attribute const langMap: Record = { 'zh-CN': 'zh-CN', 'zh-TW': 'zh-TW', en: 'en', }; return ( {seoData.title} {/* Open Graph / Facebook */} {/* Twitter */} {/* Canonical URL */} {/* Language alternates */} {/* Additional meta tags */} ); }