move all components that are exclusive to one page

2026-04-23 15:37:39 +02:00
parent 23233d4be6
commit d34eb5714f
17 changed files with 19 additions and 19 deletions
@@ -0,0 +1,34 @@
+import {useEffect, useState} from 'react'; // 1. Import useEffect
+import { useLocation } from 'react-router-dom'; // 2. Import useLocation
+import Home from './components/Home/Home.jsx';
+import Experiences from './components/Experiences/Experiences.jsx';
+import Projects from '../../components/Projects/Projects.jsx';
+import Skills from './components/Skills/Skills.jsx';
+import Footer from '../../components/Footer/Footer.jsx';
+
+function HomePage() {
+    const location = useLocation();
+
+    useEffect(() => {
+        if (location.hash) {
+            const id = location.hash.replace('#', '');
+            const element = document.getElementById(id);
+            if (element) {
+                setTimeout(() => {
+                    element.scrollIntoView({ behavior: 'smooth' });
+                }, 100);
+            }
+        }
+    }, [location]);
+
+    return (
+        <div>
+            <Home/>
+            <Experiences/>
+            <Projects/>
+            <Skills/>
+            <Footer/>
+        </div>
+    );
+}
+export default HomePage;