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={ landing-3 } - 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={ landing-4 } - 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