diff --git a/package.json b/package.json
index cd0b4a6..3109be2 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
"preview": "vite preview"
},
"dependencies": {
+ "@fontsource-variable/red-hat-display": "^5.1.1",
"@fortawesome/fontawesome-svg-core": "^6.7.2",
"@fortawesome/free-brands-svg-icons": "^6.7.2",
"@fortawesome/react-fontawesome": "^0.2.2",
diff --git a/src/App.tsx b/src/App.tsx
index 6a2b7bf..f723431 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,6 +7,7 @@ import About from './pages/about';
import Contact from './pages/contact';
import Projects from './pages/projects';
import { HashRouter } from 'react-router-dom';
+import '@fontsource-variable/red-hat-display';
function App() {
return (
@@ -14,7 +15,10 @@ function App() {
-
+
diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
index eb6808a..e3df736 100644
--- a/src/pages/about/index.tsx
+++ b/src/pages/about/index.tsx
@@ -1,31 +1,12 @@
-import { useEffect, useRef } from 'react';
-import Typed from 'typed.js';
import { Paragraph } from './styles';
import { MainContainer } from '../../components/MainContent/styles';
export default function About() {
- const typedElement = useRef(null);
-
- useEffect(() => {
- const typed = new Typed(typedElement.current, {
- strings: ["About me"],
- typeSpeed: 50,
- backSpeed: 25,
- loop: false,
- });
-
- return () => {
- typed.destroy();
- };
- }, []);
-
return (
-
-
-
+ About Me
- Hi, I'm Giv, a software engineering student, interning on a nice company located in Minas Gerais in Brazil!
+ I'm Giv, a software engineering student interning at a nice company located in Minas Gerais, Brazil!
);
diff --git a/src/pages/contact/index.tsx b/src/pages/contact/index.tsx
index 0d27190..500e017 100644
--- a/src/pages/contact/index.tsx
+++ b/src/pages/contact/index.tsx
@@ -1,10 +1,8 @@
-import { useEffect, useRef, useState } from 'react';
-import Typed from 'typed.js';
+import { useState } from 'react';
import { Button, Paragraph, TextArea } from './styles';
import { MainContainer } from '../../components/MainContent/styles';
export default function Contact() {
- const typedElement = useRef(null);
const emailAddress = import.meta.env.VITE_GIV_EMAIL;
const [typedText, setTypedText] = useState('');
@@ -13,26 +11,11 @@ export default function Contact() {
window.location.href = mailToTrigger
}
- useEffect(() => {
- const typed = new Typed(typedElement.current, {
- strings: ["Contact"],
- typeSpeed: 50,
- backSpeed: 25,
- loop: false,
- });
-
- return () => {
- typed.destroy();
- };
- }, []);
-
return (
-
-
-
+ Contact
- If you want to contact me, you can use the links on the Main section, or say something in the field below! (It will open your email client btw)
+ If you want to contact me, you can use the links above, or say put in the field below to send me an email!