diff --git a/layouts/general_layout/GeneralLayout.jsx b/layouts/general_layout/GeneralLayout.jsx
index ac9b12c..e52c914 100644
--- a/layouts/general_layout/GeneralLayout.jsx
+++ b/layouts/general_layout/GeneralLayout.jsx
@@ -1,11 +1,17 @@
 import React, { Fragment } from 'react';
 import GeneralHeader from './GeneralHeader';
+import Head from "next/head"
 
 const GeneralLayout = ({ children }) => {
     return (
         <Fragment>
+            <Head>
+                <meta name="keywords" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, NextJS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />
+            </Head>
             <GeneralHeader />
-            { children }
+            <article>
+                { children }
+            </article>
         </Fragment>
     )
 }
diff --git a/pages/about.jsx b/pages/about.jsx
index c5fcff1..f843a21 100644
--- a/pages/about.jsx
+++ b/pages/about.jsx
@@ -33,7 +33,7 @@ const about = () => {
                 <li>
                     <h3 className="tech-stack-header"><TextShuffler textInput="React JS" /></h3>
                     <span className='opacity-50'>
-                        <TextShuffler textInput="JavaScript library for high-performance web applications" />
+                        <TextShuffler textInput=" JavaScript library for high-performance web applications" />
                     </span>
                 </li>
                 <li>
diff --git a/pages/index.jsx b/pages/index.jsx
index 4d67871..68124f4 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -11,8 +11,8 @@ const index = () => {
     return (
         <GeneralLayout>
             <Head>
-                <title>Benjamin Toby</title>
-                <meta name="description" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, Next JS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer" />
+                <title>Benjamin Toby | Fullstack developer, UI UX designer</title>
+                <meta name="description" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, Next JS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />
             </Head>
             <h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>
             <span className='hero-sub-text'>
