SEO improvements: title/H1, body text, WebSite/BreadcrumbList schemas

- Add 'online' keyword to home page title and meta description
- Update H1 to 'Free Online Basketball Shot Clock'
- Add subtle body text below clock for Google indexing
- Add WebSite schema with author sameAs links (LinkedIn, GitHub, personal site)
- Add BreadcrumbList schema on all inner pages

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

Author: ChengaDev

src/components/SEO.tsx

@@ -30,6 +30,43 @@ const SEO: React.FC<SEOProps> = ({ title, description }) => {
 
   const isHome = pagePath === '/';
 
+  const breadcrumbSchema = !isHome ? {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "name": "Home",
+        "item": "https://www.24shotclock.com"
+      },
+      {
+        "@type": "ListItem",
+        "position": 2,
+        "name": title,
+        "item": canonical
+      }
+    ]
+  } : null;
+
+  const webSiteSchema = {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    "name": "ShotClock Pro",
+    "url": "https://www.24shotclock.com",
+    "description": "Free online basketball shot clock for referees, scorekeepers, and players.",
+    "author": {
+      "@type": "Person",
+      "name": "Chen Gazit",
+      "url": "https://chengazit.com/",
+      "sameAs": [
+        "https://chengazit.com/",
+        "https://github.com/ChengaDev/",
+        "https://www.linkedin.com/in/chengazit/"
+      ]
+    }
+  };
+
   const webAppSchema = {
     "@context": "https://schema.org",
     "@type": "WebApplication",
@@ -74,8 +111,18 @@ const SEO: React.FC<SEOProps> = ({ title, description }) => {
       ))}
       <link rel="alternate" hrefLang="x-default" href={getLangUrl('en')} />
       {isHome && (
+        <>
+          <script type="application/ld+json">
+            {JSON.stringify(webSiteSchema)}
+          </script>
+          <script type="application/ld+json">
+            {JSON.stringify(webAppSchema)}
+          </script>
+        </>
+      )}
+      {!isHome && breadcrumbSchema && (
         <script type="application/ld+json">
-          {JSON.stringify(webAppSchema)}
+          {JSON.stringify(breadcrumbSchema)}
         </script>
       )}
     </Helmet>

src/components/ShotClockPage.tsx

@@ -9,11 +9,16 @@ const ShotClockPage = () => {
   return (
     <PageContainer>
       <SEO
-        title="ShotClock Pro – Basketball Shot Clock Simulator & Trainer"
-        description="Free basketball shot clock simulator for referees and scorekeepers. Practice 24-second and 14-second resets with real-time buzzer sound, following FIBA regulations."
+        title="ShotClock Pro – Free Online Basketball Shot Clock"
+        description="Free online basketball shot clock — start, stop, and reset in seconds. Practice on any device, no installation needed."
       />
       <GlobalStyle />
       <ShotClock />
+      <PageBlurb>
+        ShotClock Pro is a free online basketball shot clock you can use directly in your browser.
+        Start the 24-second countdown, apply the 14-second reset after an offensive rebound,
+        and hear the buzzer when time runs out — just like a real game.
+      </PageBlurb>
     </PageContainer>
   )
 }
@@ -67,4 +72,14 @@ const Container = styled.div`
   }
 `
 
+const PageBlurb = styled.p`
+  text-align: center;
+  max-width: 600px;
+  margin: 0 auto 2rem;
+  padding: 0 1.5rem;
+  font-size: 0.85rem;
+  line-height: 1.6;
+  color: rgba(255, 255, 255, 0.35);
+`
+
 export default ShotClockPage

src/localization/locailzation.tsx

@@ -6,7 +6,7 @@ type AppLocalizationType = {
 
 const AppLocalization: AppLocalizationType = {
   en: {
-    title: 'Basketball shot clock practice',
+    title: 'Free Online Basketball Shot Clock',
     subtitle: 'Practice your 24 shot clock operation skills',
     startLabel: 'Start',
     stopLabel: 'Stop',