diff --git a/src/views/About/index.js b/src/views/About/index.js
index 3483a66..a7ce8c0 100644
--- a/src/views/About/index.js
+++ b/src/views/About/index.js
@@ -1,11 +1,19 @@
-import React, { Fragment } from "react";
+import React, { Fragment, useEffect } from "react";
 import _ from "lodash";
+import {connect} from 'react-redux';
+import {publicApi} from '../../redux/actions';
+
 import './index.scss';
 
+//assets
 import pic from "./pic.png";
 import aboutLg from "./about-lg.png";
 
-function About({ fury, advantages, keywords, keywords2, first }) {
+function About({ fury, advantages, keywords, keywords2, first, setHeaderOptions }) {
+  useEffect(() => {
+    setHeaderOptions({ shown: true});
+  },[]);
+
   return (
     <div className={_.join(["about w-11/12 mx-auto flex flex-col"], " ")}>
       <main className="flex flex-col items-center pt-16">
@@ -80,7 +88,15 @@ function About({ fury, advantages, keywords, keywords2, first }) {
   );
 }
 
-export default About;
+const mapStateToProps = (state) => ({
+
+});
+
+const mapDispatchToProps = {
+  setHeaderOptions: publicApi.setHeaderOptions,
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(About);
 
 About.defaultProps = {
   first: {