From d617a50bfa2c4a59fa4750a817cc332301a7f085 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 14 Sep 2022 11:19:19 +0800
Subject: [PATCH] New copy for about and login pages

---
 .../web/components/templates/LoginForm.tsx    |  8 ++---
 .../landing/LandingSectionsContainer.tsx      | 11 -------
 packages/web/pages/about.tsx                  | 33 ++++++++++---------
 3 files changed, 21 insertions(+), 31 deletions(-)

diff --git a/packages/web/components/templates/LoginForm.tsx b/packages/web/components/templates/LoginForm.tsx
index db1aff1c8..d3f093937 100644
--- a/packages/web/components/templates/LoginForm.tsx
+++ b/packages/web/components/templates/LoginForm.tsx
@@ -18,9 +18,9 @@ export type LoginFormProps = {
 export function LoginForm(props: LoginFormProps): JSX.Element {
   const StyledTextHeadline = styled('h1', {
     fontStyle: 'normal',
-    fontWeight: '400',
-    fontSize: '50px',
-    lineHeight: '100%',
+    fontWeight: '700',
+    fontSize: '45px',
+    lineHeight: '53px',
     color: '$omnivoreGray',
     m: '0px',
   })
@@ -38,7 +38,7 @@ export function LoginForm(props: LoginFormProps): JSX.Element {
       }}
     >
       <StyledTextHeadline>
-        Never miss a great read.
+        A read it later app for serious readers.
       </StyledTextHeadline>
       <StyledText css={{ fontStyle: 'normal',
         fontWeight: '400',
diff --git a/packages/web/components/templates/landing/LandingSectionsContainer.tsx b/packages/web/components/templates/landing/LandingSectionsContainer.tsx
index 541faf932..8353b1d22 100644
--- a/packages/web/components/templates/landing/LandingSectionsContainer.tsx
+++ b/packages/web/components/templates/landing/LandingSectionsContainer.tsx
@@ -131,17 +131,6 @@ export function LandingSectionsContainer({
   const iconColor = 'rgb(255, 210, 52)'
   return (
     <VStack alignment='center' distribution='start' css={containerStyles}>
-      <VStack distribution='center'>
-        <Box css={titleStyles}>
-          This is Omnivore
-        </Box>
-        <SpanBox css={underlineIconStyles}>
-          <CurvedUnderlineIcon />
-        </SpanBox>
-      </VStack>
-      <Box css={subTitleText}>
-        Collect and share the best of the web
-      </Box>
       {!hideFirst && (
         <LandingSection
           titleText='Simply reader-friendly'
diff --git a/packages/web/pages/about.tsx b/packages/web/pages/about.tsx
index a7cb1bcbb..4570736c6 100644
--- a/packages/web/pages/about.tsx
+++ b/packages/web/pages/about.tsx
@@ -6,27 +6,23 @@ import { LandingFooter } from '../components/templates/landing/LandingFooter'
 const mobileContainerStyles = {
   maxWidth: 430,
   alignSelf: 'center',
-  px: 10,
-  display: 'none',
-  marginTop: 60,
-  '@mdDown': {
-    display: 'flex',
-  }
+  marginTop: 80,
+  padding: '10px',
 }
 
 const headingStyles = {
   fontWeight: '700',
-  fontSize: 42,
-  lineHeight: '46px',
-  mb: 16
+  color: '#3D3D3D',
+  fontSize: 45,
+  lineHeight: '53px',
+  padding: '10px',
 }
 
+
 const subHeadingStyles = {
-  fontWeight: '700',
-  fontSize: 24,
-  lineHeight: '36px',
-  color: '#5F5E58',
+  color: 'rgb(125, 125, 125)',
   mb: 32,
+  padding: '10px',
 }
 
 export default function LandingPage(): JSX.Element {
@@ -35,11 +31,14 @@ export default function LandingPage(): JSX.Element {
       <LandingHeader />
       <VStack css={{ background: '#FEFCF5', color: '#3D3D3D' }}>
         <VStack css={mobileContainerStyles}>
-          <Box css={headingStyles}>Collect and share the best of the web</Box>
+          <Box css={headingStyles}>A read it later app for serious readers.</Box>
           <Box css={subHeadingStyles}>
-            Everything you read. Safe, organized, and easy to share.
+            Omnivore is a privacy focused, open-source read-it-later app.
+            Use it to save interesting articles and read distraction free.
+            Add notes and highlights.
+            Organise your reading queue the way you want and sync it across all your devices.
           </Box>
-          <Box css={{mb: 40}}>
+          <Box css={{ mb: 40, padding: '10px' }}>
             <GetStartedButton />
           </Box>
         </VStack>
@@ -49,3 +48,5 @@ export default function LandingPage(): JSX.Element {
     </>
   )
 }
+
+