arturbien
diff --git a/‎docs/index.html
+40-1 b/‎docs/index.html
+40-1
diff --git a/‎docs/og-image.png
180 KB b/‎docs/og-image.png
180 KB
@@ -3,7 +3,46 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Balloons Package Documentation</title>
+    <title>balloons-js</title>
+
+    <!-- SEO meta tags -->
+    <meta
+      name="description"
+      content="Animated balloons effect for your website"
+    />
+    <meta
+      name="keywords"
+      content="balloons, JavaScript, CSS, animation, web development, npm package"
+    />
+    <meta name="author" content="Artur Bień" />
+
+    <!-- Open Graph meta tags -->
+    <meta property="og:title" content="balloons-js" />
+    <meta
+      property="og:description"
+      content="Learn how to easily add balloon animations to your web projects with the Balloons JavaScript package."
+    />
+    <meta property="og:image" content="og-image.png" />
+    <meta
+      property="og:url"
+      content="https://arturbien.github.io/balloons/og-image.png"
+    />
+    <meta property="og:type" content="website" />
+
+    <!-- Twitter Card meta tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="balloons-js" />
+    <meta
+      name="twitter:description"
+      content="Learn how to easily add balloon animations to your web projects with the Balloons JavaScript package."
+    />
+    <meta
+      name="twitter:image"
+      content="https://arturbien.github.io/balloons/og-image.png"
+    />
+
+    <!-- Favicon -->
+    <link rel="icon" href="favicon.ico" type="image/x-icon" />
   </head>
   <style>
     * {