diff --git a/src/components/Header.js b/src/components/Header.js
index d7ac1a8..c8ae3be 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -10,10 +10,10 @@ export const Header = () => {
       path: "/",
       display: "HOME"
     },
-    // {
-    //   path: "/about",
-    //   display: "ABOUT"
-    // },
+    {
+      path: "/about",
+      display: "ABOUT"
+    },
     // {
     //   path: "/winning-papers",
     //   display: "WINNING PAPERS"
diff --git a/src/data/experts.yml b/src/data/experts.yml
new file mode 100644
index 0000000..3fba453
--- /dev/null
+++ b/src/data/experts.yml
@@ -0,0 +1,33 @@
+---
+
+  - title: Ralph Edwards, Mechanical Engineer, PhD
+    bio: A significant improvement on the accuracy of differential privacy training on standard image classification benchmarks.
+    linkedin: https://www.linkedin.com
+
+  - title: Cody Fisher
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College –
+    linkedin: https://www.linkedin.com
+
+  - title: Cody Fisher, PhD
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College –
+    linkedin: https://www.linkedin.com
+
+  - title: Darrell Steward, PhD
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College – Design, a program that teaches medical students to solve healthcare challenges using design thinking methodology.
+    linkedin: https://www.linkedin.com
+
+  - title: Darrell Steward, MD, MPP
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College – Design, a program that teaches medical students to solve healthcare challenges using design thinking methodology.
+    linkedin: https://www.linkedin.com
+
+  - title: Cody Fisher, MD, MPP.
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College –
+    linkedin: https://www.linkedin.com
+
+  - title: Cody Fisher, PhD
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College –
+    linkedin: https://www.linkedin.com
+
+  - title: Darrell Steward, PhD
+    bio: Associate Professor of Emergency Medicine and the Associate Dean for Co-Curricular Programs at Sidney Kimmel Medical College at Thomas Jefferson University. Ku directs the College within a College – Design, a program that teaches medical students to solve healthcare challenges using design thinking methodology.
+    linkedin: https://www.linkedin.com
diff --git a/src/screens/AboutScreen.jsx b/src/screens/AboutScreen.jsx
index 913b4c8..dee3d67 100644
--- a/src/screens/AboutScreen.jsx
+++ b/src/screens/AboutScreen.jsx
@@ -1,10 +1,107 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
+import yaml from "js-yaml";
+
+import voterfraud from "../assets/voter-fraud.png";
+import rightArrow from "../assets/right-arrow.png";
+
+import expertsData from "../data/experts.yml";
 
 export const AboutScreen = () => {
+  const [experts, setExperts] = React.useState([]);
+
+  useEffect(() => {
+    fetch(expertsData)
+      .then((expertsResponse) => { return expertsResponse.text() })
+      .then((expertsText) => {
+        setExperts(yaml.load(expertsText));
+      });
+  }, []);
+
+  const renderExpert = (expertData) => {
+    return (
+      <div className="expert">
+        <p className="expert-title">{expertData.title}</p>
+        <p className="expert-bio">{expertData.bio}</p>
+        <a className="expert-linkedin" href={expertData.linkedin ?? "#"} target="_blank" rel="noreferrer">
+          <p className="linkedin-text">Linkedin</p>
+          <img src={rightArrow} alt="right-arrow" className="view-more-arrow" />
+        </a>
+      </div>
+    )
+  }
 
   return (
     <div className="screen about-screen">
-      <p>About ... coming soon!</p>
+
+      <div className="section banner-section">
+        <div className="text-content">
+          <p className="primary">We believe in promoting <span className="emphasis">healthier and longer lifespan</span> for all humans.</p>
+          <p className="secondary">The Amaranth Prize rewards people who spend their precious time pushing this field. Our retrospective approach gives researchers the freedom to pursue important work and reward the research that influence them.</p>
+        </div>
+        <div className="flex-spacer" />
+        <img src={voterfraud} alt="lifespan" className="section-image" />
+      </div>
+
+      <div className="section selection-process-section">
+        <p className="section-title">SELECTION PROCESS</p>
+        <p className="section-description">We choose a topic within the field and convene a panel of experts to select and award outstanding work published in recent years.</p>
+        <div className="selection-process-steps">
+          <div className="selection-process-step">
+            <p className="step-number">1</p>
+            <p className="step-title">Expert selection</p>
+            <p className="step-details">Once we had selected the topic - “Brain aging exclusive of Alzheimer's disease" - we then convened a panel of 100 experts from this field to choose which contributions were most deserving.</p>
+          </div>
+          <div className="selection-process-step">
+            <p className="step-number">2</p>
+            <p className="step-title">Expanding the queries</p>
+            <p className="step-details">Beyond the contributions they knew from memory, we added works that fit the following query criteria on Semantic Scholar and Google Scholar: Query a, Query b, and Query c.</p>
+          </div>
+          <div className="selection-process-step">
+            <p className="step-number">3</p>
+            <p className="step-title">Filtering the pool</p>
+            <p className="step-details">This yielded a total of 1000 contributions. We convened a smaller panel to pick the final selections. Their instructions were to focus on results or impact, reward the prize non-uniformly, and lean into both unanimous and polarizing works. From this process, we found our 30 contributions.</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="section awarding-the-prize-section">
+        <p className="section-title">AWARDING THE PRIZE</p>
+        <p className="section-description">We leverage the <span className="emphasis">Research Portfolio</span> platform to distribute awards, creating a simple, on-chain record of prizes and influences.</p>
+        <div className="awarding-infos">
+          <div className="awarding-info">
+            <p className="info-title">Claiming process</p>
+            <p className="info-details">Researchers will mint their research using their unique technology on Research Portfolio. Afterwards they can claim their prize by simply connecting their wallets to Amaranth Prize website.</p>
+          </div>
+          <div className="awarding-info">
+            <p className="info-title">Influencing Papers</p>
+            <p className="info-details">We enable each prize wining team to acknowledge and reward the influential papers and work that has provided a foundation for their winning research efforts.</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="section experts-section">
+        <p className="section-title">THE EXPERTS</p>
+        <p className="section-description">This is a list of our generous experts giving their time to choose the most impactful research in longevity this year.</p>
+        <div className="experts">
+          <div className="experts-column column-1">
+            {experts[0] ? renderExpert(experts[0]) : (<></>)}
+            {experts[1] ? renderExpert(experts[1]) : (<></>)}
+          </div>
+          <div className="experts-column column-2">
+            {experts[2] ? renderExpert(experts[2]) : (<></>)}
+            {experts[3] ? renderExpert(experts[3]) : (<></>)}
+          </div>
+          <div className="experts-column column-3">
+            {experts[4] ? renderExpert(experts[4]) : (<></>)}
+            {experts[5] ? renderExpert(experts[5]) : (<></>)}
+          </div>
+          <div className="experts-column column-4">
+            {experts[6] ? renderExpert(experts[6]) : (<></>)}
+            {experts[7] ? renderExpert(experts[7]) : (<></>)}
+          </div>
+        </div>
+        <p className="more-experts-disclaimer">More experts will be added to the panel</p>
+      </div>
     </div>
   )
 
diff --git a/src/screens/HomeScreen.jsx b/src/screens/HomeScreen.jsx
index 1b9f5a4..8e582da 100644
--- a/src/screens/HomeScreen.jsx
+++ b/src/screens/HomeScreen.jsx
@@ -47,7 +47,7 @@ const Join = () => {
         const value = target.value;
         setEmail(value)
         setSubscribed(false)
-    }  
+    }
 
     return (
         <form action="#" onSubmit={(e) => onSubmit(e, email)}>
@@ -79,7 +79,7 @@ const FAQ = () => {
             .then((faqResponse) => { return faqResponse.text() })
             .then((faqText) => {
                 setFAQs(yaml.load(faqText));
-            });        
+            });
     })
 
     return (
@@ -110,7 +110,7 @@ const FAQ = () => {
           })}
         </div>
       </div>
-    )    
+    )
 }
 
 export const HomeScreen = () => {
@@ -123,7 +123,6 @@ export const HomeScreen = () => {
       .then((papersText) => {
         setPapers(yaml.load(papersText));
       });
-
   }, []);
 
     const faq = IS_FAQ_READY ? <FAQ /> : null
@@ -249,7 +248,7 @@ export const HomeScreen = () => {
           </div>
           <PaperCarousel papers={papers.filter((paper) => { return paper["winner"] })} />
         </div>
-        {IS_PARENTS_READY && 
+        {IS_PARENTS_READY &&
         <div className="winning-paper-highlight parents">
           <div className="highlight-header">
             <p className="highlight-title">Parents of the winning papers</p>
@@ -264,7 +263,7 @@ export const HomeScreen = () => {
           <PaperCarousel papers={papers.filter((paper) => { return paper["parent"] })} />
         </div>
         }
-        {IS_GRANDPARENTS_READY && 
+        {IS_GRANDPARENTS_READY &&
         <div className="winning-paper-highlight grandparents">
           <div className="highlight-header">
             <p className="highlight-title">Grandparents of the winning papers</p>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 1f136a8..6585802 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -626,3 +626,216 @@ input {
   }
 
 }
+
+.screen.about-screen {
+
+  .section-title {
+    font-size: 18px;
+    font-weight: 400;
+    color: $charcoal-dark;
+  }
+
+  .section-description {
+    margin-top: 24px;
+    max-width: 750px;
+    font-size: 32px;
+    font-weight: 400;
+    color: $charcoal-dark;
+    line-height: 120%;
+    letter-spacing: 0.01em;
+    span.emphasis {
+      color: $emphasis-red;
+    }
+  }
+
+  .section.banner-section {
+    margin-top: 60px;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+
+    img.section-image {
+      width: 457px;
+    }
+
+    .text-content {
+      .primary {
+        margin-top: 15px;
+        max-width: 555px;
+        font-size: 56px;
+        line-height: 100%;
+        letter-spacing: 0.01em;
+        font-weight: 400;
+        color: $charcoal-dark;
+
+        span.emphasis {
+          color: $emphasis-red;
+        }
+      }
+      .secondary {
+        margin-top: 15px;
+        font-size: 28px;
+        line-height: 125%;
+        letter-spacing: 0.01em;
+        font-weight: 400;
+        color: $charcoal-dark;
+      }
+    }
+
+  }
+
+  .section.selection-process-section {
+    margin-top: 100px;
+
+    .selection-process-steps {
+      margin-top: 32px;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+
+    .selection-process-step {
+      position: relative;
+      width: 352px;
+      min-height: 300px;
+      border-top: 1px solid $charcoal-ultra-light;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+
+      .step-number {
+        position: absolute;
+        top: 16px;
+        font-size: 56px;
+        font-weight: 300;
+        color: $charcoal-dark;
+      }
+
+      .step-title {
+        margin-top: 24px;
+        margin-left: 46px;
+        font-size: 28px;
+        font-weight: 400;
+        color: $charcoal-dark;
+        line-height: 125%;
+      }
+
+      .step-details {
+        margin-left: 46px;
+        margin-top: 8px;
+        font-size: 20px;
+        font-weight: 400;
+        color: $charcoal-dark;
+        line-height: 125%;
+      }
+    }
+  }
+
+  .section.awarding-the-prize-section {
+    margin-top: 100px;
+
+    .awarding-infos {
+      margin-top: 32px;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+
+      .awarding-info {
+        max-width: 555px;
+        border-top: 1px solid $charcoal-ultra-light;
+
+        .info-title {
+          margin-top: 24px;
+          font-size: 28px;
+          font-weight: 400;
+          color: $charcoal-dark;
+          line-height: 125%;
+        }
+
+        .info-details {
+          margin-top: 8px;
+          font-size: 20px;
+          font-weight: 400;
+          color: $charcoal-dark;
+          line-height: 125%;
+        }
+      }
+
+    }
+  }
+
+  .section.experts-section {
+    margin-top: 100px;
+    margin-bottom: 100px;
+
+    .experts {
+      margin-top: 32px;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+
+      .experts-column {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+      }
+
+      .expert {
+        width: 252px;
+        border-top: 1px solid $charcoal-ultra-light;
+        margin-top: 24px;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+
+        .expert-title {
+          margin-top: 18px;
+          font-size: 16px;
+          font-weight: 600;
+          color: $charcoal-dark;
+          line-height: 135%;
+          letter-spacing: -0.01em;
+        }
+
+        .expert-bio {
+          margin-top: 8px;
+          font-size: 16px;
+          font-weight: 400;
+          color: $charcoal-dark;
+          line-height: 135%;
+          letter-spacing: -0.01em;
+        }
+
+        .expert-linkedin {
+          margin-top: 8px;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+
+          .linkedin-text {
+            border-bottom: 1px solid $charcoal-dark;
+            font-size: 16px;
+            font-weight: 400;
+            color: $charcoal-dark;
+          }
+
+          img.view-more-arrow {
+            margin-left: 4px;
+            width: 12px;
+          }
+        }
+      }
+    }
+
+    .more-experts-disclaimer {
+      margin-top: 64px;
+      font-size: 16px;
+      font-weight: 400;
+      color: $charcoal-light;
+      text-align: center;
+    }
+
+  }
+
+}