diff --git a/components/about-header/index.js b/components/about-header/index.js
new file mode 100644
index 000000000..e3fceed34
--- /dev/null
+++ b/components/about-header/index.js
@@ -0,0 +1,14 @@
+import './style.scss';
+
+const AboutHeader = () => (
+  <div className='about-header'>
+    <div className="container">
+      <h2>Hello, I'm Kamran Ahmed.</h2>
+      <p>I created <span className='flow-black'>roadmap.sh</span> to help people grow their careers.</p>
+
+      <img className='author-img' src="/static/kamran.jpeg" alt="" />
+    </div>
+  </div>
+);
+
+export default AboutHeader;
\ No newline at end of file
diff --git a/components/about-header/style.scss b/components/about-header/style.scss
new file mode 100644
index 000000000..2a4e437e9
--- /dev/null
+++ b/components/about-header/style.scss
@@ -0,0 +1,35 @@
+.about-header {
+  text-align: center;
+  padding: 70px 20px;
+  margin: 0 auto;
+
+  .container {
+    max-width: 800px;
+  }
+
+  h2 {
+    font-weight: 700;
+  }
+
+  p {
+    font-size: 20px;
+    color: #333;
+    font-weight: 400;
+    margin-bottom: 0;
+    line-height: 35px;
+  }
+
+  a {
+    font-weight: 700;
+    color: #000;
+  }
+
+  .author-img {
+    height: 145px;
+    border-radius: 100%;
+    margin-top: 25px;
+    margin-bottom: -125px;
+    border: 10px solid white;
+    box-shadow: 0 1px 0 0 #dee2e6;
+  }
+}
\ No newline at end of file
diff --git a/components/footer/index.js b/components/footer/index.js
index 0c6baa455..e5fbc3d0c 100644
--- a/components/footer/index.js
+++ b/components/footer/index.js
@@ -16,7 +16,7 @@ const Footer = () => (
             </div>
             <p className='meta-links'>
               &copy; roadmap.sh &middot;
-              &nbsp; <a href="#">FAQ</a> &middot;
+              &nbsp; <a href="/about">FAQ</a> &middot;
               &nbsp; <a href="/terms">Terms</a> &middot;
               &nbsp; <a href="/privacy">Privacy</a>
             </p>
diff --git a/pages/about/index.js b/pages/about/index.js
new file mode 100644
index 000000000..25664e771
--- /dev/null
+++ b/pages/about/index.js
@@ -0,0 +1,17 @@
+import AboutHeader from '../../components/about-header';
+import Footer from '../../components/footer';
+import Header from '../../components/header';
+import './style.scss';
+
+const About = () => (
+  <div className='home-container'>
+    <Header />
+    <AboutHeader />
+    <div className="p-5 border-top border-bottom bg-light">
+
+    </div>
+    <Footer />
+  </div>
+);
+
+export default About;
\ No newline at end of file
diff --git a/pages/about/style.scss b/pages/about/style.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/pages/global.scss b/pages/global.scss
index b7438e334..69e690508 100644
--- a/pages/global.scss
+++ b/pages/global.scss
@@ -6,6 +6,10 @@
   border-bottom: 1px solid #eaeaea;
 }
 
+.bg-light {
+  background-color: #fafafa !important;
+}
+
 .dark-link {
   font-weight: 500;
   color: #000000;
diff --git a/static/kamran.jpeg b/static/kamran.jpeg
new file mode 100644
index 000000000..5c743b583
Binary files /dev/null and b/static/kamran.jpeg differ
diff --git a/static/stars.webp b/static/stars.webp
deleted file mode 100644
index 4b1a2596a..000000000
Binary files a/static/stars.webp and /dev/null differ