[ECO-1960] Update docs site styling (#149)

Co-authored-by: Kirsten <[email protected]>
Co-authored-by: alnoki <[email protected]>

doc/doc-site/docs/about/about.md

@@ -1,14 +1,18 @@
 ---
 slug: /
-title: ⬛ About emojicoin.fun
+title: ⬛ Welcome to emojicoin.fun
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: In the ever-evolving landscape of defi, we are thrilled to introduce
 ---
 
-In the ever-evolving landscape of decentralized finance, Econia Labs is
+<!--- cspell:words defi -->
+
+![about](./about.png "about")
+
+In the ever-evolving landscape of defi, we are
 thrilled to introduce its new platform — emojicoin.fun: where all launched
 and tradable coins are emojicoins.
 
 Our goal is to merge the engaging, expressive nature of emojis with the
-dynamic world of decentralized finance, creating a vibrant, fair, and
+dynamic world of defi, creating a vibrant, fair, and
 user-friendly environment for traders and communities.

doc/doc-site/docs/about/emojicoin-LP.md

@@ -2,9 +2,11 @@
 slug: /emojicoin-LP
 title: ⛲ Emojicoin LP
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: AMMs, such as those used on the emojicoin platform, enable the creation
 ---
 
+![LP](./LP.png "LP")
+
 AMMs, such as those used on the emojicoin platform, enable the creation of
 liquidity pools containing tokens X and Y (e.g., emojicoin and APT).
 The initial ratio of these tokens sets their starting relative price,

doc/doc-site/docs/about/how-it-works.md

@@ -2,24 +2,33 @@
 slug: /how-it-works
 title: ⚙️ How It Works
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: Bonding Curve Enabled Launchpad
 ---
 
-**Bonding Curve Enabled Launchpad**: When a new emojicoin launches, its pricing
+![gear](./gear-banner.png "gear")
+
+## Bonding Curve Enabled Launchpad
+
+When a new emojicoin launches, its pricing
 mechanics are defined as an abridged Concentrated Liquidity Automated Market
 Maker (CLAMM) with a single price range. Once the market cap of the emojicoin
 reaches 45,000 APT value, the money used to purchase the coin by traders is
 deployed to an emojicoin AMM pool.
 
-- The only coins that can be launched are emojicoins that are from the
-  standardized [Unicode emoji library].
-- **emojicoin AMM Pool**: The emojicoin AMM follows the popular and
-  standardized Uniswap v2 design.
-  \$$
-  X*Y=K
-  $\$
+## Emojicoin or Else
+
+The only coins that can be launched are emojicoins that are from the
+standardized [Unicode emoji library].
+
+## Emojicoin AMM Pool
+
+The emojicoin AMM follows the popular and standardized Uniswap v2 design:
+
+$$
+X \cdot Y = K
+$$
 
-## Example: The Life Cycle of the emojicoin — From Launchpad to Pool 🫃
+## Life Cycle of Emojicoin: Launchpad to Pool
 
 **Introduction**: Congratulations! You've decided to take on the daring journey
 of parenthood and give birth to a beautiful emojicoin. Econia is your favorite
@@ -30,12 +39,12 @@ Unlike birthing a human child, giving birth to your beautiful Econia emojicoin
 is painless and cheap by leveraging the Aptos blockchain. We'll now walk you
 through your emojicoin's lifecycle.
 
-### First Baby Steps — Launch your emojicoin
+### First Baby Steps: Launch your emojicoin
 
 - With just 1 APT, you can launch your emojicoin — We don't believe in screwing
   over new parents with expensive medical bills.
 
-### Growing up and raising your emojicoin  — Leaving the bonding curve
+### Growing Up: Exiting the Bonding Curve
 
 - Emojicoins are like just like humans, as they grow up and mature they want to
   leave the house to take the world on their own.
@@ -47,7 +56,7 @@ through your emojicoin's lifecycle.
   For the emojicoin to reach a 45,000 APT market cap, it must have a net
   buy/sell pressure of +10,000 APT.
 
-### Going to College and Joining emojicoin AMM Liquidity Pools
+### Going to College: Emojicoin Liquidity Pools
 
 - Once your emojicoin reaches a 45,000 APT market cap size, the coin's market
   experiences a 'state change' — The 10,000 APT used to purchase the coin is

doc/doc-site/docs/about/why-we-built-emojicoin.md

@@ -1,14 +1,16 @@
 ---
 slug: /why-we-built-emojicoin
-title: 🛠️ Why We built emojicoin.fun
+title: 🛠️ Why We Built emojicoin.fun
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: Accessibility, Fairness, and Fun
 ---
 
 <!--- cspell:words memecoins -->
 
 <!--- cspell:words presales -->
 
+![build](./build-banner.png "build")
+
 ## Accessibility, Fairness, and Fun
 
 - **Engagement**: Emojis are universally recognized and loved, making our

doc/doc-site/docs/resources/audit.md

@@ -1,6 +1,7 @@
 ---
 slug: /audit
-title: 🍆 Audit
+title: 🧑‍💻 Audit
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
+
+Coming soon.

doc/doc-site/docs/resources/bug-submission-form.md

@@ -2,7 +2,7 @@
 slug: /bug-submission-form
 title: 🐞 Bug Submission Form
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: Fill out the form to submit bugs.
 ---
 
 Fill out the form to submit bugs: <https://form.typeform.com/to/mMylFJQo>

doc/doc-site/docs/resources/faq.md

@@ -1,40 +1,46 @@
 ---
 slug: /faq
-title: 💬 Faq
+title: 💬 FAQ
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: Nothing the emojicoin monkey says should be taken seriously.
 ---
 
-Please note this is not financial advice and nothing the emojicoin monkey says
-should be taken seriously. He just likes to listen to himself talk and has
-caught the emojicoin bug.
 ![monkey](./monkey.png "monkey")
+*Please note this is not financial advice and nothing the emojicoin monkey says
+should be taken seriously. He just likes to listen to himself talk and has
+caught the emojicoin bug.*
 
-### Q: What is the cost to launch an Emojicoin?
+**Q: What is the cost to launch an Emojicoin?**
 
 A:  1 APT — About the cost of a bushel of bananas
 
-### Q: What is the market cap needed for an emojicoin to leave the bonding
+<!-- markdownlint-disable MD013 -->
+
+**Q: What is the market cap needed for an emojicoin to leave the bonding curve?**
 
-### curve?
+<!-- markdownlint-enable MD013 -->
 
 A:  45,000 APT Market Cap
 
-### Q: Assuming nobody sells their tokens, how much buy pressure is required for
+<!-- markdownlint-disable MD013 -->
 
-### the Emojicoin reach a 45,000 APT market cap?
+**Q: Assuming nobody sells their tokens, how much buy pressure is required for the Emojicoin reach a 45,000 APT market cap?**
+
+<!-- markdownlint-enable MD013 -->
 
 A:  10,000 APT
 
-### Q: If an Emojicoin market is already launched, can I launch a second one of
+<!-- markdownlint-disable MD013 -->
+
+**Q: If an Emojicoin market is already launched, can I launch a second one of the same Emoji?**
 
-### the same Emoji?
+<!-- markdownlint-enable MD013 -->
 
 A:  No, once a particular Emojicoin trading pair is launched, you cannot launch
 another. You should potentially explore launching Emojicoin combinations
 instead. Get creative, don't be lame.
 
-### Q: Are emojicoins the future?
+**Q: Are emojicoins the future?**
 
 A: Emojis are a universal language, transcending borders and languages. 🌍 With
 the rise of decentralized finance and the integration of emojicoins, I believe

doc/doc-site/docs/resources/glossary.md

@@ -1,8 +1,8 @@
 ---
 slug: /glossary
-title: 🍆 Glossary
+title: 🐒 Glossary
 hide_title: false
-description: Documentation for emojicoin dot fun
+description: Degenerate vocabulary you must know.
 ---
 
 <!--- cspell:words degen -->

doc/doc-site/docs/start-here/aptos-wallet-and-cex.md

@@ -1,8 +1,7 @@
 ---
 slug: /aptos-wallet-and-cex
-title: 👛 Getting Started (Aptos Wallet + CEX)
+title: 🌐 Petra + CEX
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 Use this guide if you are using an Aptos wallet and using Coinbase to onramp.

doc/doc-site/docs/start-here/aptos-wallet-and-moonpay.md

@@ -1,8 +1,7 @@
 ---
 slug: /aptos-wallet-and-moonpay
-title: 🔥 Getting Started (Aptos Wallet + Moonpay)
+title: 🌕 Petra + Moonpay
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 Use this guide if you are using an Aptos wallet and Moonpay.

doc/doc-site/docs/start-here/bridging-from-eth.md

@@ -1,8 +1,7 @@
 ---
 slug: /bridging-from-eth
-title: 🌈 Bridging From Ethereum to Aptos
+title: 🔷 Bridging From Ethereum
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 <!--- cspell:words Panora -->

doc/doc-site/docs/start-here/bridging-from-solana.md

@@ -1,10 +1,7 @@
 ---
 slug: /bridging-from-solana
-title: 🌈 Bridging From Solana to Aptos
+title: 🟣 Bridging From Solana
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 Stay tuned for future LayerZero Solana ↔️ Aptos Integration announcements.
-
-In the meantime see the resources below.

doc/doc-site/docs/start-here/getting-started.md

@@ -1,8 +1,7 @@
 ---
 slug: /getting-started
-title: 🍆 Getting Started
+title: ✨ Getting Started
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 Click the below to get started

doc/doc-site/docs/start-here/how-to-download-petra.md

@@ -2,7 +2,6 @@
 slug: /how-to-download-petra
 title: 💡 How to Download Petra
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 Use this guide for step by step instructions on how to download Petra wallet.

doc/doc-site/docs/start-here/how-to-trade-on-emojicoin.md

@@ -1,8 +1,7 @@
 ---
 slug: /how-to-trade-on-emojicoin
-title: 💻 How to Trade on Emojicoin
+title: 🔄 How to Trade on emojicoin.fun
 hide_title: false
-description: Documentation for emojicoin dot fun
 ---
 
 1. Go to emojicoin.fun

doc/doc-site/docusaurus.config.js

@@ -79,7 +79,7 @@ module.exports = {
         { name: "og:image:width", content: "1200" },
         { name: "og:image:height", content: "630" }
       ],
-      image: "img/social-preview.jpg",
+      image: "img/social-preview.png",
       navbar: {
         logo: {
           alt: "Header",

doc/doc-site/sidebar.js

@@ -2,7 +2,7 @@ module.exports = {
   docs: [
     {
       type: 'category',
-      label: 'About',
+      label: 'ℹ️ About',
       link: {
         type: 'generated-index'
       },
@@ -15,34 +15,22 @@ module.exports = {
     },
     {
       type: 'category',
-      label: 'Start Here',
+      label: ' 🏁 Start Here',
       link: {
         type: 'generated-index'
       },
       items: [
-        {
-          type: 'category',
-          label: 'Getting Started',
-          items: [
-            'start-here/how-to-download-petra',
-            'start-here/aptos-wallet-and-moonpay',
-            'start-here/aptos-wallet-and-cex',
-          ]
-        },
-        {
-          type: 'category',
-          label: 'Bridging',
-          items: [
-            'start-here/bridging-from-eth',
-            'start-here/bridging-from-solana',
-          ]
-        },
-        'start-here/how-to-trade-on-emojicoin',
+         'start-here/how-to-download-petra',
+          'start-here/aptos-wallet-and-moonpay',
+          'start-here/aptos-wallet-and-cex',
+          'start-here/bridging-from-eth',
+          'start-here/bridging-from-solana',
+          'start-here/how-to-trade-on-emojicoin',
       ]
     },
     {
       type: 'category',
-      label: 'Resources',
+      label: '🧠 Resources',
       link: {
         type: 'generated-index'
       },