diff --git a/src/components/Hero.js b/src/components/Hero.js
index 8942945..e761c07 100755
--- a/src/components/Hero.js
+++ b/src/components/Hero.js
@@ -15,9 +15,12 @@ export default function Hero() {
               <br />
             </h1>
             <p>
-              I am a junior software developer passionate about productionizing
-              AI. I enjoy transforming AI tools and research into practical,
-              scalable software solutions.
+              As a junior software developer, I am passionate about turning AI
+              tools and research into practical, scalable software solutions. My
+              focus is on implementing AI technologies efficiently and
+              effectively, ensuring they serve real-world applications. My goal
+              is to make advanced AI accessible and useful in various
+              industries.
             </p>
             <Link
               className={clsx(
diff --git a/src/pages/index.js b/src/pages/index.js
index 1de4bdf..72fd866 100755
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -13,17 +13,22 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import styles from './styles.module.css';
-import Hero from "../components/Hero";
+import Hero from '../components/Hero';
 
 function Server(props) {
-	return (
-		<div className={styles.icon__wrapper}>
+  return (
+    <div className={styles.icon__wrapper}>
       <a href="/projects">
-        <img src={props.src} alt={props.name} title={props.name} className={styles.icon}/>
-        { props.partner && <Partner/> }
+        <img
+          src={props.src}
+          alt={props.name}
+          title={props.name}
+          className={styles.icon}
+        />
+        {props.partner && <Partner />}
       </a>
-		</div>
-	)
+    </div>
+  );
 }
 
 export default function Home() {
@@ -37,6 +42,7 @@ export default function Home() {
       <section className={styles.servers_wrapper}>
         <h2>Projects</h2>
         <div className={styles.servers}>
+          <Server name="MarkAI" src="img/projects_logo/markai.png" />
           <Server
             name="Mirage Vision Renderer"
             src="img/projects_logo/mirage-vision-renderer.png"
@@ -57,10 +63,7 @@ export default function Home() {
             name="MyPassManager"
             src="img/projects_logo/mypassmanager-logo192.png"
           />
-          <Server 
-            name="BoardiBoard"
-            src="img/projects_logo/boardiboard.svg"
-          />
+          <Server name="BoardiBoard" src="img/projects_logo/boardiboard.svg" />
         </div>
       </section>
       <main id="about">
@@ -125,8 +128,7 @@ export default function Home() {
             </div>
           </div>
         </section>
-        <section className={styles.features}>
-        </section>
+        <section className={styles.features}></section>
       </main>
     </Layout>
   );
diff --git a/static/img/projects_logo/markai.png b/static/img/projects_logo/markai.png
new file mode 100644
index 0000000..1d27106
Binary files /dev/null and b/static/img/projects_logo/markai.png differ