Changes

src/components/PresentsPuzzle.tsx

@@ -357,6 +357,34 @@ const PresentsPuzzle = ({ showSocialShare = false, shareUrl }: PresentsPuzzlePro
               </p>
             </CardContent>
           </Card>
+
+          {/* Acknowledgement */}
+          <Card className="bg-muted/50">
+            <CardContent className="pt-6">
+              <h4 className="font-semibold mb-2 text-sm">🙏 Acknowledgement</h4>
+              <p className="text-xs text-muted-foreground">
+                This simulation was inspired by{' '}
+                <a 
+                  href="https://x.com/littmath/status/1990807150101475653" 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="text-primary hover:underline"
+                >
+                  this tweet
+                </a>
+                {' '}by Daniel Litt, which in turn is a variation of{' '}
+                <a 
+                  href="https://gilkalai.wordpress.com/2024/09/03/test-your-intuition-56-fifteen-boxes-puzzle/" 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="text-primary hover:underline"
+                >
+                  this puzzle
+                </a>
+                {' '}by Gil Kalai.
+              </p>
+            </CardContent>
+          </Card>
         </CardContent>
       </Card>
 

src/pages/PresentsPuzzlePage.tsx

@@ -1,7 +1,14 @@
+import Layout from '@/components/Layout';
 import PresentsPuzzle from "@/components/PresentsPuzzle";
 
 const PresentsPuzzlePage = () => {
-  return <PresentsPuzzle />;
+  return (
+    <Layout>
+      <div className="container mx-auto px-4 py-8">
+        <PresentsPuzzle showSocialShare={true} />
+      </div>
+    </Layout>
+  );
 };
 
 export default PresentsPuzzlePage;