From cd588e391aaee51abed89973ead51d790ec4bef5 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 21 Jul 2025 07:09:10 +0000
Subject: [PATCH] Make Northcott's Game standalone

Give Northcott's Game a unique ID and make it accessible as a standalone interactive.
---
 src/App.tsx                           |  2 ++
 src/components/InteractiveGallery.tsx |  8 ++++++++
 src/pages/NorthcottsGamePage.tsx      | 13 +++++++++++++
 3 files changed, 23 insertions(+)
 create mode 100644 src/pages/NorthcottsGamePage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 6c66e9a..788d6d3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -24,6 +24,7 @@ import GameOfSimGreenScreen from "./pages/GameOfSimGreenScreen";
 import GameOfSimPage from "./pages/GameOfSimPage";
 import TernarySearchTrickPage from "./pages/TernarySearchTrickPage";
 import TernarySearchTrickGreenScreen from "./pages/TernarySearchTrickGreenScreen";
+import NorthcottsGamePage from "./pages/NorthcottsGamePage";
 import Foundations from "./pages/theme-pages/discrete-math/Foundations";
 import Proofs from "./pages/theme-pages/discrete-math/Proofs";
 import Counting from "./pages/theme-pages/discrete-math/Counting";
@@ -74,6 +75,7 @@ const App = () => (
           <Route path="/game-of-sim/:mode" element={<GameOfSimGreenScreen />} />
           <Route path="/ternary-search-trick" element={<TernarySearchTrickPage />} />
           <Route path="/ternary-search-trick/:mode" element={<TernarySearchTrickGreenScreen />} />
+          <Route path="/northcotts-game" element={<NorthcottsGamePage />} />
           
           {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
           <Route path="*" element={<NotFound />} />
diff --git a/src/components/InteractiveGallery.tsx b/src/components/InteractiveGallery.tsx
index 1bb52a5..bae17f1 100644
--- a/src/components/InteractiveGallery.tsx
+++ b/src/components/InteractiveGallery.tsx
@@ -6,6 +6,7 @@ import { Search } from 'lucide-react';
 import Layout from '@/components/Layout';
 import BinarySearchTrick from '@/components/BinarySearchTrick';
 import TernarySearchTrick from '@/components/TernarySearchTrick';
+import NorthcottsGame from '@/components/NorthcottsGame';
 
 interface Interactive {
   id: string;
@@ -29,6 +30,13 @@ const interactives: Interactive[] = [
     description: 'Experience the magic of ternary search! Think of a number and watch as the cards reveal it through mathematical calculations.',
     tags: ['ternary', 'magic', 'numbers', 'trick', 'data-structures', 'search'],
     component: TernarySearchTrick
+  },
+  {
+    id: 'northcotts-game',
+    title: "Northcott's Game",
+    description: 'A two-player strategy game where players move their pieces along rows trying to block each other. Features multiple game modes and customizable board sizes.',
+    tags: ['game', 'strategy', 'two-player', 'logic', 'combinatorial-game-theory'],
+    component: NorthcottsGame
   }
 ];
 const InteractiveGallery = () => {
diff --git a/src/pages/NorthcottsGamePage.tsx b/src/pages/NorthcottsGamePage.tsx
new file mode 100644
index 0000000..fc78edb
--- /dev/null
+++ b/src/pages/NorthcottsGamePage.tsx
@@ -0,0 +1,13 @@
+import NorthcottsGame from '@/components/NorthcottsGame';
+
+const NorthcottsGamePage = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8">
+        <NorthcottsGame showSocialShare={true} />
+      </div>
+    </div>
+  );
+};
+
+export default NorthcottsGamePage;
\ No newline at end of file