Local Administrator
8042024c4a
- New AvBeatLogo inline-SVG component (rounded-square emblem with forward-leaning AV monogram + horizontal beam detail) at src/components/AvBeatLogo.tsx, three variants (full/wordmark/icon). - Header.tsx now uses the responsive AV BEAT logo lockup in the top-left, links to /, full lockup on desktop (emblem+wordmark+tagline), emblem+wordmark on tablet, emblem-only on mobile. - Removed DualSpeedTicker (the 'RECENT FORUM POSTS' ticker strip); the news ticker / glow chrome does not match the new aesthetic and the forum row was the explicit removal target. - Tailwind theme + globals.css now expose the AV BEAT 2026 palette as semantic tokens: --brand-blue (#1D4ED8), --brand-blue-bright (#38BDF8), --brand-navy (#0F172A), --brand-bg (#F8FAFC), --brand-surface, --brand-border, --brand-text, --brand-text-muted. Legacy --color-* aliases re-point to the new tokens so any inline-styled component re-themes for free. - Site-wide hex sweep migrates 2,769 hardcoded color literals across 144 files from the old dark-broadcast palette to the new tokens (orange -> blue, dark-brown -> white surface / navy text, cream -> navy). - Layout body class flipped from 'bb-neon' to 'bg-brand-bg text-brand-text' so the dark glow chrome no longer leaks through the new light theme.
163 lines
6.1 KiB
TypeScript
163 lines
6.1 KiB
TypeScript
import React, { Suspense } from 'react';
|
|
import type { Metadata, Viewport } from 'next';
|
|
import { Lora, Inter } from 'next/font/google';
|
|
import '../styles/tailwind.css';
|
|
|
|
// Self-hosted at build time by next/font — no runtime CDN fetch, no FOIT,
|
|
// no GDPR concern. The two variables are consumed by --font-heading and
|
|
// --font-body in src/styles/tailwind.css with Georgia/Arial fallbacks.
|
|
const lora = Lora({
|
|
subsets: ['latin'],
|
|
weight: ['400', '500', '600', '700'],
|
|
style: ['normal', 'italic'],
|
|
variable: '--font-serif',
|
|
display: 'swap',
|
|
});
|
|
|
|
const inter = Inter({
|
|
subsets: ['latin'],
|
|
weight: ['300', '400', '500', '600', '700', '800'],
|
|
variable: '--font-sans',
|
|
display: 'swap',
|
|
});
|
|
// SystemStatusBar removed — the "articles indexed / events tracked / [v2.0.0]"
|
|
// strip was eating vertical space without serving readers.
|
|
import AskBBAI from '@/components/AskBBAI';
|
|
import GoogleAnalytics from '@/components/GoogleAnalytics';
|
|
import CookieConsent from '@/components/CookieConsent';
|
|
import NewsletterModal from '@/components/NewsletterModal';
|
|
|
|
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: 'AV Beat — Pro AV, Live Production & Display Tech News',
|
|
description: 'The digital platform for pro AV, live production, and display tech professionals. Breaking news, deep-dive features, and industry spotlights from InfoComm to ISE and beyond.',
|
|
icons: {
|
|
icon: [
|
|
{ url: '/favicon.ico', type: 'image/x-icon', sizes: 'any' },
|
|
{ url: '/static/favicons/favicon.svg', type: 'image/svg+xml' },
|
|
{ url: '/static/favicons/favicon-32.png', type: 'image/png', sizes: '32x32' },
|
|
{ url: '/static/favicons/favicon-16.png', type: 'image/png', sizes: '16x16' },
|
|
],
|
|
apple: [
|
|
{ url: '/static/favicons/favicon-192.png', sizes: '180x180' },
|
|
{ url: '/static/favicons/favicon-256.png', sizes: '256x256' },
|
|
],
|
|
},
|
|
alternates: {
|
|
canonical: '/',
|
|
// hreflang entries removed — we don't currently serve translated content,
|
|
// and pointing Google at /en, /es, /pt, etc. (which 404) was poisoning
|
|
// the SEO signal. Re-add when the i18n routes actually exist.
|
|
},
|
|
openGraph: {
|
|
type: 'website',
|
|
locale: 'en_US',
|
|
url: '/',
|
|
siteName: 'AV Beat',
|
|
title: 'AV Beat — Pro AV, Live Production & Display Tech',
|
|
description: 'Breaking news and insights for pro AV, live production, and display tech professionals.',
|
|
images: [
|
|
{
|
|
url: '/assets/images/og-image.png',
|
|
width: 1200,
|
|
height: 630,
|
|
alt: 'AV Beat — Pro AV, Live Production & Display Tech News',
|
|
type: 'image/png'
|
|
}]
|
|
|
|
},
|
|
twitter: {
|
|
card: 'summary_large_image',
|
|
site: '@AV Beat',
|
|
creator: '@AV Beat',
|
|
title: 'AV Beat — Pro AV, Live Production & Display Tech',
|
|
description: 'Breaking news and insights for pro AV, live production, and display tech professionals.',
|
|
images: ['/assets/images/og-image.png']
|
|
},
|
|
robots: {
|
|
// Open to indexing as of 2026-05-20. Phase B (Ollama rewriter) is
|
|
// live; sitemap + robots.ts exist; the PR scrubber + AI featured
|
|
// images are running in the background to clean up the catalog.
|
|
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" className={`${lora.variable} ${inter.variable}`}>
|
|
<head>
|
|
{/* hreflang entries removed pending real i18n routes (Phase D). */}
|
|
|
|
{/* Tell browsers + Google not to auto-offer translation. The site IS
|
|
English (lang="en"); the language pulldown opt-in uses Google
|
|
Translate's hosted proxy (*.translate.goog) so users who want
|
|
another language get one without polluting the canonical URL.
|
|
Without these, Chrome's content-language detector sometimes
|
|
fires on imported posts that contain Portuguese/Spanish company
|
|
or person names and offers a translate popup unprompted. */}
|
|
<meta name="google" content="notranslate" />
|
|
<meta httpEquiv="Content-Language" content="en" />
|
|
{/* robots tag now driven entirely by `export const metadata.robots`
|
|
above — having both produced conflicting noindex/index tags. */}
|
|
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{
|
|
__html: JSON.stringify({
|
|
'@context': 'https://schema.org',
|
|
'@type': 'Organization',
|
|
name: 'AV Beat',
|
|
url: 'https://avbeat.com',
|
|
logo: "https://avbeat.com/assets/images/logo.svg",
|
|
description: 'The digital platform for pro AV, live production, and display tech professionals. Breaking news, deep-dive features, and industry spotlights from InfoComm to ISE and beyond.',
|
|
sameAs: [
|
|
'https://linkedin.com',
|
|
'https://twitter.com',
|
|
'https://facebook.com',
|
|
'https://instagram.com'],
|
|
|
|
contactPoint: {
|
|
'@type': 'ContactPoint',
|
|
contactType: 'Editorial',
|
|
url: 'https://avbeat.com'
|
|
}
|
|
})
|
|
}} />
|
|
</head>
|
|
<body className="bg-brand-bg text-brand-text antialiased">
|
|
{/* 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-[#1D4ED8] 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 />
|
|
<NewsletterModal />
|
|
<AskBBAI />
|
|
</body>
|
|
</html>);
|
|
|
|
} |