Enable YouTube feature flag, improve SEO, add to SeeAlso

- youtube flag hardcoded to true (ready for production)
- Improved EN title/description with basketball + FIBA keywords
- Added WebApplication schema to YouTube page SEO
- YouTube Free Play added to SeeAlso component on content pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ChengaDev

src/components/SeeAlso.tsx

@@ -6,7 +6,7 @@ import AppRoutes from '../AppRoutes'
 import featureFlags from '../featureFlags'
 
 interface SeeAlsoProps {
-  exclude?: ('instructions' | 'faq' | 'fiba-resources' | 'reaction-training')[]
+  exclude?: ('instructions' | 'faq' | 'fiba-resources' | 'reaction-training' | 'youtube')[]
 }
 
 const SeeAlso: React.FC<SeeAlsoProps> = ({ exclude = [] }) => {
@@ -20,6 +20,9 @@ const SeeAlso: React.FC<SeeAlsoProps> = ({ exclude = [] }) => {
     ...(featureFlags.reactionTraining
       ? [{ key: 'reaction-training', label: locals.reactionTraining, to: routes.ReactionTraining }]
       : []),
+    ...(featureFlags.youtube
+      ? [{ key: 'youtube', label: locals.youtubePageTitle, to: routes.YouTube }]
+      : []),
   ].filter(l => !exclude.includes(l.key as any))
 
   return (

src/components/YouTubePage.tsx

@@ -56,13 +56,32 @@ const YouTubePage: React.FC = () => {
     setShowChangeInput(true)
   }
 
+  const youtubeSchema = {
+    '@context': 'https://schema.org',
+    '@type': 'WebApplication',
+    name: locals.youtubePageTitle,
+    url: 'https://www.24shotclock.com/youtube',
+    description: locals.youtubePageDescription,
+    applicationCategory: 'SportsApplication',
+    operatingSystem: 'Any',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+    featureList: [
+      'Paste any YouTube basketball game URL',
+      '24-second FIBA shot clock panel',
+      '14-second offensive rebound reset',
+      'Real-time buzzer sound',
+      'Works on mobile and desktop',
+    ],
+  }
+
   /* ── Landing: no video yet ── */
   if (!videoId) {
     return (
       <LandingWrapper>
         <SEO
           title={`${locals.youtubePageTitle} | ShotClock Pro`}
           description={locals.youtubePageDescription}
+          schema={youtubeSchema}
         />
         <LandingTitle>{locals.youtubePageTitle}</LandingTitle>
         <LandingSubtitle>{locals.youtubePageDescription}</LandingSubtitle>
@@ -87,6 +106,7 @@ const YouTubePage: React.FC = () => {
       <SEO
         title={`${locals.youtubePageTitle} | ShotClock Pro`}
         description={locals.youtubePageDescription}
+        schema={youtubeSchema}
       />
 
       <PageTitle>{locals.youtubePageTitle}</PageTitle>

src/featureFlags.ts

@@ -1,6 +1,6 @@
 const featureFlags = {
   reactionTraining: process.env.REACT_APP_TRAINING_ENABLED === 'true',
-  youtube: process.env.REACT_APP_YOUTUBE_ENABLED === 'true',
+  youtube: true,
 }
 
 export default featureFlags

src/localization/locailzation.tsx

@@ -262,8 +262,8 @@ const AppLocalization: AppLocalizationType = {
       f: 'Missed',
     },
     // YouTube Free Play
-    youtubePageTitle: 'YouTube Free Play',
-    youtubePageDescription: 'Paste a YouTube basketball game link and operate the shot clock alongside it in real time.',
+    youtubePageTitle: 'YouTube Basketball Free Play',
+    youtubePageDescription: 'Watch any YouTube basketball game and operate a real 24-second FIBA shot clock alongside it — free, instant, no installation needed.',
     youtubeUrlPlaceholder: 'Paste a YouTube URL...',
     youtubeLoadVideo: 'Load',
     youtubeChangeVideo: 'Change Video',