Finish off home page

Author: hach-que

src/pages/index.tsx

@@ -7,6 +7,7 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 import styles from "./styles.module.css";
 import { Feature, FeatureList } from "../Feature";
 import ReactPlayer from "react-player";
+import CodeBlock from "@theme/CodeBlock";
 
 function Home() {
   const context = useDocusaurusContext();
@@ -288,21 +289,51 @@ function Home() {
                   </p>
                 </Feature.Describer>
                 <Feature.Visual>
-                  <a href="#" target="_blank">
-                    <img src="#" className={classnames(styles.featureImage)} />
-                  </a>
+                  <div style={{ marginTop: "4em" }}>
+                    <CodeBlock language="cpp">
+                      {`
+using namespace ::Redpoint::EOS::Core::Utils;
+using namespace ::Redpoint::EOS::Identity;
+
+// Get the handle to the Epic Online Services platform.
+auto PlatformHandle = FWorldResolution::GetPlatformHandle(
+                          this->GetWorld());
+
+// Get the identity system.
+auto Identity = PlatformHandle->GetSystem<IIdentitySystem>();
+
+// Sign the local player in.
+Identity->Login(
+    FLoginRequest(0 /* User slot a.k.a. controller index. */)
+    IIdentitySystem::FOnLoginComplete::CreateSPLambda(
+        this, 
+        [this](FError ErrorCode, FIdentityUserPtr NewUser) {
+            if (ErrorCode.WasSuccessful())
+            {
+                // The user is signed in, and NewUser is valid.
+            }
+        }));`.trim()}
+                    </CodeBlock>
+                  </div>
                 </Feature.Visual>
               </Feature>
               <Feature>
                 <Feature.Describer>
                   <h2>Test using play-in-editor</h2>
-                  <p>...</p>
+                  <p>
+                    With EOS Online Framework, there's no need to set up
+                    multiple machines for testing. You can test parties,
+                    multiplayer games, the Epic Games overlay, and all online
+                    features directly from the editor.
+                  </p>
+                  <p>
+                    Start the Developer Authentication Tool from the editor and
+                    turn on "login-before-PIE", and each play-in-editor window
+                    or standalone game will be automatically signed into an Epic
+                    Games account for testing.
+                  </p>
                 </Feature.Describer>
-                <Feature.Visual>
-                  <a href="#" target="_blank">
-                    <img src="#" className={classnames(styles.featureImage)} />
-                  </a>
-                </Feature.Visual>
+                <Feature.Visual imageUrl="img/features/play-in-editor.png" />
               </Feature>
               <Feature>
                 <Feature.Describer>
@@ -328,12 +359,42 @@ function Home() {
               <Feature>
                 <Feature.Describer>
                   <h2>Professional support</h2>
-                  <p>...</p>
+                  <p>
+                    If you get stuck, we're here to help. We provide
+                    professional support during Australian business hours, and
+                    can often get a resolution or bug fix to you within a few
+                    days.
+                  </p>
+                  <p>
+                    To get support for EOS Online Framework, upload your receipt
+                    to our{" "}
+                    <a href="https://licensing.redpoint.games/" target="_blank">
+                      License Manager
+                    </a>{" "}
+                    and join{" "}
+                    <a href="https://discord.gg/hm7ytagaCc">
+                      our Discord server
+                    </a>{" "}
+                    to open a case.
+                  </p>
                 </Feature.Describer>
                 <Feature.Visual>
-                  <a href="#" target="_blank">
-                    <img src="#" className={classnames(styles.featureImage)} />
-                  </a>
+                  <div className={classnames(styles.review)}>
+                    <h3>⭐⭐⭐⭐⭐ "Amazing support and product"</h3>
+                    <p>
+                      "Discord Support is 10 stars, the developer saved me tons
+                      of time and helped me to get started really quickly.
+                      <br />
+                      <br />
+                      The plugin itself works like a charm. The sample project
+                      provides functionality that you can easily copy paste into
+                      your project and use it as a Subsystem to be able to call
+                      all the EOS APIs.
+                      <br />
+                      <br />
+                      Really recommended."
+                    </p>
+                  </div>
                 </Feature.Visual>
               </Feature>
             </FeatureList>