Add X and Facebook meta tags

Author: davidalejandroaguilar

.DS_Store

@@ -5,6 +5,7 @@ class ApplicationLayout < ApplicationView
   include Phlex::Rails::Helpers::TurboRefreshesWith
   include Phlex::Rails::Helpers::Flash
   include Phlex::Rails::Helpers::TurboFrameTag
+  include Phlex::Rails::Helpers::ImagePath
 
   def view_template(&block)
     doctype
@@ -85,6 +86,24 @@ def view_template(&block)
           content: "#ffffff"
         )
 
+        # OG tags
+        meta name: "description", content: "PhlexyUI is a component library built with Phlex, a Ruby gem for building fast object-oriented HTML components. On top of DaisyUI, the most popular component library for Tailwind CSS."
+
+        # Facebook meta tags
+        meta property: "og:url", content: "https://phlexyui.com/"
+        meta property: "og:type", content: "website"
+        meta property: "og:title", content: "PhlexyUI Docs"
+        meta property: "og:description", content: "PhlexyUI is a component library built with Phlex, a Ruby gem for building fast object-oriented HTML components. On top of DaisyUI, the most popular component library for Tailwind CSS."
+        meta property: "og:image", content: image_path("phlexy_ui_og.png")
+
+        # X meta tags
+        meta name: "twitter:card", content: "summary_large_image"
+        meta property: "twitter:domain", content: "phlexyui.com"
+        meta property: "twitter:url", content: "https://phlexyui.com/"
+        meta name: "twitter:title", content: "PhlexyUI Docs"
+        meta name: "twitter:description", content: "PhlexyUI is a component library built with Phlex, a Ruby gem for building fast object-oriented HTML components. On top of DaisyUI, the most popular component library for Tailwind CSS."
+        meta name: "twitter:image", content: image_path("phlexy_ui_og.png")
+
         yield :head
       end