diff --git a/sreez/assets/sreez_og_banner.png b/sreez/assets/sreez_og_banner.png
new file mode 100644
index 0000000..47442b4
Binary files /dev/null and b/sreez/assets/sreez_og_banner.png differ
diff --git a/sreez/src/app.rs b/sreez/src/app.rs
index 779cc7a..2f0202a 100644
--- a/sreez/src/app.rs
+++ b/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">
diff --git a/sreez/src/pages/short_landing_page.rs b/sreez/src/pages/short_landing_page.rs
index 6d9f2d4..9b71a43 100644
--- a/sreez/src/pages/short_landing_page.rs
+++ b/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>