routing

src/pages/Home.tsx

@@ -0,0 +1,35 @@
+import React, {useState} from 'react';
+import './Home.css';
+import Footer from "../components/footer/Footer";
+import Hero from "../components/hero/Hero";
+import AboutMe from "../components/about-me/AboutMe";
+import Jobs from "../components/jobs/Jobs";
+import Projects from "../components/projects/Projects";
+import Hobbies from "../components/hobbies/Hobbies";
+import Contact from "../components/contact/Contact";
+import Terminal from "../components/terminal/Terminal";
+
+function Home() {
+
+    const showTerm: boolean = new URLSearchParams(window.location.search).get("showTerm") === 'true';
+    const [isTerminalVisible, setIsTerminalVisible] = useState(showTerm);
+
+    return (
+        <div className="Home">
+            {showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
+            {!isTerminalVisible &&
+                <div>
+                    <Hero/>
+                    <AboutMe/>
+                    <Jobs/>
+                    <Projects/>
+                    <Hobbies/>
+                    <Contact/>
+                    <Footer/>
+                </div>
+            }
+        </div>
+    );
+}
+
+export default Home;