diff --git a/src/pages/theme-pages/discrete-math/Foundations.tsx b/src/pages/theme-pages/discrete-math/Foundations.tsx
index b3230b4..35260c3 100644
--- a/src/pages/theme-pages/discrete-math/Foundations.tsx
+++ b/src/pages/theme-pages/discrete-math/Foundations.tsx
@@ -4,7 +4,6 @@ import { Search } from "lucide-react";
 import Layout from "@/components/Layout";
 import InteractiveCard from "@/components/InteractiveCard";
 import BinaryNumberGame from "@/components/BinaryNumberGame";
-
 interface Interactive {
   id: string;
   title: string;
@@ -13,72 +12,41 @@ interface Interactive {
   component: React.ComponentType;
   greenScreenPath: string;
 }
-
-const interactives: Interactive[] = [
-  {
-    id: "binary-number-game",
-    title: "Binary Number Representation",
-    description: "Learn how numbers are represented in binary (base-2) format through an interactive guessing game.",
-    tags: ["binary", "numbers", "conversion", "representation"],
-    component: BinaryNumberGame,
-    greenScreenPath: "/binary-number-game",
-  },
-];
-
+const interactives: Interactive[] = [{
+  id: "binary-number-game",
+  title: "Binary Number Representation",
+  description: "Learn how numbers are represented in binary (base-2) format through an interactive guessing game.",
+  tags: ["binary", "numbers", "conversion", "representation"],
+  component: BinaryNumberGame,
+  greenScreenPath: "/binary-number-game"
+}];
 const Foundations = () => {
   const [searchTerm, setSearchTerm] = useState("");
   const [selectedInteractive, setSelectedInteractive] = useState<Interactive | null>(null);
-
-  const filteredInteractives = interactives.filter(
-    (interactive) =>
-      interactive.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      interactive.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      interactive.tags.some((tag) =>
-        tag.toLowerCase().includes(searchTerm.toLowerCase())
-      )
-  );
-
+  const filteredInteractives = interactives.filter(interactive => interactive.title.toLowerCase().includes(searchTerm.toLowerCase()) || interactive.description.toLowerCase().includes(searchTerm.toLowerCase()) || interactive.tags.some(tag => tag.toLowerCase().includes(searchTerm.toLowerCase())));
   if (selectedInteractive) {
     const InteractiveComponent = selectedInteractive.component;
-    return (
-      <div className="min-h-screen bg-background p-6">
+    return <div className="min-h-screen bg-background p-6">
         <div className="max-w-4xl mx-auto space-y-6">
           <div className="flex items-center justify-between">
-            <button
-              onClick={() => setSelectedInteractive(null)}
-              className="text-primary hover:text-primary/80 font-medium"
-            >
+            <button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">
               ← Back to Foundations
             </button>
-            <h1 className="text-2xl font-bold text-foreground">{selectedInteractive.title}</h1>
-            <Link 
-              to="/themes/discrete-math"
-              className="text-primary hover:text-primary/80 font-medium"
-            >
+            
+            <Link to="/themes/discrete-math" className="text-primary hover:text-primary/80 font-medium">
               Back to Discrete Math →
             </Link>
           </div>
           <BinaryNumberGame />
-          <button
-            onClick={() => setSelectedInteractive(null)}
-            className="inline-flex items-center px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/80 transition-colors"
-          >
-            ← Back to Foundations Gallery
-          </button>
+          
         </div>
-      </div>
-    );
+      </div>;
   }
-
-  return (
-    <Layout>
+  return <Layout>
       <div className="container mx-auto px-4 py-8">
         <div className="space-y-8">
           <div className="flex items-center gap-4">
-            <Link 
-              to="/themes/discrete-math"
-              className="text-primary hover:text-primary/80 font-medium"
-            >
+            <Link to="/themes/discrete-math" className="text-primary hover:text-primary/80 font-medium">
               ← Back to Discrete Math
             </Link>
             <h1 className="text-3xl font-bold text-foreground">Foundations</h1>
@@ -86,38 +54,20 @@ const Foundations = () => {
 
           <div className="relative max-w-md">
             <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" />
-            <input
-              type="text"
-              placeholder="Search interactives..."
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full pl-10 pr-4 py-2 border border-outline rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-            />
+            <input type="text" placeholder="Search interactives..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="w-full pl-10 pr-4 py-2 border border-outline rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" />
           </div>
 
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
-            {filteredInteractives.map((interactive) => (
-              <InteractiveCard
-                key={interactive.id}
-                title={interactive.title}
-                description={interactive.description}
-                tags={interactive.tags}
-                onClick={() => setSelectedInteractive(interactive)}
-              />
-            ))}
+            {filteredInteractives.map(interactive => <InteractiveCard key={interactive.id} title={interactive.title} description={interactive.description} tags={interactive.tags} onClick={() => setSelectedInteractive(interactive)} />)}
           </div>
 
-          {filteredInteractives.length === 0 && (
-            <div className="text-center py-12">
+          {filteredInteractives.length === 0 && <div className="text-center py-12">
               <p className="text-muted-foreground">
                 No interactives found matching "{searchTerm}"
               </p>
-            </div>
-          )}
+            </div>}
         </div>
       </div>
-    </Layout>
-  );
+    </Layout>;
 };
-
 export default Foundations;
\ No newline at end of file