diff --git a/packages/web/components/templates/About.tsx b/packages/web/components/templates/About.tsx deleted file mode 100644 index b004515e4..000000000 --- a/packages/web/components/templates/About.tsx +++ /dev/null @@ -1,148 +0,0 @@ -import { HStack, VStack } from '../elements/LayoutPrimitives' -import { OmnivoreNameLogo } from '../elements/images/OmnivoreNameLogo' -import Image from 'next/image' -import { StyledText } from '../elements/StyledText' -import { Button } from '../elements/Button' -import { theme } from '../tokens/stitches.config' - -export function About(): JSX.Element { - return ( - - - - - - Everything you read. Safe, organized, and easy to share. - - - - - - Illustration of Woman Reading - - - - - This is Omnivore - - - Collect and share the best of the web - - - - - - - - ) -} - -type AboutSectionProps = { - title: string - description: string - imageSource: string - imageAltText: string - leadWithImage: boolean -} - -function AboutSection(props: AboutSectionProps): JSX.Element { - return ( - - - - {props.title} - - - {props.description} - - - - - {props.imageAltText} - - - - ) -} 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 { }} > - Never miss a great read. + A read it later app for serious readers. - {/* - + + - app-store + app-store - */} + Contact 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 ( - - - This is Omnivore - - - - - - - Collect and share the best of the web - {!hideFirst && ( - Collect and share the best of the web + A read it later app for serious readers. - 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. - + @@ -49,3 +48,5 @@ export default function LandingPage(): JSX.Element { ) } + + diff --git a/packages/web/pages/index.tsx b/packages/web/pages/index.tsx index 11792b49d..93788cd39 100644 --- a/packages/web/pages/index.tsx +++ b/packages/web/pages/index.tsx @@ -21,7 +21,7 @@ export default function Home(): JSX.Element { return ( <> - + ) diff --git a/packages/web/pages/login.tsx b/packages/web/pages/login.tsx index c315b53e2..fcd7578f3 100644 --- a/packages/web/pages/login.tsx +++ b/packages/web/pages/login.tsx @@ -38,7 +38,7 @@ export default function Login(): JSX.Element { src="https://accounts.google.com/gsi/client" strategy="afterInteractive" /> - +
diff --git a/packages/web/public/static/images/og-homepage.png b/packages/web/public/static/images/og-homepage.png new file mode 100644 index 000000000..1e1bb3513 Binary files /dev/null and b/packages/web/public/static/images/og-homepage.png differ