feat(sreez): Add og:image on landing page

sreez/src/app.rs

@@ -21,7 +21,6 @@ pub fn App() -> impl IntoView {
 
         // sets the document title
         <Title text="SREEZ - Site Reliability Engineering for Everyone, eZ"/>
-
         // content for this welcome page
         <Router>
             <main class="bg-main bg-light">

sreez/src/pages/short_landing_page.rs

@@ -1,11 +1,18 @@
 use leptos::*;
+use leptos_meta::*;
 use crate::components::BookADemo;
 use crate::components::Footer;
 
 /// Renders the home page of your application.
 #[component]
 pub fn ShortLandingPage() -> impl IntoView {
+    provide_meta_context();
+
     view! {
+        <Meta property="og:image" content="https://sreez.nationtech.io/assets/sreez_og_banner.png"/>
+        <Meta property="og:image:width" content="1200"/>
+        <Meta property="og:image:height" content="630"/>
+
         <div class="margin-x-auto lg-margin-x-3">
             <img src="assets/sreez_logo_shaded_v2.png" aria-label="SREEZ mascot of a cherry because SREEZ sounds like 'cerise' in French which means Cherry" class="max-width-150 margin-top-5"/>
         </div>