135 lines
4.7 KiB
TypeScript
135 lines
4.7 KiB
TypeScript
import React, { Suspense } from 'react';
|
|
import type { Metadata, Viewport } from 'next';
|
|
import '../styles/tailwind.css';
|
|
import GoogleAnalytics from '@/components/GoogleAnalytics';
|
|
import CookieConsent from '@/components/CookieConsent';
|
|
|
|
export const viewport: Viewport = {
|
|
width: 'device-width',
|
|
initialScale: 1
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'),
|
|
title: 'BroadcastBeat — Broadcast Engineering News & Insights',
|
|
description: 'The digital platform for broadcast engineering professionals. Breaking news, deep-dive features, and industry spotlights from NAB to IBC and beyond.',
|
|
icons: {
|
|
icon: [
|
|
{ url: '/favicon.ico', type: 'image/x-icon' }]
|
|
|
|
},
|
|
alternates: {
|
|
canonical: '/',
|
|
languages: {
|
|
'en': '/en',
|
|
'es': '/es',
|
|
'pt': '/pt',
|
|
'fr': '/fr',
|
|
'de': '/de',
|
|
'zh': '/zh',
|
|
'ja': '/ja',
|
|
'ar': '/ar',
|
|
'hi': '/hi',
|
|
'x-default': '/en',
|
|
},
|
|
},
|
|
openGraph: {
|
|
type: 'website',
|
|
locale: 'en_US',
|
|
url: '/',
|
|
siteName: 'BroadcastBeat',
|
|
title: 'BroadcastBeat — Broadcast News',
|
|
description: 'Breaking news and insights for broadcast engineering professionals.',
|
|
images: [
|
|
{
|
|
url: '/assets/images/og-image.png',
|
|
width: 1200,
|
|
height: 630,
|
|
alt: 'BroadcastBeat — Broadcast Engineering News & Insights',
|
|
type: 'image/png'
|
|
}]
|
|
|
|
},
|
|
twitter: {
|
|
card: 'summary_large_image',
|
|
site: '@BroadcastBeat',
|
|
creator: '@BroadcastBeat',
|
|
title: 'BroadcastBeat — Broadcast News',
|
|
description: 'Breaking news and insights for broadcast engineering professionals.',
|
|
images: ['/assets/images/og-image.png']
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
'max-video-preview': -1,
|
|
'max-image-preview': 'large',
|
|
'max-snippet': -1
|
|
}
|
|
}
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children
|
|
|
|
}: Readonly<{children: React.ReactNode;}>) {
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
{/* hreflang tags for multilingual SEO — Section 18G */}
|
|
<link rel="alternate" hrefLang="en" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/en`} />
|
|
<link rel="alternate" hrefLang="es" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/es`} />
|
|
<link rel="alternate" hrefLang="pt" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/pt`} />
|
|
<link rel="alternate" hrefLang="fr" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/fr`} />
|
|
<link rel="alternate" hrefLang="de" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/de`} />
|
|
<link rel="alternate" hrefLang="zh" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/zh`} />
|
|
<link rel="alternate" hrefLang="ja" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/ja`} />
|
|
<link rel="alternate" hrefLang="ar" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/ar`} />
|
|
<link rel="alternate" hrefLang="hi" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/hi`} />
|
|
<link rel="alternate" hrefLang="x-default" href={`${process.env.NEXT_PUBLIC_SITE_URL || ''}/en`} />
|
|
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{
|
|
__html: JSON.stringify({
|
|
'@context': 'https://schema.org',
|
|
'@type': 'Organization',
|
|
name: 'BroadcastBeat',
|
|
url: 'https://broadcastb5322.builtwithrocket.new',
|
|
logo: "https://img.rocket.new/generatedImages/rocket_gen_img_1ab0c6b82-1768715893826.png",
|
|
description: 'The digital platform for broadcast engineering professionals. Breaking news, deep-dive features, and industry spotlights from NAB to IBC and beyond.',
|
|
sameAs: [
|
|
'https://linkedin.com',
|
|
'https://twitter.com',
|
|
'https://facebook.com',
|
|
'https://instagram.com'],
|
|
|
|
contactPoint: {
|
|
'@type': 'ContactPoint',
|
|
contactType: 'Editorial',
|
|
url: 'https://broadcastb5322.builtwithrocket.new'
|
|
}
|
|
})
|
|
}} />
|
|
</head>
|
|
<body>
|
|
{/* Skip to main content — WCAG 2.4.1 */}
|
|
<a
|
|
href="#main-content"
|
|
className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[10000] focus:px-4 focus:py-2 focus:bg-[#3b82f6] focus:text-white focus:rounded focus:font-bold focus:text-sm focus:outline-none"
|
|
>
|
|
Skip to main content
|
|
</a>
|
|
<Suspense fallback={null}>
|
|
<GoogleAnalytics />
|
|
</Suspense>
|
|
<div className="page-transition" id="main-content">
|
|
{children}
|
|
</div>
|
|
<CookieConsent />
|
|
</body>
|
|
</html>);
|
|
|
|
} |