rickvanlieshout.com/src/components/Post/Author/Author.tsx

import React from "react";

import { useSiteMetadata } from "@/hooks";

import * as styles from "./Author.module.scss";

const Author = () => {
  const { author } = useSiteMetadata();

  return (
    <div className={styles.author}>
      <p className={styles.bio}>
        Written by: <a href ="/pages/about">
          <strong>{author.name}</strong>
        </a>
      </p>
    </div>
  );
};

export default Author;