feat: Add follow block

components/Follow.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+export const Follow = () => (
+    <div className='block-follow'>
+        If you find this site helpful, follow me on <a href="https://twitter.com/nghuuphuoc">Twitter</a> and <a href="https://github.com/phuocng">GitHub</a> to get more useful content like this.
+    </div>
+);

layouts/PatternLayout.tsx

@@ -3,6 +3,7 @@ import Head from 'next/head';
 import { Heading, Spacer } from '@1milligram/design';
 
 import { Ad } from '../components/Ad';
+import { Follow } from '../components/Follow';
 import { Pattern } from '../constants/Pattern';
 import { slug } from '../utils/slug';
 import { Layout } from './Layout';
@@ -38,6 +39,7 @@ export const PatternLayout: React.FC<{
                     <Spacer size="medium" />
                 </div>
                 {children}
+                <Follow />
                 <Spacer size="extraLarge" />
             </div>
         </Layout>

styles/blocks/_follow.scss

@@ -0,0 +1,11 @@
+.block-follow {
+    background-color: #0465eb;
+    border-radius: 0.5rem;
+    color: #fff;
+    padding: 1rem;
+
+    a {
+        color: #fff;
+        text-decoration: underline;
+    }
+}

styles/index.scss

@@ -5,6 +5,7 @@
 @import 'blocks/browser-frame';
 @import 'blocks/code';
 @import 'blocks/cover';
+@import 'blocks/follow';
 @import 'blocks/footer';
 @import 'blocks/header';
 @import 'blocks/layout';