From 3a678f6d80b23d2a97139368c424b491ef3f563b Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 13 Jan 2023 17:01:37 +0800
Subject: [PATCH] Update open graph image url

---
 packages/web/pages/about.tsx | 6 +++---
 packages/web/pages/index.tsx | 4 ++--
 packages/web/pages/login.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/pages/about.tsx b/packages/web/pages/about.tsx
index f05011a16..c1e3be3c7 100644
--- a/packages/web/pages/about.tsx
+++ b/packages/web/pages/about.tsx
@@ -7,7 +7,7 @@ import { LandingHeader } from '../components/templates/landing/LandingHeader'
 import { LandingFooter } from '../components/templates/landing/LandingFooter'
 import { PageMetaData } from '../components/patterns/PageMetaData'
 
-const mobileContainerStyles = {
+const containerStyles = {
   alignSelf: 'center',
   marginTop: 80,
   maxWidth: 960,
@@ -44,7 +44,7 @@ export default function LandingPage(): JSX.Element {
       <PageMetaData
         title="Omnivore"
         path="/about"
-        ogImage="/static/images/og-homepage-02.png"
+        ogImage="/static/images/og-homepage-03.png"
         description="Omnivore is the free, open source, read-it-later app for serious readers."
       />
 
@@ -53,7 +53,7 @@ export default function LandingPage(): JSX.Element {
         alignment="center"
         css={{ background: '#FEFCF5', color: '#3D3D3D' }}
       >
-        <VStack css={mobileContainerStyles}>
+        <VStack css={containerStyles}>
           <Box css={headingStyles}>
             Omnivore is the free, open source, read-it-later app for serious
             readers.
diff --git a/packages/web/pages/index.tsx b/packages/web/pages/index.tsx
index 499af170a..3327f1af7 100644
--- a/packages/web/pages/index.tsx
+++ b/packages/web/pages/index.tsx
@@ -54,7 +54,7 @@ export default function LandingPage(): JSX.Element {
         <PageMetaData
           title="Omnivore"
           path="/"
-          ogImage="/static/images/og-homepage-02.png"
+          ogImage="/static/images/og-homepage-03.png"
           description="Omnivore is the free, open source, read-it-later app for serious readers."
         />
         <LoadingView bgColor="#FEFCF5" />
@@ -67,7 +67,7 @@ export default function LandingPage(): JSX.Element {
       <PageMetaData
         title="Omnivore"
         path="/"
-        ogImage="/static/images/og-homepage-02.png"
+        ogImage="/static/images/og-homepage-03.png"
         description="Omnivore is the free, open source, read-it-later app for serious readers."
       />
 
diff --git a/packages/web/pages/login.tsx b/packages/web/pages/login.tsx
index 42db076a2..955cb49ac 100644
--- a/packages/web/pages/login.tsx
+++ b/packages/web/pages/login.tsx
@@ -37,7 +37,7 @@ export default function Login(): JSX.Element {
       <PageMetaData
         title="Welcome to Omnivore"
         path="/login"
-        ogImage="/static/images/og-homepage-02.png"
+        ogImage="/static/images/og-homepage-03.png"
       />
       <LoginLayout {...loginFormProps} />
       <div data-testid="login-page-tag" />