diff --git a/website/core/Footer.js b/website/core/Footer.js
index 2aff77c..cb80ab4 100644
--- a/website/core/Footer.js
+++ b/website/core/Footer.js
@@ -35,23 +35,23 @@ class Footer extends React.Component {
           </a>
           <div>
             <h5>Docs</h5>
-            <a href={this.docUrl('doc1.html', this.props.language)}>
-              Getting Started (or other categories)
+            <a href={this.docUrl('getting-started.html', this.props.language)}>
+              Getting Started
             </a>
-            <a href={this.docUrl('doc2.html', this.props.language)}>
-              Guides (or other categories)
+            <a href={this.docUrl('table-props.html', this.props.language)}>
+              API References
             </a>
-            <a href={this.docUrl('doc3.html', this.props.language)}>
+            {/* <a href={this.docUrl('doc3.html', this.props.language)}>
               API Reference (or other categories)
-            </a>
+            </a> */}
           </div>
           <div>
             <h5>Community</h5>
-            <a href={this.pageUrl('users.html', this.props.language)}>
+            {/* <a href={this.pageUrl('users.html', this.props.language)}>
               User Showcase
-            </a>
+            </a> */}
             <a
-              href="http://stackoverflow.com/questions/tagged/"
+              href="https://stackoverflow.com/questions/tagged/react-bootstrap-table"
               target="_blank">
               Stack Overflow
             </a>
@@ -63,7 +63,7 @@ class Footer extends React.Component {
           <div>
             <h5>More</h5>
             <a href={this.props.config.baseUrl + 'blog'}>Blog</a>
-            <a href="https://github.com/">GitHub</a>
+            <a href="https://github.com/react-bootstrap-table/react-bootstrap-table2">GitHub</a>
             <a
               className="github-button"
               href={this.props.config.repoUrl}
@@ -77,7 +77,7 @@ class Footer extends React.Component {
           </div>
         </section>
 
-        <a
+        {/* <a
           href="https://code.facebook.com/projects/"
           target="_blank"
           className="fbOpenSource">
@@ -87,9 +87,9 @@ class Footer extends React.Component {
             width="170"
             height="45"
           />
-        </a>
+        </a> */}
         <section className="copyright">
-          Copyright &copy; {currentYear} Facebook Inc.
+          Copyright &copy; {currentYear} react-bootstrap-table2.
         </section>
       </footer>
     );
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 2a2fa42..d17369b 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -76,13 +76,13 @@ class HomeSplash extends React.Component {
     let language = this.props.language || '';
     return (
       <SplashContainer>
-        <Logo img_src={imgUrl('docusaurus.svg')} />
+        {/* <Logo img_src={imgUrl('docusaurus.svg')} /> */}
         <div className="inner">
           <ProjectTitle />
           <PromoSection>
-            <Button href="#try">Try It Out</Button>
-            <Button href={docUrl('doc1.html', language)}>Example Link</Button>
-            <Button href={docUrl('doc2.html', language)}>Example Link 2</Button>
+            <Button href={docUrl('getting-started.html', language)}>Try It Out</Button>
+            <Button href='./storybook/index.html'>Live Demo</Button>
+            <Button href={docUrl('table-props.html', language)}>Docs</Button>
           </PromoSection>
         </div>
       </SplashContainer>
@@ -95,7 +95,7 @@ const Block = props => (
     padding={['bottom', 'top']}
     id={props.id}
     background={props.background}>
-    <GridBlock align="center" contents={props.children} layout={props.layout} />
+    <GridBlock align={ props.align || 'center' } contents={props.children} layout={props.layout} />
   </Container>
 );
 
@@ -103,38 +103,44 @@ const Features = props => (
   <Block layout="fourColumn">
     {[
       {
-        content: 'This is the content of my feature',
-        image: imgUrl('docusaurus.svg'),
+        content: 'Sortable, Row Selection, Cell Editor, Row Expand, Column Filter Pagination etc.',
+        // image: imgUrl('docusaurus.svg'),
         imageAlign: 'top',
-        title: 'Feature One',
+        title: 'Rich Functionality',
       },
       {
-        content: 'The content of my second feature',
-        image: imgUrl('docusaurus.svg'),
+        content: 'Configurable and customizable table',
+        // image: imgUrl('docusaurus.svg'),
         imageAlign: 'top',
-        title: 'Feature Two',
+        title: 'Customization',
+      },
+      {
+        content: 'Satisfy for Redux/Mobx or any other state management tool.',
+        // image: imgUrl('docusaurus.svg'),
+        imageAlign: 'top',
+        title: 'Remote',
       },
     ]}
   </Block>
 );
 
-const FeatureCallout = props => (
-  <div
-    className="productShowcaseSection paddingBottom"
-    style={{textAlign: 'center'}}>
-    <h2>Feature Callout</h2>
-    <MarkdownBlock>These are features of this project</MarkdownBlock>
-  </div>
-);
+// const FeatureCallout = props => (
+//   <div
+//     className="productShowcaseSection paddingBottom"
+//     style={{textAlign: 'center'}}>
+//     <h2>Feature Callout</h2>
+//     <MarkdownBlock>These are features of this project</MarkdownBlock>
+//   </div>
+// );
 
 const LearnHow = props => (
-  <Block background="light">
+  <Block background="light" align="left">
     {[
       {
-        content: 'Talk about learning how to use this',
-        image: imgUrl('docusaurus.svg'),
+        content: 'Intuitive to use. <br/>Compatitable for Bootstrap 3 and 4. <br/>Better than legacy react-bootstrap-table2!!<br/>',
+        image: imgUrl('react-bootstrap-table2-sample.png'),
         imageAlign: 'right',
-        title: 'Learn How',
+        title: 'react-bootstrap-table2',
       },
     ]}
   </Block>
@@ -205,11 +211,11 @@ class Index extends React.Component {
         <HomeSplash language={language} />
         <div className="mainContainer">
           <Features />
-          <FeatureCallout />
+          {/* <FeatureCallout /> */}
           <LearnHow />
-          <TryOut />
+          {/* <TryOut />
           <Description />
-          <Showcase language={language} />
+          <Showcase language={language} /> */}
         </div>
       </div>
     );
diff --git a/website/siteConfig.js b/website/siteConfig.js
index bf05e88..5698f8e 100644
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -9,8 +9,8 @@
 const users = [
   {
     caption: '',
-    image: '/react-bootstrap-table2/img/docusaurus.svg',
-    infoLink: 'https://www.facebook.com',
+    // image: '/react-bootstrap-table2/img/docusaurus.svg',
+    infoLink: 'https://github.com/react-bootstrap-table/react-bootstrap-table2',
     pinned: true,
   },
 ];
@@ -29,8 +29,8 @@ const siteConfig = {
   ],
   users,
   /* path to images for header/footer */
-  headerIcon: 'img/docusaurus.svg',
-  footerIcon: 'img/docusaurus.svg',
+  // headerIcon: 'img/docusaurus.svg',
+  // footerIcon: 'img/docusaurus.svg',
   favicon: 'img/favicon.png',
   /* colors for website */
   colors: {
diff --git a/website/static/img/react-bootstrap-table2-sample.png b/website/static/img/react-bootstrap-table2-sample.png
new file mode 100644
index 0000000..c3de25d
Binary files /dev/null and b/website/static/img/react-bootstrap-table2-sample.png differ