Seo things

Author: luzrain

docusaurus.config.js

@@ -8,7 +8,7 @@ import {themes as prismThemes} from 'prism-react-renderer';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: 'PHPStreamServer: asynchronous application server for php',
+  title: 'PHPStreamServer: Asynchronous application server for php',
   tagline: 'PHP Application Server',
   favicon: 'img/phpss-icon.png',
 
@@ -61,8 +61,12 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      metadata: [
+        {name: 'description', content: 'High-performance PHP application server and process manager written in PHP'},
+        {name: 'og:description', content: 'High-performance PHP application server and process manager written in PHP'},
+      ],
       // Replace with your project's social card
-      image: 'img/docusaurus-social-card.jpg',
+      image: 'img/ograph.png',
       navbar: {
         //title: 'My Site',
         logo: {

src/components/LandingPage/index.js

@@ -26,9 +26,9 @@ const Index = () => {
             <header className={styles.heroBanner}>
                 <div className="container">
                     <LogoImg alt="PHPStreamServer" className="w-auto max-w-full h-[2.5em] lg:h-[3.5em] lg:w-auto mb-5 text-black dark:text-gray-200"/>
-                    <div className="mb-5 text-md md:text-xl lg:text-2xl font-semibold dark:text-gray-200">
+                    <h1 className="mb-5! text-lg! md:text-xl! lg:text-2xl! font-semibold! dark:text-gray-200">
                         High-performance PHP application server and process manager written in PHP
-                    </div>
+                    </h1>
                     <div className="text-base dark:text-gray-200">
                         PHPStreamServer is a high-performance, event-loop-based application server and supervisor for PHP, written in PHP.<br/>
                         Powered by the  <Link href="https://revolt.run/">Revolt</Link> event loop and built on the <Link href="https://amphp.org/">AMPHP</Link> ecosystem, it brings true asynchronous capabilities to your applications.<br/>

src/components/LandingPage/index.module.css

@@ -20,6 +20,11 @@
     pointer-events: none;
 }
 
+h1, h2, h3 {
+    font: inherit;
+    @apply leading-none;
+}
+
 .subtitle {
     @apply relative font-bold pb-3 mb-6 text-center text-3xl;
 }