diff --git a/package-lock.json b/package-lock.json
index 12360fe3f..3c1735cb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,6 @@
                 "@fortawesome/free-brands-svg-icons": "^6.6.0",
                 "@fortawesome/free-solid-svg-icons": "^6.6.0",
                 "@fortawesome/react-fontawesome": "^0.2.2",
-                "disqus-react": "^1.1.5",
                 "gatsby": "^5.13.3",
                 "gatsby-plugin-disqus": "^1.2.6",
                 "gatsby-plugin-feed": "^5.13.1",
@@ -9103,15 +9102,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/disqus-react": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/disqus-react/-/disqus-react-1.1.5.tgz",
-            "integrity": "sha512-9fdG5m6c3wJzlCDLaMheuUagMVj3s5qgUSXdekpCsvzYOKG21AiuOoqyDzA0oXrpPnYzgpnsvPYqZ+i0hJPGZw==",
-            "peerDependencies": {
-                "react": "^15.6.1 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-                "react-dom": "^15.6.1 || ^16.0.0 || ^17.0.0 || ^18.0.0"
-            }
-        },
         "node_modules/doctrine": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -29516,12 +29506,6 @@
                 "path-type": "^4.0.0"
             }
         },
-        "disqus-react": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/disqus-react/-/disqus-react-1.1.5.tgz",
-            "integrity": "sha512-9fdG5m6c3wJzlCDLaMheuUagMVj3s5qgUSXdekpCsvzYOKG21AiuOoqyDzA0oXrpPnYzgpnsvPYqZ+i0hJPGZw==",
-            "requires": {}
-        },
         "doctrine": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
diff --git a/package.json b/package.json
index 54b25b2c5..14c3c1f6b 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,6 @@
         "@fortawesome/free-brands-svg-icons": "^6.6.0",
         "@fortawesome/free-solid-svg-icons": "^6.6.0",
         "@fortawesome/react-fontawesome": "^0.2.2",
-        "disqus-react": "^1.1.5",
         "gatsby": "^5.13.3",
         "gatsby-plugin-disqus": "^1.2.6",
         "gatsby-plugin-feed": "^5.13.1",
diff --git a/src/components/SEO.jsx b/src/components/SEO.jsx
index 54fa86203..b07c87d2d 100644
--- a/src/components/SEO.jsx
+++ b/src/components/SEO.jsx
@@ -3,7 +3,7 @@ import PropTypes from "prop-types"
 import { Helmet } from "react-helmet"
 import { useStaticQuery, graphql } from "gatsby"
 
-function SEO({ description = '' , lang = 'en', meta = [], image: metaImage, title, pathname }) {
+function Seo({ description = '' , lang = 'en', meta = [], image: metaImage, title, pathname }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -110,7 +110,7 @@ function SEO({ description = '' , lang = 'en', meta = [], image: metaImage, titl
   )
 }
 
-SEO.propTypes = {
+Seo.propTypes = {
   description: PropTypes.string,
   lang: PropTypes.string,
   meta: PropTypes.arrayOf(PropTypes.object),
@@ -123,4 +123,4 @@ SEO.propTypes = {
   pathname: PropTypes.string,
 }
 
-export default SEO
+export default Seo
diff --git a/src/pages/about.js b/src/pages/about.js
index 54662a36e..94473ef55 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -1,11 +1,11 @@
 import React from "react"
 import Layout from "../components/Layout"
-import SEO from "../components/SEO"
+import Seo from "../components/Seo"
 
 const AboutPage = () => {
     return (
         <Layout>
-            <SEO title="About Me" />
+            <Seo title="About Me" />
             <section>
                 <h1 className="sectionTitle">About Me</h1>
                 <div>
diff --git a/src/pages/contact.js b/src/pages/contact.js
index fbee68ca4..df39ebc99 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -1,12 +1,12 @@
 import React from "react"
 import Layout from "../components/Layout"
-import SEO from "../components/SEO"
-import * as contactStyles from "../styles/contact.module.scss"
+import Seo from "../components/Seo"
+import "../styles/contact.module.scss"
 
 const ContactPage = () => {
     return (
         <Layout>
-            <SEO title="Contact Me" />
+            <Seo title="Contact Me" />
             <section className="contactForm">
                 <h1 className="sectionTitle">Contact Me</h1>
                 <div>
@@ -19,7 +19,7 @@ const ContactPage = () => {
                             id="contactForm"
                             noValidate
                         >
-                            <label>Email Address</label>
+                            <label htmlFor="_replyto">Email Address</label>
                             <input
                                 type="email"
                                 name="_replyto"
@@ -29,7 +29,7 @@ const ContactPage = () => {
                                 data-validation-required-message="Please enter your email address."
                             />
                             <p></p>
-                            <label>Message</label>
+                            <label htmlFor="body">Message</label>
                             <textarea
                                 rows="10"
                                 name="body"
diff --git a/src/pages/projects.js b/src/pages/projects.js
index d7bdf0684..ad9c23995 100644
--- a/src/pages/projects.js
+++ b/src/pages/projects.js
@@ -1,12 +1,12 @@
 import React from "react"
 import Layout from "../components/Layout"
-import SEO from "../components/SEO"
+import Seo from "../components/Seo"
 import { StaticImage } from "gatsby-plugin-image"
 
 const ProjectsPage = () => {
     return (
         <Layout>
-            <SEO title="Projects" />
+            <Seo title="Projects" />
 
             <section>
                 <h1 className="sectionTitle">Projects</h1>
@@ -21,14 +21,14 @@ const ProjectsPage = () => {
                                 background="#282828"
                                 loading="eager"
                                 layout="constrained"
-                                width="250"
+                                width={250}
                             />
                         </div>
                         <div className="project-card-wide-text">
                             <h3>StandOut.PRO</h3>
                             <span>A digital platform focusing on personal consulting, analytics, and security services for promising youth athletes.</span>
                             <div className="project-card-link">
-                                <a href="https://standout.pro" target="_blank">Visit the project &gt;</a>
+                                <a href="https://standout.pro" target="_blank" rel="noreferrer">Visit the project &gt;</a>
                             </div>
                         </div>
                     </div>
@@ -43,14 +43,14 @@ const ProjectsPage = () => {
                                 background="#282828"
                                 loading="eager"
                                 layout="constrained"
-                                width="250"
+                                width={250}
                             />
                         </div>
                         <div className="project-card-wide-text">
                             <h3>ShipWrite</h3>
                             <span>An AI-powered application to assist the creation of high-quality writing for the professional and technical domains.</span>
                             <div className="project-card-link">
-                                <a href="https:/shipwrite.app" target="_blank">Visit the project &gt;</a>
+                                <a href="https:/shipwrite.app" target="_blank" rel="noreferrer">Visit the project &gt;</a>
                             </div>
                         </div>
                     </div>
@@ -64,7 +64,7 @@ const ProjectsPage = () => {
                                 background="#282828"
                                 loading="eager"
                                 layout="constrained"
-                                width="250"
+                                width={250}
 
                             />
                         </div>
@@ -72,7 +72,7 @@ const ProjectsPage = () => {
                             <h3>UN2 AI</h3>
                             <span>An ecosystem where artificial intelligence and humanity coexist, rooted in a reciprocal relationship of respect and fairness.</span>
                             <div className="project-card-link">
-                                <a href="https://un2.ai" target="_blank">Visit the project &gt;</a>
+                                <a href="https://un2.ai" target="_blank" rel="noreferrer">Visit the project &gt;</a>
                             </div>
                         </div>
                     </div>
@@ -86,14 +86,14 @@ const ProjectsPage = () => {
                                 background="#282828"
                                 loading="eager"
                                 layout="constrained"
-                                width="250"
+                                width={250}
                             />
                         </div>
                         <div className="project-card-wide-text">
                             <h3>ACTU8.IO</h3>
                             <span>An innovation hub and platform that empowers developers in the robotics and Internet of Things (IoT) fields.</span>
                             <div className="project-card-link">
-                                <a href="https://actu8.io" target="_blank">Visit the project &gt;</a>
+                                <a href="https://actu8.io" target="_blank" rel="noreferrer">Visit the project &gt;</a>
                             </div>
                         </div>
                     </div>
@@ -107,7 +107,7 @@ const ProjectsPage = () => {
                                 background="#282828"
                                 loading="eager"
                                 layout="constrained"
-                                width="250" />
+                                width={250} />
                         </div>
                         <div className="project-card-wide-text">
                             <h3>Martyr</h3>
@@ -125,7 +125,7 @@ const ProjectsPage = () => {
                                 background="#282828"
                                 loading="eager"
                                 layout="constrained"
-                                width="250"
+                                width={250}
                             />
                         </div>
                         <div className="project-card-wide-text">
diff --git a/src/templates/blog.js b/src/templates/blog.js
index bd97f420d..c5b21280b 100644
--- a/src/templates/blog.js
+++ b/src/templates/blog.js
@@ -1,10 +1,9 @@
 import React from 'react'
 import Layout from '../components/Layout'
-import SEO from '../components/SEO'
+import Seo from '../components/Seo'
 import TagList from "../components/TagList"
 import { GatsbyImage } from "gatsby-plugin-image"
 import { graphql } from 'gatsby'
-// import { DiscussionEmbed } from 'disqus-react'
 import { Disqus } from 'gatsby-plugin-disqus';
 
 const Blog = (props) => {
@@ -15,23 +14,18 @@ const Blog = (props) => {
     const seoImage = postImage && postImage.src
     ? postImage.src.childImageSharp.resize
     : null
-    const disqusShortname = "roxberry";
-    const disqusConfig = {
-      identifier: post.id,
-      title: post.frontmatter.title,
-    };
     const pathName = props.location.pathname
 
 
     return (
 
         <Layout>
-            <SEO           
+            <Seo           
                 title={post.frontmatter.title}
                 description={post.frontmatter.description || post.excerpt}
                 image={seoImage}
                 pathname={pathName}>
-            </SEO>
+            </Seo>
             <section>
                 <h1 className="postTitle">{post.frontmatter.title}</h1>
                 <div className="postedInfo">posted on {post.frontmatter.date}  | tags: [ <TagList tags= { post.frontmatter.tags } /> ]</div>
diff --git a/src/templates/posts.js b/src/templates/posts.js
index 8737d93f0..4261dd645 100644
--- a/src/templates/posts.js
+++ b/src/templates/posts.js
@@ -1,6 +1,6 @@
 import React from "react"
 import Layout from "../components/Layout"
-import SEO from "../components/SEO"
+import Seo from "../components/Seo"
 import Pager from "../components/Pager"
 import TagList from "../components/TagList"
 import { StaticImage, GatsbyImage } from "gatsby-plugin-image"
@@ -10,7 +10,6 @@ class BlogIndex extends React.Component {
     render() {
         const { data } = this.props
         const siteTitle = data.site.siteMetadata.title
-        const posts = data.allMarkdownRemark.edges
         const { currentPage, numPages } = this.props.pageContext
         const isFirst = currentPage === 1
         const isLast = currentPage === numPages
@@ -30,7 +29,7 @@ class BlogIndex extends React.Component {
         }
         return (
             <Layout location={this.props.location} title={siteTitle}>
-                <SEO title="Welcome!" />
+                <Seo title="Welcome!" />
                 <section>
                     <h1 className="sectionTitle">Latest Posts</h1>
                     <div className="flexbox">
@@ -107,14 +106,14 @@ class BlogIndex extends React.Component {
                                     background="#282828"
                                     loading="eager"
                                     layout="constrained"
-                                    width="250"
+                                    width={250}
                                 />
                             </div>
                             <div className="project-card-wide-text">
                                 <h3>ShipWrite</h3>
                                 <span>An AI-powered application to assist the creation of high-quality writing for the professional and technical domains.</span>
                                 <div className="project-card-link">
-                                    <a href="https://shipwrite.app" target="_blank">Visit the project &gt;</a>
+                                    <a href="https://shipwrite.app" target="_blank" rel="noreferrer">Visit the project &gt;</a>
                                 </div>
                             </div>
                         </div>
@@ -128,7 +127,7 @@ class BlogIndex extends React.Component {
                                     background="#282828"
                                     loading="eager"
                                     layout="constrained"
-                                    width="250"
+                                    width={250}
 
                                 />
                             </div>
@@ -136,7 +135,7 @@ class BlogIndex extends React.Component {
                                 <h3>UN2 AI</h3>
                                 <span>An ecosystem where artificial intelligence and humanity coexist, rooted in a reciprocal relationship of respect and fairness.</span>
                                 <div className="project-card-link">
-                                    <a href="https://un2.ai" target="_blank">Visit the project &gt;</a>
+                                    <a href="https://un2.ai" target="_blank" rel="noreferrer">Visit the project &gt;</a>
                                 </div>
                             </div>
                         </div>
@@ -171,7 +170,7 @@ class BlogIndex extends React.Component {
                                     background="#282828"
                                     loading="eager"
                                     layout="constrained"
-                                    width="250" />
+                                    width={250} />
                             </div>
                             <div className="project-card-wide-text">
                                 <h3>Martyr</h3>
@@ -189,7 +188,7 @@ class BlogIndex extends React.Component {
                                     background="#282828"
                                     loading="eager"
                                     layout="constrained"
-                                    width="250"
+                                    width={250}
                                 />
                             </div>
                             <div className="project-card-wide-text">
diff --git a/src/templates/tags.js b/src/templates/tags.js
index 295a873ac..d67caa028 100644
--- a/src/templates/tags.js
+++ b/src/templates/tags.js
@@ -1,6 +1,6 @@
 import React from "react"
 import Layout from "../components/Layout"
-import SEO from "../components/SEO"
+import Seo from "../components/Seo"
 import TagList from "../components/TagList"
 import PropTypes from "prop-types"
 
@@ -17,7 +17,7 @@ const Tags = ({ pageContext, data }) => {
 
     return (
         <Layout>
-            <SEO title={tag} />
+            <Seo title={tag} />
             <section>
                 <h1><FontAwesomeIcon icon={['fas', 'tags']} />&nbsp;&nbsp;{tagHeader}</h1>
                 <div className="flexbox">