diff --git a/src/pages/_old_Game.jsx b/src/pages/_old_Game.jsx
new file mode 100644
index 0000000..b45a53f
--- /dev/null
+++ b/src/pages/_old_Game.jsx
@@ -0,0 +1,96 @@
+import { useEffect } from "react";
+import { useWordpressData } from "../hooks/WordpressFetchData";
+import { useState } from "react";
+
+import Menu from "../components/Menu";
+import Modal from "../components/Modal";
+
+export default function Game() {
+ const [isModalOpen, setIsModalOpen] = useState(false);
+
+ const screenData = useWordpressData("/search-and-find");
+ const [isDragging, setIsDragging] = useState(false);
+ const [startX, setStartX] = useState(0);
+
+ // HANDLE DRAGGING
+ function handleMouseDown(e) {
+ const container = document.querySelector(".lhoist-blocks-search-and-find");
+ setIsDragging(true);
+ setStartX(e.clientX + container.scrollLeft);
+ }
+
+ function handleMouseMove(e) {
+ if (!isDragging) return;
+ const container = document.querySelector(".lhoist-blocks-search-and-find");
+ const newScrollLeft = startX - e.clientX;
+ container.scrollLeft = newScrollLeft;
+ }
+
+ function handleMouseUp() {
+ setIsDragging(false);
+ }
+ function handleObjectClick() {
+ console.log("object clicked");
+ }
+
+ function initGame(container) {
+ if (!container) return;
+
+ const objects = container.querySelectorAll(".lhoist-blocks-focus-object");
+
+ objects.forEach((object) => {
+ object.addEventListener("click", () => {
+ handleObjectClick();
+ });
+ });
+ }
+
+ function cleanGame(container) {
+ if (!container) return;
+
+ const objects = container.querySelectorAll(".lhoist-blocks-focus-object");
+ objects.forEach((object) => {
+ object.removeEventListener("click", () => {
+ handleObjectClick();
+ });
+ });
+ }
+
+ useEffect(() => {
+ if (!screenData) return;
+ const container = document.querySelector(".lhoist-blocks-search-and-find");
+
+ initGame(container);
+
+ return () => {
+ cleanGame(container);
+ };
+ }, [screenData]);
+
+ if (!screenData) return;
+
+ return (
+ <>
+
+ salut