feat: update seo infos

gatsby-config.js

@@ -8,20 +8,22 @@ module.exports = {
     keywords: [
       "IT-Consultant",
       "freelance it consultant",
-      "software and consulting",
       "software developer",
       "web developer",
       "full stack developer",
-      "application developer",
       "application web developer",
       "frontend developer",
       "backend developer",
       "mobile developer",
-      "freelancer",
+      "freelancer oldenburg",
       "freelance software developer",
+      "freelance web developer",
+      "freelancer start up",
+      "mvp development",
+      "minimal viable product"
     ],
     lang: "en",
-    description: "Personal website of Kevin Adam - the Freelance Web Developer for your next project",
+    description: "Kevin Adam - the Freelance Web Developer from Oldenburg ready for your Project. You're a Start up looking for someone who can drive forward your MVP? Search no more and hit me up!",
   },
   plugins: [
     "gatsby-plugin-sass",

src/components/AboutMe.jsx

@@ -18,7 +18,7 @@ function AboutMe() {
   const { width } = useWindowDimensions();
 
   return (
-    <Element name={Routes.ABOUTME}>
+    <Element name={Routes.ABOUT_ME}>
       <section className="hero is-light is-fullheight gradient-primary-background py-6">
         <div className="hero-body is-primary">
           <div className="container">

src/components/Contact.jsx

@@ -12,9 +12,9 @@ export default function Contact() {
         <BackgroundSvg height="200" elements={paths} />
         <div className="hero-body">
           <div className="container has-text-centered pb-6">
-            <p className="title has-text-light">{title}</p>
-            <div className="subtitle has-text-light">{subtitle}</div>
-            <a href="mailto:info@kevelopment.dev" className="button is-white is-outlined is-rounded">
+            <h2 className="title has-text-light">{title}</h2>
+            <h3 className="subtitle has-text-light">{subtitle}</h3>
+            <a href="mailto:info@kevelopment.dev" rel="author" className="button is-white is-outlined is-rounded">
               <span className="icon is-medium">
                 <i className="fa-lg far fa-paper-plane" />
               </span>

src/components/References.jsx

@@ -68,7 +68,7 @@ const projects = [
     ],
   },
   {
-    name: "School Book Orders",
+    name: "School Book Order Platform",
     client: "SBL Fulfilment GmbH",
     // description:
     //   "Lorem ipsizzle dolor fizzle shizzle my nizzle crocodizzle, cool adipiscing elit. Yippiyo fo shizzle velizzle, away volutpizzle, bling bling quizzle, gravida vel, da bomb. Lorem ipsizzle dolor fizzle shizzle my nizzle crocodizzle",
@@ -84,7 +84,7 @@ const projects = [
   {
     name: "moreEvent",
     client: "meetingmasters.de e.K.",
-    homepage: "https://www.meetingmasters.de/leistungen/teilnehmermanagement",
+    homepage: "https://www.meetingmasters.de/teilnehmermanagement-moreevent",
     image: <StaticImage alt="moreDirect application" src="../images/projects/moreevent.png" />,
     stack: [
       <Spring title="Spring (Boot)" color="#6DB33F" />,
@@ -135,7 +135,8 @@ export default function References() {
       <section className="hero is-light is-medium">
         <div className="hero-body">
           <div className="container has-text-centered is-spaced">
-            <p className="title">Project Portfolio</p>
+            <h2 className="title">Portfolio</h2>
+            <h3 className="subtitle">Projects &bull; Products &bull; Partner</h3>
           </div>
         </div>
         <div className="hero-body pt-0">

src/components/cv/Experience.jsx

@@ -17,8 +17,8 @@ export default function Experience() {
       <section className="hero is-light">
         <div className="hero-body">
           <div className="container has-text-centered">
-            <p className="title">Experience</p>
-            <p className="subtitle">Profession &bull; Education</p>
+            <h2 className="title">Experience</h2>
+            <h3 className="subtitle">Profession &bull; Education</h3>
           </div>
         </div>
         {nodes.map(({ frontmatter, html }, index) => (

src/components/cv/Job.jsx

@@ -6,10 +6,10 @@ export default function Job({ description, title, company, start, end, showDivid
   return (
     <>
       <section className="hero-body">
-        <h1 className="title has-text-primary" style={{ textTransform: "uppercase" }}>
+        <h4 className="title has-text-primary" style={{ textTransform: "uppercase" }}>
           {title}
-        </h1>
-        <h2 className="subtitle ">
+        </h4>
+        <h5 className="subtitle">
           <div className="level">
             <div className="level-left has-text-weight-medium">
               <p>{company}</p>
@@ -18,7 +18,7 @@ export default function Job({ description, title, company, start, end, showDivid
               <p>{start && end ? `${start} - ${end}` : `since ${start}`}</p>
             </div>
           </div>
-        </h2>
+        </h5>
         <div
           className="content"
           dangerouslySetInnerHTML={{

src/components/cv/Skills.jsx

@@ -99,8 +99,8 @@ export default function Skills() {
       <section className="hero is-light is-medium">
         <div className="hero-body">
           <div className="container has-text-centered">
-            <p className="title">Skills</p>
-            <p className="subtitle">Qualifications &bull; Frameworks &bull; Tools</p>
+            <h2 className="title">Skills</h2>
+            <h3 className="subtitle">Qualifications &bull; Frameworks &bull; Tools</h3>
           </div>
           <section className="section">
             <div className="has-text-centered">

src/components/head/SplashScreen.jsx

@@ -40,7 +40,7 @@ const image = (
     width={imageSize}
     style={styles.avatar}
     imgStyle={{ borderRadius }}
-    alt="Profile Picture of Kevin"
+    alt="Kevin Adams Profile Picture"
     src="../../images/profile.jpg"
   />
 );
@@ -84,6 +84,7 @@ export default function SplashScreen({ entries, breakText = false }) {
 
   return (
     <Bounce left>
+      <h1 style={{display: "none"}}>Kevin Adam - the freelance Web-Developer ready for your next Project</h1>
       <div className="container">
         <div className="column is-narrow-desktop is-narrow-tablet is-full-mobile is-flex is-justify-content-center">
           {image}

src/components/nav/Footer.jsx

@@ -2,14 +2,14 @@ import React from "react";
 import * as Scroll from "react-scroll";
 import { Bulma, Gatsby } from "@icons-pack/react-simple-icons";
 import footerData from "../../content/footer.json";
-import useFooterData from "../../hooks/useFooterData";
 import LegalNotice from "../buttons/LegalNotice";
 import SocialMediaButton from "../buttons/SocialMediaButton";
 import "./footer.scss";
+import Routes from "./Routes";
+import {Link} from "gatsby";
 
 function Footer() {
   const { socialMediaButtons } = footerData;
-  const { author } = useFooterData();
   const scrollToTop = () => {
     Scroll.animateScroll.scrollToTop();
   };
@@ -77,7 +77,12 @@ function Footer() {
                 </span>{" "}
               </a>
             </p>
-            <p>{`© 2021 - 2022 ${author}`}</p>
+            <p>Copyright © 2021 - 2023 <a
+                rel="author"
+                className="has-text-info"
+                href=""
+            >Kevin Adam</a>
+            </p>
           </div>
         </div>
       </div>

src/components/nav/Navbar.jsx

@@ -5,7 +5,7 @@ import Routes from "./Routes";
 
 const links = [
   { label: "Info", route: Routes.INFO },
-  { label: "About Me", route: Routes.ABOUTME },
+  { label: "About Me", route: Routes.ABOUT_ME },
   { label: "Experience", route: Routes.EXPERIENCE },
   { label: "Skills", route: Routes.SKILLS },
   { label: "References", route: Routes.REFERENCES },

src/components/nav/Routes.js

@@ -1,6 +1,6 @@
 export default Object.freeze({
   INFO: "info",
-  ABOUTME: "about-me",
+  ABOUT_ME: "about-me",
   EXPERIENCE: "experience",
   EDUCATION: "education",
   SKILLS: "skills",

src/components/seo/SEO.jsx

@@ -3,7 +3,7 @@ import React from "react";
 import useSeoData from "../../hooks/useSeoData";
 
 function SEO() {
-  const { title, titleTemplate, lang, description, keywords, siteUrl, image } = useSeoData();
+  const { title, titleTemplate, author, lang, description, keywords, siteUrl, image } = useSeoData();
 
   return (
     <Helmet title={title} titleTemplate={titleTemplate} htmlAttributes={{ lang }}>
@@ -15,6 +15,7 @@ function SEO() {
       <meta name="description" content={description} />
       <meta name="keywords" content={keywords.join(",")} />
       <meta name="image" content={image} />
+      <meta name="author" content={author} />
 
       {/* OpenGraph aka Facebook Tags */}
       <meta name="og:title" content={title} />

src/content/md/aboutme.md

@@ -1,7 +1,7 @@
-### Howdy visitor! ✌️
+Howdy visitor! ✌️
 
 \
-I'm Kevin Adam, a 29 year old human entity from Oldenburg, Germany. I managed to turn one of my Hobbies into a Profession. This brought me into being a passionate Full-Stack Software-Developer with a fondness for all kinds of JavaScript related Projects. Be it mobile, frontend or backend as long as it's not PHP I'm in.
+I'm Kevin Adam, 30 years old and live in Oldenburg, Germany. I managed to turn one of my Hobbies into a Profession. This brought me into being a passionate Full-Stack Software-Developer with a fondness for all kinds of JavaScript related Projects. Be it mobile, frontend or backend as long as it's not PHP I'm in.
 \
 \
-Aside from work I highly enjoy trips into nature by going Camping, Mountainbiking or Hiking to break out of the digital bubble that consumes our everyday life.
+Aside from work I highly enjoy trips into nature by going Camping, Cycling or Hiking to break out of the digital bubble that consumes our everyday life.