diff --git a/public/assets/captf/displaynun.jpg b/public/assets/captf/displaynun.jpg
new file mode 100644
index 000000000..e8a4a703f
Binary files /dev/null and b/public/assets/captf/displaynun.jpg differ
diff --git a/public/assets/captf/img1.png b/public/assets/captf/img1.png
new file mode 100644
index 000000000..1717f235a
Binary files /dev/null and b/public/assets/captf/img1.png differ
diff --git a/src/App.js b/src/App.js
index 4cb0df699..936fa68fd 100644
--- a/src/App.js
+++ b/src/App.js
@@ -46,6 +46,9 @@ import CodeStorm from "./Pages/Events/GTA/CodeStorm/CodeStorm";
import KKEMLearningFest from "./Pages/KKEMLearningFest/KKEMLearningFest";
import MaveliPortfolio from "./Pages/Events/MaveliPortfolio/MaveliPortfolio";
+import Level1 from "./Pages/CapTF/Level1";
+import Spiderman from "./Pages/CapTF/Spiderman";
+import Submission from "./Pages/CapTF/Submission";
function App() {
const [redirects, setRedirects] = useState([]);
const [isLoaded, setIsLoaded] = useState(false);
@@ -115,7 +118,7 @@ function App() {
} />
} />
} />
-
+
} />
@@ -142,6 +145,10 @@ function App() {
} />
} />
+
+ } />
+ } />
+ } />
diff --git a/src/Pages/CapTF/Level1.jsx b/src/Pages/CapTF/Level1.jsx
new file mode 100644
index 000000000..3cdb789de
--- /dev/null
+++ b/src/Pages/CapTF/Level1.jsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+const Level1 = () => {
+ return (
+
+
+
+
+
+
pxohduq.ruj/vslghup + Muhammad Kutty Panaparambil Ismai's Son
+
+
+
+
+
+
+ );
+};
+
+export default Level1;
diff --git a/src/Pages/CapTF/Spiderman.jsx b/src/Pages/CapTF/Spiderman.jsx
new file mode 100644
index 000000000..505bf6549
--- /dev/null
+++ b/src/Pages/CapTF/Spiderman.jsx
@@ -0,0 +1,46 @@
+import React from "react";
+
+const Spiderman = () => {
+ return (
+
+
+
+ Here is your flag{" "}
+ CTFFlag123
+
+
+
+ );
+};
+
+export default Spiderman;
diff --git a/src/Pages/CapTF/Submission.jsx b/src/Pages/CapTF/Submission.jsx
new file mode 100644
index 000000000..df3f601cd
--- /dev/null
+++ b/src/Pages/CapTF/Submission.jsx
@@ -0,0 +1,85 @@
+import React, { useState, useEffect } from "react";
+
+const Submission = () => {
+ const [name, setName] = useState("");
+ const [showParam, setShowParam] = useState("");
+
+ useEffect(() => {
+ const urlParams = new URLSearchParams(window.location.search);
+ const show = urlParams.get("show");
+ setShowParam(show);
+ }, []);
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ console.log(name);
+ };
+
+ const handleChange = (e) => {
+ setName(e.target.value);
+ };
+
+ return (
+
+ );
+};
+
+export default Submission;