diff --git a/packages/web/components/templates/LoginForm.tsx b/packages/web/components/templates/LoginForm.tsx
index a98d7c4a2..566276e80 100644
--- a/packages/web/components/templates/LoginForm.tsx
+++ b/packages/web/components/templates/LoginForm.tsx
@@ -38,7 +38,7 @@ export function LoginForm(props: LoginFormProps): JSX.Element {
}}
>
- A read-it-later app for serious readers.
+ Read-it-later for serious readers.
- Get Started
+ Sign Up
@@ -33,7 +33,7 @@ export function GetStartedButton(): JSX.Element {
const containerStyles = {
px: '2vw',
- pt: 100,
+ pt: 32,
pb: 100,
width: '100%',
background: 'linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(0deg, rgba(253, 250, 236, 0.7), rgba(253, 250, 236, 0.7))',
@@ -125,16 +125,23 @@ type LandingSectionsContainerProps = {
export function LandingSectionsContainer({
hideFirst = false,
hideSecond = false,
- hideThird = true,
- hideFourth = true,
+ hideThird = false,
+ hideFourth = false,
}: LandingSectionsContainerProps): JSX.Element {
const iconColor = 'rgb(255, 210, 52)'
return (
{!hideFirst && (
+ Omnivore strips away the ads, trackers, and clutter and
+ formats pages for easy reading without distractions. The
+ text-focused view also makes articles smaller and quicker
+ to load.
+
+ }
image={
+
+ Read actively, not passively. Highlight key sections and add
+ notes as you read. You can access your highlights and notes any
+ time — they stay with your articles forever.
+
+
+ Fun fact: research shows that highlighting while you read
+ improves retention and makes you a more effective reader.
+
+ >
+ }
image={
+ Send subscriptions directly to your Omnivore library, and
+ read them on your own time, away from the constant distractions
+ and interruptions of your email inbox.
+
+ }
image={
}
- icon={}
+ icon={}
/>
)}
{!hideFourth && (
+
With the Omnivore app for iOS and Android and extensions for all
+ major web browsers, you can add to your reading list any time.
+
+
Saved articles remain in your Omnivore library forever — even if the
+ site where you found them goes away. Access them any time in our reader
+ view or in their original format.
+
+ >
+ }
image={
}
- icon={}
+ icon={}
containerStyles={reversedSectionStyles}
/>
)}
- Get started with Omnivore today
+ Sign up for free
diff --git a/packages/web/pages/about.tsx b/packages/web/pages/about.tsx
index b55ac637e..c6c505f96 100644
--- a/packages/web/pages/about.tsx
+++ b/packages/web/pages/about.tsx
@@ -4,10 +4,17 @@ import { LandingHeader } from '../components/templates/landing/LandingHeader'
import { LandingFooter } from '../components/templates/landing/LandingFooter'
const mobileContainerStyles = {
- maxWidth: 430,
alignSelf: 'center',
marginTop: 80,
- padding: '10px',
+ maxWidth: 960,
+
+ px: '2vw',
+ '@md': {
+ px: '6vw',
+ },
+ '@xl': {
+ px: '120px',
+ }
}
const headingStyles = {
@@ -16,12 +23,12 @@ const headingStyles = {
fontSize: 45,
lineHeight: '53px',
padding: '10px',
+ paddingBottom: '0px',
}
const subHeadingStyles = {
color: 'rgb(125, 125, 125)',
- mb: 32,
padding: '10px',
}
@@ -31,12 +38,16 @@ export default function LandingPage(): JSX.Element {
- A read-it-later app for serious readers.
+ Omnivore is the read-it-later app for serious readers.
- 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.
+ Distraction free. Privacy focused. Open source.
+
+
+
+ Save interesting articles, newsletter subscriptions, and documents and
+ read them later — focused and distraction free. Add notes and highlights.
+ Organize your reading list the way you want and sync it across all your
+ devices.
diff --git a/packages/web/public/static/landing/landing-3.png b/packages/web/public/static/landing/landing-3.png
index 62c71adbf..bd49932cf 100644
Binary files a/packages/web/public/static/landing/landing-3.png and b/packages/web/public/static/landing/landing-3.png differ
diff --git a/packages/web/public/static/landing/landing-3@2x.png b/packages/web/public/static/landing/landing-3@2x.png
index 07cf79bea..a1784cf0b 100644
Binary files a/packages/web/public/static/landing/landing-3@2x.png and b/packages/web/public/static/landing/landing-3@2x.png differ
diff --git a/packages/web/public/static/landing/landing-4.png b/packages/web/public/static/landing/landing-4.png
index 3032d15b4..bcb786cff 100644
Binary files a/packages/web/public/static/landing/landing-4.png and b/packages/web/public/static/landing/landing-4.png differ
diff --git a/packages/web/public/static/landing/landing-4@2x.png b/packages/web/public/static/landing/landing-4@2x.png
index f8d86f031..5cbadd221 100644
Binary files a/packages/web/public/static/landing/landing-4@2x.png and b/packages/web/public/static/landing/landing-4@2x.png differ