some improvement based on some feedbacks

src/components/Cursor/index.scss

@@ -5,15 +5,17 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  border-radius: 0%;
+  border-radius: 50%;
   opacity: 0;
   transform: translate(-50%, -50%);
   transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
 }
 .ppk-dot-outline {
   width: 40px;
   height: 40px;
-  border: 1px solid #3a3a3a;
+  // border: 1px solid #3a3a3a;
+  background-color: #3a3a3a;
+  mix-blend-mode:plus-lighter;
 }
 
 

src/components/Footer/index.scss

@@ -12,6 +12,7 @@
     flex-direction: row;
     overflow-x: scroll;
     margin: 0;
+    padding-bottom: 5svh;
 
     li {
       padding: 30px 15px;

src/components/Header/index.js

@@ -5,15 +5,17 @@ import { Link } from "gatsby";
 import "./index.scss";
 import Shortcut from "../Shortcut";
 
-const Header = ({ hideShortcut }) => {
+const Header = ({ goBackToHome }) => {
   const pathname =
     typeof window !== "undefined" ? window?.location?.pathname : "";
   return (
     <header className="header">
       <div className="header-logo">
         <Link to="/">cesarolvr.com</Link>
       </div>
-      {!hideShortcut && <Shortcut text="👀" />}
+      {goBackToHome && <Link className="goback" to="/">{"<-"} go back to home</Link>}
+
+      {/* {!hideShortcut && <Shortcut text="👀" />} */}
       <ul className="header-list only-desktop">
         <li>
           <Link

src/components/Header/index.scss

@@ -6,8 +6,16 @@
   display: flex;
   justify-content: space-between;
 
+  .goback {
+    display: block;
+  }
+
   @media (min-width: 730px) {
     padding: 30px;
+
+    .goback {
+      display: none;
+    }
   }
 
 

src/components/Note/index.js

@@ -9,7 +9,7 @@ import "./index.scss";
 const Footer = () => {
   return (
     <div className="note">
-      <p>if you want one website like it or similar, let me know 👍🏾</p>
+      <p>if you want a website like this one, let me know here 👉🏾 <a href="mailto:contact@cesarolvr.com">contact@cesarolvr.com</a></p>
     </div>
   );
 };

src/components/Note/index.scss

@@ -1,4 +1,9 @@
 .note {
   width: 100%;
   padding: 20px;
+  line-height: 22px;
+
+  a {
+    text-decoration: underline;
+  }
 }

src/pages/about.js

@@ -51,7 +51,7 @@ const About = () => {
 
       <div className="about">
         <Loader isOpened={isOpened} />
-        <Header />
+        <Header goBackToHome={true} />
         <main>
           <div className="headshot column">
             <img src={headshot} alt="headshot" />
@@ -142,4 +142,4 @@ const About = () => {
 
 export default About;
 
-export const Head = () => <title>about | cesarolvr</title>;
+export const Head = () => <title>me | cesarolvr</title>;

src/pages/actions.js

@@ -28,7 +28,7 @@ const Actions = () => {
 
       <div className="actions">
         <Loader isOpened={isOpened} duration={0.8} />
-        <Header hideShortcut={true} />
+        <Header hideShortcut={true} goBackToHome={true} />
         <main>
           <Container>
             <ul className="actions-list">