diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
index 36a2368..6788dfe 100644
--- a/src/pages/about/index.tsx
+++ b/src/pages/about/index.tsx
@@ -1,3 +1,29 @@
-export default function About(){
-  return <h1>About Me</h1>
+import { useEffect, useRef } from 'react';
+import Typed from 'typed.js';
+import { Paragraph } from './styles';
+
+export default function About() {
+  const typedElement = useRef(null);
+
+  useEffect(() => {
+    const typed = new Typed(typedElement.current, {
+      strings: ["This page is coming soon. Thanks for your patience :)"],
+      typeSpeed: 50,
+      backSpeed: 25,
+      loop: false,
+    });
+
+    return () => {
+      typed.destroy();
+    };
+  }, []);
+
+  return (
+    <div>
+      <h1>About Me</h1>
+      <Paragraph>
+        <span ref={typedElement} />
+      </Paragraph>
+    </div>
+  );
 }
\ No newline at end of file
diff --git a/src/pages/about/styles.ts b/src/pages/about/styles.ts
new file mode 100644
index 0000000..02555fa
--- /dev/null
+++ b/src/pages/about/styles.ts
@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+
+export const Paragraph = styled.p`
+  padding-top: 1rem;
+  font-size: 1.25rem;
+`;
\ No newline at end of file
diff --git a/src/pages/contact/index.tsx b/src/pages/contact/index.tsx
index 8dfda85..7268d31 100644
--- a/src/pages/contact/index.tsx
+++ b/src/pages/contact/index.tsx
@@ -1,3 +1,29 @@
-export default function Contact(){
-  return <h1>Contact Me</h1>
+import { useEffect, useRef } from 'react';
+import Typed from 'typed.js';
+import { Paragraph } from './styles';
+
+export default function Contact() {
+  const typedElement = useRef(null);
+
+  useEffect(() => {
+    const typed = new Typed(typedElement.current, {
+      strings: ["This page is coming soon. Thanks for your patience :)"],
+      typeSpeed: 50,
+      backSpeed: 25,
+      loop: false,
+    });
+
+    return () => {
+      typed.destroy();
+    };
+  }, []);
+
+  return (
+    <div>
+      <h1>Contact</h1>
+      <Paragraph>
+        <span ref={typedElement} />
+      </Paragraph>
+    </div>
+  );
 }
\ No newline at end of file
diff --git a/src/pages/contact/styles.ts b/src/pages/contact/styles.ts
new file mode 100644
index 0000000..02555fa
--- /dev/null
+++ b/src/pages/contact/styles.ts
@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+
+export const Paragraph = styled.p`
+  padding-top: 1rem;
+  font-size: 1.25rem;
+`;
\ No newline at end of file
diff --git a/src/pages/home/styles.ts b/src/pages/home/styles.ts
index 0ed7985..fb547cb 100644
--- a/src/pages/home/styles.ts
+++ b/src/pages/home/styles.ts
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 export const IconContainer = styled.div`
   display: flex;
   gap: 1rem;
-  margin-top: 1rem;
+  margin-top: 1.5rem;
 `;
 
 export const IconLink = styled.a`