Merge remote-tracking branch 'origin/master' into travjenkins/bug/add…

…-numbers-to-toc

src/components/footer.tsx

@@ -37,9 +37,11 @@ const Footer = () => {
                         <h1 className="global-footer-title">Estuary</h1>
                     </Link>
                     <p className="global-footer-subtext">
-                        Managed streaming data pipelines, streaming SQL
-                        transformations and turnkey connectivity to clouds,
-                        databases, and apps.
+                        Estuary provides real-time data integration and ETL for
+                        modern data pipelines. Build scalable, fault-tolerant
+                        streaming data pipelines that seamlessly connect to
+                        virtually any data source for data warehouses, real-time
+                        analytics, operations, machine learning, and AI.
                     </p>
                     <div>
                         <p className="global-footer-subtext-title">

src/layouts/Pricing/Head/index.tsx

@@ -1,12 +1,26 @@
 import React from 'react';
 
+import { graphql, useStaticQuery } from 'gatsby';
 import Seo from '../../../components/seo';
 
 export const Head = () => {
+    const { metaImg } = useStaticQuery(graphql`
+        query {
+            metaImg: file(relativePath: { eq: "pricing/graphic_parent.png" }) {
+                childImageSharp {
+                    fixed(width: 1200) {
+                        src
+                    }
+                }
+            }
+        }
+    `);
+
     return (
         <Seo
             title="Pricing"
             description="Reduce your data costs and latency with managed streaming CDC and ETL pipelines."
+            image={metaImg.childImageSharp.fixed.src}
         />
     );
 };

src/pages/index.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { graphql, useStaticQuery } from 'gatsby';
 import {
     SectionEight,
     SectionFive,
@@ -32,10 +33,23 @@ const IndexPage = () => {
 };
 
 export const Head = () => {
+    const { metaImg } = useStaticQuery(graphql`
+        query {
+            metaImg: file(relativePath: { eq: "flow-desktop.png" }) {
+                childImageSharp {
+                    fixed(width: 1200) {
+                        src
+                    }
+                }
+            }
+        }
+    `);
+
     return (
         <Seo
             title="Estuary | Real-Time Data Integration, CDC & ETL Platform"
             description="Estuary Flow is the most reliable real-time data integration platform for ETL, ELT, CDC and streaming pipelines. Build and automate data pipelines. Try it free!"
+            image={metaImg.childImageSharp.fixed.src}
         />
     );
 };

src/pages/product.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { graphql, useStaticQuery } from 'gatsby';
 import Seo from '../components/seo';
 
 import SectionEight from '../components/Product/SectionEight';
@@ -46,10 +47,23 @@ const Product = () => {
 };
 
 export const Head = () => {
+    const { metaImg } = useStaticQuery(graphql`
+        query {
+            metaImg: file(relativePath: { eq: "real-time-graphic.png" }) {
+                childImageSharp {
+                    fixed(width: 1200) {
+                        src
+                    }
+                }
+            }
+        }
+    `);
+
     return (
         <Seo
             title="Flow"
             description="Flow is the first real-time Data Operations platform. Set up pipelines with both historical and real-time data in minutes."
+            image={metaImg.childImageSharp.fixed.src}
         />
     );
 };