feat: add sample blog post

blog/example-post.md

@@ -0,0 +1,24 @@
+---
+title: Welcome Ronin blog
+description: First post on the Ronin technical blog.
+slug: welcome-ronin
+authors:
+  - name: Sergey Rodin
+    title: Technical writer
+    url: https://github.com/RodinGologin
+    image_url: https://github.com/RodinGolodin.png
+  - name: Phuc Thai
+    title: Blockchain researcher
+    url: https://sebastienlorber.comhttps://github.com/phuctd95
+    image_url: https://github.com/phuctd95.png
+tags: [hello]
+hide_table_of_contents: false
+---
+
+Welcome to this blog. This blog is created with [**Docusaurus 3**](https://docusaurus.io/).
+
+<!-- truncate -->
+
+This is my first post on Docusaurus 3.
+
+A whole bunch of exploration to follow.

docusaurus.config.js

@@ -63,6 +63,11 @@ const config = {
           showLastUpdateTime: true,
         },
         blog: {
+          path: 'blog',
+          blogTitle: 'Technical blog',
+          blogDescription: 'Learn about the latest updates on Ronin',
+          routeBasePath: 'blog',
+          blogSidebarTitle: 'Technical blog',
           showReadingTime: true,
         },
         theme: {
@@ -173,6 +178,12 @@ const config = {
             label: 'Bridge operators',
             to: 'bridge-operators',
           },
+          // Blog
+          {
+            label: 'Blog',
+            to: 'blog',
+            position: 'right',
+          },
           // Search
           {
             type: 'search',

src/components/homepage-features/Features.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
 
-import BoxTickIcon from './box-tick.svg'
 import { Card } from './Card'
+import BlogIcon from './blog.svg'
+import BoxTickIcon from './box-tick.svg'
 import CoinIcon from './coins.svg'
 import AppsIcon from './apps.svg'
 import ListViewIcon from './list-view.svg'
@@ -53,6 +54,15 @@ const featureList = [
       title: 'Bridge operators',
     },
   },
+  {
+    title: 'Technical blog',
+    Icon: BlogIcon,
+    description: <>Stay up to date with the latest technical updates on Ronin.</>,
+    link: {
+      href: '/blog',
+      title: 'Technical blog',
+    },
+  },
 ]
 
 export const Features: React.FC = () => {