add a badge as example

Author: nasdan

README.md

@@ -8,4 +8,29 @@
       src="https://raw.githubusercontent.com/lemoncode/react-image-focal-point/develop/website/static/img/logo.svg"
     />
   </a>
+  <p>You can just drag and drop a focal point button on top of your image and enhance your cropped images.</p>
+
+  <br/>
+
+  <a target="_blank" href="https://stackblitz.com/github/Lemoncode/react-image-focal-point/tree/main/examples/basic">
+  <img
+    src="https://developer.stackblitz.com/img/open_in_stackblitz.svg"
+    alt="Edit on StackBlitz"
+    title="Edit on StackBlitz"
+    height="36"
+  />
+</a> <a target="_blank" href="https://codesandbox.io/s/github/Lemoncode/react-image-focal-point/tree/main/examples/basic">
+  <img
+    src="https://codesandbox.io/static/img/play-codesandbox.svg"
+    alt="Edit on Codesandbox"
+    title="Edit on Codesandbox"
+    height="36"
+    />
+  </a>
 </div>
+
+<hr />
+
+Video tutorial comming soon
+
+[![Code Coverage][coverage-badge]][coverage]

website/docusaurus.config.js

@@ -10,9 +10,8 @@ const projectName = 'react-image-focal-point';
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'React Image Focal Point',
-  tagline: 'Image focal point component for React',
+  tagline: 'You can just drag and drop a focal point button on top of your image and enhance your cropped images.',
   favicon: 'img/favicon.ico',
-
   url: `https://${organizationName}.github.io`,
   baseUrl: `/${projectName}`,
   organizationName,
@@ -106,15 +105,18 @@ const config = {
           {
             title: 'More',
             items: [
-              {
-                // TODO: Update blog link
-                label: 'Blog',
-                to: '/',
-              },
               {
                 label: 'GitHub',
                 href: 'https://github.com/Lemoncode/react-image-focal-point',
               },
+              {
+                label: 'Blog (ES)',
+                href: 'https://lemoncode.net/lemoncode-blog',
+              },
+              {
+                label: 'Blog (EN)',
+                href: 'https://www.basefactor.com/blog',
+              },
             ],
           },
         ],