Update guide home page

guides/src/components/NavItem.js

@@ -8,10 +8,10 @@ import { Link } from 'gatsby'
  */
 
 const linkClasses = isActive =>
-  `bb-l bw2-l dib flex-l items-center-l h-100-l mv2 mv0-l link mr0 fw5 f5 nowrap pa2 ${
+  `bb-l bw2-l dib flex-l items-center-l h-100-l mv2 mv0-l link mr0 f5 nowrap pa2 ${
     isActive
-      ? 'b--spree-green spree-green b--gray w-100 w-auto-l'
-      : 'gray b--transparent'
+      ? 'b--spree-green spree-green b--gray w-100 w-auto-l fw7'
+      : 'gray b--transparent fw5'
   }`
 
 /**

guides/src/components/Section.js

@@ -22,6 +22,7 @@ const Section = ({ title, path, children, className }) => (
           title
         )}
       </h2>
+      <hr class="bb bw1 b--black-10" />
       <p className="lh-copy">{children}</p>
     </div>
   </div>

guides/src/content/developer/core/index.md

@@ -1,5 +1,5 @@
 ---
-title: "Spree Core"
+title: "Core Internals"
 section: core
 ---
 

guides/src/content/developer/customization/authentication.md

@@ -218,7 +218,7 @@ which will generate and clear the Spree API key respectively.
 ## Login link
 
 <alert kind="warning">
-  This is only applicable for Spree 4.0 and older. Spree 4.1 handles this out of the box.
+  This is only applicable for Spree 4.0 and older. Spree 4.1 and newer releases handle this out of the box.
 </alert>
 
 To make the login link appear on Spree pages, you will need to modify

guides/src/content/developer/security/pci_compliance.md

@@ -16,6 +16,6 @@ Spree does store the last four digits of the credit card and the expiration mont
 
 ## 3-D Secure and Strong Customer Authenthication support
 
-[Spree Gateway Stripe itnegration](https://github.com/spree/spree_gateway) supports [Strong Customer Authentication (SCA)](https://stripe.com/en-pl/guides/strong-customer-authentication) out of the box. Remember to use `Stripe Elements` gateway with `Payment Intents` option enabled.
+[Spree Gateway Stripe itnegration](https://github.com/spree/spree_gateway) supports [Strong Customer Authentication (SCA)](https://stripe.com/en-pl/guides/strong-customer-authentication) out of the box. Remember to use S**tripe Elements** gateway with **Payment Intents** option enabled.
 
 [Spree Braintree vzero](https://github.com/spree-contrib/spree_braintree_vzero) extension supports [3D Secure 2.0](https://developers.braintreepayments.com/guides/3d-secure/overview).

guides/src/pages/index.js

@@ -4,6 +4,7 @@ import * as React from 'react'
 // --- Components
 import Layout from 'components/Layout'
 import Section from 'components/Section'
+import Alert from 'components/helpers/Alert'
 
 /**
  * Component
@@ -15,7 +16,6 @@ const IndexPage = () => (
     description="Spree Commerce API, documentation, guides & tutorials"
   >
     <div className="center mw9 ph4 mt5">
-      <h1 className="lh-copy f3 tc mw7 center mb5">
       <h1 className="lh-copy f3 tc mw7 center mb3">
         <a href="https://spreecommerce.org" className="spree-blue fw6">
           Spree Commerce
@@ -49,9 +49,19 @@ const IndexPage = () => (
             title="Developer Guides"
             className="w-50-ns"
           >
-            This part of Spree’s documentation covers the technical aspects of
-            Spree. If you are working with Rails and are building a Spree store,
-            this is the documentation for you.
+            <p>
+              This part of Spree’s documentation covers the technical aspects of
+              Spree. If you are working with Rails and are building a Spree store,
+              this is the documentation for you.
+            </p>
+            <ul className="list">
+              <li className="dib mr2"><a href="/developer/tutorials/getting_started_tutorial.html">Tutorials</a></li>
+              <li className="dib mr2"><a href="/developer/customization/storefront.html">Customization</a></li>
+              <li className="dib mr2"><a href="/developer/core">Core Internals</a></li>
+              <li className="dib mr2"><a href="/developer/security">Security</a></li>
+              <li className="dib mr2"><a href="/developer/upgrades">Upgrades</a></li>
+            </ul>
+
           </Section>
 
           <Section path="/user" title="User Guides" className="w-50-ns">
@@ -70,6 +80,13 @@ const IndexPage = () => (
             overview of what has changed since the previous version of Spree.
           </Section>
         </div>
+
+        <p class="tc">
+          Didn't found what you're looking for?
+          <br />
+          Go ahead and <a href="http://slack.spreecommerce.org/" target="_blank" rel="nofollow">join our Slack</a> or <a href="https://spreecommerce.org/contact/">contact us</a> directly.
+        </p>
+
       </div>
     </div>
   </Layout>