Add <Logo /> to hero in home page

website/core/homeSplash.js

@@ -12,6 +12,12 @@ const SplashContainer = props => (
   </div>
 );
 
+const Logo = props => (
+  <div className="projectLogo">
+    <img src={props.img_src} />
+  </div>
+);
+
 const ProjectTitle = () => (
   <h2 className="projectTitle">
     {siteConfig.title}
@@ -33,7 +39,7 @@ class HomeSplash extends React.Component {
 
     return (
       <SplashContainer>
-        {/* <Logo img_src={imgUrl('docusaurus.svg')} /> */}
+        <Logo img_src={utils.imgUrl('logo/pure-color-square.svg')} />
         <div className="inner">
           <ProjectTitle />
           <PromoSection>

website/pages/en/index.js

@@ -21,7 +21,6 @@ const Block = props => (
   <Container
     padding={['bottom', 'top']}
     id={props.id}
-    background={props.background}
   >
     <GridBlock
       align={ props.align || 'center' }
@@ -58,10 +57,10 @@ const Features = () => (
 );
 
 const LearnHow = () => (
-  <Block background="light" align="left">
+  <Block align="left">
     {[
       {
-        content: 'Intuitive to use. <br/>Compatible for Bootstrap 3 and 4. <br/>Better than legacy react-bootstrap-table2!!<br/>',
+        content: 'Intuitive to use. <br/>Compatible for Bootstrap 3 and 4. <br/>Better than legacy react-bootstrap-table!!<br/>',
         image: imgUrl('react-bootstrap-table2-sample.png'),
         imageAlign: 'right',
         title: 'react-bootstrap-table2',

website/static/css/custom.css

@@ -15,6 +15,10 @@
 @media only screen and (min-width: 1500px) {
 }
 
+.homeContainer .homeWrapper .projectLogo {
+  justify-content: flex-start;
+}
+
 .feature-block .blockImage img {
   width: 48px;
 }