feat: links as hashtags

src/App.tsx

@@ -6,16 +6,27 @@ import Home from './pages/home';
 import About from './pages/about';
 import Contact from './pages/contact';
 import Projects from './pages/projects';
+import { HashRouter } from 'react-router-dom';
 
 function App() {
   return (
     <ThemeProvider theme={defaultTheme}>
       <GlobalStyle />
-        <Header />
+      <Header />
+      <HashRouter>
+        <section id="home">
           <Home />
+        </section>
+        <section id="about">
           <About />
+        </section>
+        <section id="contact">
           <Contact />
+        </section>
+        <section id="projects">
           <Projects />
+        </section>
+      </HashRouter>
     </ThemeProvider>
   );
 }

src/components/Header/index.tsx

@@ -1,14 +1,17 @@
+import { HashRouter } from "react-router-dom";
 import { HeaderContainer, NavLink, HomeLink } from "./styles";
 
 export default function Header(){
   return(
+    <HashRouter>
     <HeaderContainer>
       <HomeLink href="/">Giv's Website</HomeLink>
         <nav>
-          <NavLink href="/about">About Me</NavLink>
-          <NavLink href="/contact">Contact</NavLink>
-          <NavLink href="/projects">Projects</NavLink>
+          <NavLink href="#about">About Me</NavLink>
+          <NavLink href="#contact">Contact</NavLink>
+          <NavLink href="#projects">Projects</NavLink>
         </nav>
     </HeaderContainer>
+    </HashRouter>
   )
 }

src/pages/about/index.tsx

@@ -25,7 +25,7 @@ export default function About() {
         <span ref={typedElement} />
       </h1>
       <Paragraph>
-      <span>Hi, I'm Giv, lemme tell you about me!, So, I'm currently a software engineering student, interning on a nice company located in Minas Gerais in Brazil, and that's it!</span>
+      <span>Hi, I'm Giv, a software engineering student, interning on a nice company located in Minas Gerais in Brazil!</span>
       </Paragraph>
     </MainContainer>
   );