Update meta

Author: barryvdh

docs/collectors.md

@@ -1,4 +1,6 @@
 ---
+description: Laravel Debugbar contains a lot of collectors to help you debug or profile Database Queries, Log messages, View templates, Request and Route information, etc.
+preview_image: img/preview-usage.jpg
 hide:
   - navigation
 ---

docs/features.md

@@ -1,4 +1,6 @@
 ---
+description: Laravel Debugbar contains features like collectors, capturing ajax requesting, browsing history etc.
+preview_image: img/preview-features.jpg
 hide:
   - navigation
 ---

docs/img/preview-collectors.jpg

@@ -1,5 +1,6 @@
 ---
-title: Laravel Debugbar
+title: Debugbar for Laravel
+description: Laravel Debugbar is a package that integrates PHP Debug Bar with Laravel to debug database queries and profile other information.
 hide:
   - navigation
   - toc 
@@ -12,7 +13,7 @@ hide:
 [![Total Downloads](https://img.shields.io/packagist/dt/barryvdh/laravel-debugbar?label=Downloads)](https://packagist.org/packages/barryvdh/laravel-debugbar)
 [![Fruitcake](https://img.shields.io/badge/Powered%20By-Fruitcake-b2bc35.svg)](https://fruitcake.nl/)
 
-Laravel Debugbar is a package that integrates [PHP Debug Bar](https://github.com/php-debugbar/php-debugbar) with Laravel. 
+Laravel Debugbar is a package that integrates [PHP Debug Bar](https://github.com/php-debugbar/php-debugbar) with Laravel to debug [database queries](collectors.md#db) and [profile other information](collectors.md).
 
 ![Debugbar Dark Mode screenshot](img/debugbar.gif)
 

docs/img/preview-features.jpg

@@ -1,4 +1,6 @@
 ---
+description: Installing Laravel Debugbar in a project is simple. Use 'composer require barryvdh/laravel-debugbar --dev' to get started now
+preview_image: img/preview-install.jpg
 hide:
   - navigation
 ---

docs/img/preview-install.jpg

@@ -1,10 +1,12 @@
 {% extends "base.html" %}
 
 <!-- Meta tags -->
-{% block site_meta %}
+{% block extrahead %}
 {{ super() }}
 
-{% if page.meta and page.meta.title %}
+{% if page.is_homepage %}
+<meta property="og:title" content="{{ config.site_name }}" />
+{% elif page.meta and page.meta.title %}
 <meta property="og:title" content="{{ page.meta.title }} - {{ config.site_name }}" />
 {% elif page.title and not page.is_homepage %}
 <meta property="og:title" content="{{ page.title | striptags }} - {{ config.site_name }}" />
@@ -21,10 +23,13 @@
 <meta property="og:type" content="website" />
 {% if page.canonical_url %}
 <meta property="og:url" content="{{ page.canonical_url }}" />
-
 {% endif %}
 
+{% if page.meta and page.meta.preview_image %}
+<meta property="og:image" content="{{ config.site_url }}{{ page.meta.preview_image }}" />
+{% else %}
 <meta property="og:image" content="{{ config.site_url }}img/preview.jpg" />
+{% endif %}
 
 {% endblock %}
 

docs/img/preview-usage.jpg

@@ -1,4 +1,6 @@
 ---
+description: Using Laravel Debugbar is simple. After installing, just enable Debug mode and you should be good. Read further for more options.
+preview_image: img/preview-usage.jpg
 hide:
   - navigation
 ---

docs/index.md

@@ -37,6 +37,7 @@ theme:
     - content.action.edit
     - toc.follow
     - search.highlight
+    - meta
 extra_css:
   - assets/extra.css
   - assets/debugbar.css