Add Zeckendorf Representation interactive under Discrete Math > Foundations

src/pages/ZeckendorfGamePage.tsx

@@ -0,0 +1,13 @@
+import ZeckendorfGame from '@/components/ZeckendorfGame';
+
+const ZeckendorfGamePage = () => {
+  return (
+    <div className="min-h-screen bg-background p-6">
+      <div className="max-w-4xl mx-auto">
+        <ZeckendorfGame />
+      </div>
+    </div>
+  );
+};
+
+export default ZeckendorfGamePage; 

src/pages/theme-pages/discrete-math/Foundations.tsx

@@ -6,6 +6,7 @@ import InteractiveCard from "@/components/InteractiveCard";
 import BinaryNumberGame from "@/components/BinaryNumberGame";
 import TernaryNumberGame from "@/components/TernaryNumberGame";
 import BalancedTernaryGame from "@/components/BalancedTernaryGame";
+import ZeckendorfGame from "@/components/ZeckendorfGame";
 interface Interactive {
   id: string;
   title: string;
@@ -35,6 +36,13 @@ const interactives: Interactive[] = [{
   tags: ["balanced-ternary", "numbers", "conversion", "representation", "base-3", "signed-digits"],
   component: BalancedTernaryGame,
   greenScreenPath: "/balanced-ternary-game"
+}, {
+  id: "zeckendorf-game",
+  title: "Zeckendorf Representation",
+  description: "Learn how numbers are represented using Fibonacci numbers with the unique Zeckendorf representation (no consecutive Fibonacci numbers).",
+  tags: ["fibonacci", "numbers", "representation", "zeckendorf", "combinatorics"],
+  component: ZeckendorfGame,
+  greenScreenPath: "/discrete-math/foundations/zeckendorf"
 }];
 const Foundations = () => {
   const [searchTerm, setSearchTerm] = useState("");