diff --git a/packages/web/components/templates/landing/LandingSectionsContainer.tsx b/packages/web/components/templates/landing/LandingSectionsContainer.tsx index 92b641663..58ecf43f0 100644 --- a/packages/web/components/templates/landing/LandingSectionsContainer.tsx +++ b/packages/web/components/templates/landing/LandingSectionsContainer.tsx @@ -42,6 +42,7 @@ const containerStyles = { pt: 32, pb: 100, width: '100%', + maxWidth: '1224px', 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))', '@mdDown': { @@ -92,19 +93,7 @@ const callToActionText = { padding: '20px', } -type LandingSectionsContainerProps = { - hideFirst?: boolean - hideSecond?: boolean - hideThird?: boolean - hideFourth?: boolean -} - -export function LandingSectionsContainer({ - hideFirst = false, - hideSecond = false, - hideThird = false, - hideFourth = false, -}: LandingSectionsContainerProps): JSX.Element { +export function LandingSectionsContainer(): JSX.Element { // const iconColor = 'rgb(255, 210, 52)' return ( @@ -112,14 +101,16 @@ export function LandingSectionsContainer({ css={{ display: 'flex', justifyContent: 'center', - // margin: '40px', + marginBottom: '120px', '@mdDown': { margin: '0 0 10px 0', }, }} > landingHero-1 - {!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={ + landing-2 + } + /> + +

- 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. + With the Omnivore app for iOS and Android and extensions for all + major web browsers, you can add to your reading list any time.

- } - image={ - landing-2 - } - /> - )} - {!hideSecond && ( - -

- 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-3 - } - containerStyles={reversedSectionStyles} - /> - )} - {!hideThird && ( - - 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. + 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 - } - /> - )} - {!hideFourth && ( - - Read what you want, not what some algorithm says you should. Keep - your reading organized and easily available with labels, filters, - and fully indexed text searches. -

- } - image={ - landing-5 - } - containerStyles={reversedSectionStyles} - /> - )} + + } + image={ + landing-3 + } + containerStyles={reversedSectionStyles} + /> + + + 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-4 + } + /> + + + Read what you want, not what some algorithm says you should. Keep + your reading organized and easily available with labels, filters, + and fully indexed text searches. +

+ } + image={ + landing-5 + } + containerStyles={reversedSectionStyles} + /> + } /> @@ -242,9 +239,11 @@ export function LandingSectionsContainer({ } image={ landing-7 } containerStyles={reversedSectionStyles} diff --git a/packages/web/pages/about.tsx b/packages/web/pages/about.tsx index c0dd858bb..6b50cf2bc 100644 --- a/packages/web/pages/about.tsx +++ b/packages/web/pages/about.tsx @@ -41,7 +41,10 @@ export default function LandingPage(): JSX.Element { return ( <> - + Omnivore is the read-it-later app for serious readers. diff --git a/packages/web/public/static/landing/landing-5.png b/packages/web/public/static/landing/landing-5.png new file mode 100644 index 000000000..dcb5b7754 Binary files /dev/null and b/packages/web/public/static/landing/landing-5.png differ diff --git a/packages/web/public/static/landing/landing-5@2x.png b/packages/web/public/static/landing/landing-5@2x.png new file mode 100644 index 000000000..617eb02ab Binary files /dev/null and b/packages/web/public/static/landing/landing-5@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-1.png b/packages/web/public/static/landing/landingPage-1.png index e3bd5d7b2..9c667c11e 100644 Binary files a/packages/web/public/static/landing/landingPage-1.png and b/packages/web/public/static/landing/landingPage-1.png differ diff --git a/packages/web/public/static/landing/landingPage-1@2x.png b/packages/web/public/static/landing/landingPage-1@2x.png new file mode 100644 index 000000000..d7f230ed2 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-1@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-1@3x.png b/packages/web/public/static/landing/landingPage-1@3x.png new file mode 100644 index 000000000..ac747a701 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-1@3x.png differ diff --git a/packages/web/public/static/landing/landingPage-2.png b/packages/web/public/static/landing/landingPage-2.png index 422b44d0d..9a707b4dd 100644 Binary files a/packages/web/public/static/landing/landingPage-2.png and b/packages/web/public/static/landing/landingPage-2.png differ diff --git a/packages/web/public/static/landing/landingPage-2@2x.png b/packages/web/public/static/landing/landingPage-2@2x.png new file mode 100644 index 000000000..77b3596c9 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-2@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-2@3x.png b/packages/web/public/static/landing/landingPage-2@3x.png new file mode 100644 index 000000000..c3bd23a51 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-2@3x.png differ diff --git a/packages/web/public/static/landing/landingPage-3.png b/packages/web/public/static/landing/landingPage-3.png index f398ba13f..36eb4e82f 100644 Binary files a/packages/web/public/static/landing/landingPage-3.png and b/packages/web/public/static/landing/landingPage-3.png differ diff --git a/packages/web/public/static/landing/landingPage-3@2x.png b/packages/web/public/static/landing/landingPage-3@2x.png new file mode 100644 index 000000000..26fbc980d Binary files /dev/null and b/packages/web/public/static/landing/landingPage-3@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-3@3x.png b/packages/web/public/static/landing/landingPage-3@3x.png new file mode 100644 index 000000000..1a52c64e1 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-3@3x.png differ diff --git a/packages/web/public/static/landing/landingPage-4.png b/packages/web/public/static/landing/landingPage-4.png index 563675e28..43fbb6c30 100644 Binary files a/packages/web/public/static/landing/landingPage-4.png and b/packages/web/public/static/landing/landingPage-4.png differ diff --git a/packages/web/public/static/landing/landingPage-4@2x.png b/packages/web/public/static/landing/landingPage-4@2x.png new file mode 100644 index 000000000..20e6a4a42 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-4@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-4@3x.png b/packages/web/public/static/landing/landingPage-4@3x.png new file mode 100644 index 000000000..da578e94c Binary files /dev/null and b/packages/web/public/static/landing/landingPage-4@3x.png differ diff --git a/packages/web/public/static/landing/landingPage-5.png b/packages/web/public/static/landing/landingPage-5.png index 723483910..22ba39229 100644 Binary files a/packages/web/public/static/landing/landingPage-5.png and b/packages/web/public/static/landing/landingPage-5.png differ diff --git a/packages/web/public/static/landing/landingPage-5@2x.png b/packages/web/public/static/landing/landingPage-5@2x.png new file mode 100644 index 000000000..bf348afa9 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-5@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-5@3x.png b/packages/web/public/static/landing/landingPage-5@3x.png new file mode 100644 index 000000000..cc6143bda Binary files /dev/null and b/packages/web/public/static/landing/landingPage-5@3x.png differ diff --git a/packages/web/public/static/landing/landingPage-6.png b/packages/web/public/static/landing/landingPage-6.png index f2d7d3d9b..7fb07537e 100644 Binary files a/packages/web/public/static/landing/landingPage-6.png and b/packages/web/public/static/landing/landingPage-6.png differ diff --git a/packages/web/public/static/landing/landingPage-6@2x.png b/packages/web/public/static/landing/landingPage-6@2x.png new file mode 100644 index 000000000..ef3c59f82 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-6@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-6@3x.png b/packages/web/public/static/landing/landingPage-6@3x.png new file mode 100644 index 000000000..04fb80dce Binary files /dev/null and b/packages/web/public/static/landing/landingPage-6@3x.png differ diff --git a/packages/web/public/static/landing/landingPage-7.png b/packages/web/public/static/landing/landingPage-7.png index eac6671bd..9bb683e5b 100644 Binary files a/packages/web/public/static/landing/landingPage-7.png and b/packages/web/public/static/landing/landingPage-7.png differ diff --git a/packages/web/public/static/landing/landingPage-7@2x.png b/packages/web/public/static/landing/landingPage-7@2x.png new file mode 100644 index 000000000..16d7d46d3 Binary files /dev/null and b/packages/web/public/static/landing/landingPage-7@2x.png differ diff --git a/packages/web/public/static/landing/landingPage-7@3x.png b/packages/web/public/static/landing/landingPage-7@3x.png new file mode 100644 index 000000000..4b556ca0c Binary files /dev/null and b/packages/web/public/static/landing/landingPage-7@3x.png differ