From d18e1b59ef28eba67202bf8489a85141e5f092e9 Mon Sep 17 00:00:00 2001
From: Ellie Huxtable <ellie@elliehuxtable.com>
Date: Sat, 15 Apr 2023 22:38:23 +0100
Subject: Make the homepage prettier (#880)

---
 docs/src/pages/index.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'docs/src/pages')

diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 0727c7d0..f96879dd 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -31,6 +31,7 @@ function HomepageHeader() {
 
 export default function Home() {
   const { siteConfig } = useDocusaurusContext();
+
   return (
     <Layout
       title={`Magical Shell History`}>
@@ -39,6 +40,23 @@ export default function Home() {
         <section className={styles.whatis}>
           <div className="container">
             <center><h1>What is <b>Atuin</b>?</h1></center>
+            <div className="row">
+              <img src="/img/screenshot.png" className="col col--8" />
+              <div className="col col--4">
+                <p>Atuin is a command-line tool that enables you to make better use of your shell, by giving ctrl-r superpowers.</p>
+                <p>Every line you write is stored - ready to be queried and ran again at any point, from any machine you wish. Never forget again!</p>
+                <p>Sync your history between all of your machines, and search it from anywhere</p>
+              </div>
+            </div>
+
+            <div className="row" style={{ paddingTop: "18px", alignItems: "center" }}>
+              <div className="col col--4">
+                <p>Generate statistics from your shell history, such as this activity graph</p>
+              </div>
+              <div className="col col--8">
+                <img src="https://api.atuin.sh/img/ellie.png?token=0722830c382b42777bdb652da5b71efb61d8d387" />
+              </div>
+            </div>
 
             <HomepageFeatures />
           </div>
-- 
cgit v1.3.1