From a26ff35a7b35dfbdaea75f719d17d50bfd7029e5 Mon Sep 17 00:00:00 2001
From: alt0 <wxlxinglong@outlook.com>
Date: Fri, 9 Sep 2022 15:00:24 +0800
Subject: [PATCH] fix: landing page style & duplicate contact us

---
 apps/venus/src/app/IndexPage/Alternatives.tsx |  8 ++---
 apps/venus/src/app/IndexPage/IndexPage.tsx    |  8 ++---
 apps/venus/src/app/common/Header.tsx          | 29 +------------------
 3 files changed, 9 insertions(+), 36 deletions(-)

diff --git a/apps/venus/src/app/IndexPage/Alternatives.tsx b/apps/venus/src/app/IndexPage/Alternatives.tsx
index 17403e01c9..4c7645a9d8 100644
--- a/apps/venus/src/app/IndexPage/Alternatives.tsx
+++ b/apps/venus/src/app/IndexPage/Alternatives.tsx
@@ -7,7 +7,7 @@ import { useMediaQuery } from '@mui/material';
 
 const Alternatives = styled(Box)<{ width: string }>(({ width }) => ({
     position: 'relative',
-    width: '20em',
+    width: '24em',
     height: '128px',
     transform: 'translateY(-8px)',
     overflowY: 'hidden',
@@ -21,7 +21,7 @@ const Alternatives = styled(Box)<{ width: string }>(({ width }) => ({
         height: 'inherit',
         position: 'absolute',
         left: '0',
-        top: '0',
+        top: '-23px',
         paddingTop: '22px',
         lineHeight: '96px',
         '@media (max-width: 1024px)': {
@@ -105,7 +105,7 @@ export const AlternativesProduct = () => {
                 )}
             >
                 <Typography
-                    fontSize="64px"
+                    fontSize="96px"
                     fontWeight={900}
                     sx={{
                         color: '#06449d',
@@ -135,7 +135,7 @@ export const AlternativesProduct = () => {
                 }}
             >
                 <Typography
-                    fontSize="64px"
+                    fontSize="96px"
                     fontWeight={900}
                     sx={{
                         color: '#06449d',
diff --git a/apps/venus/src/app/IndexPage/IndexPage.tsx b/apps/venus/src/app/IndexPage/IndexPage.tsx
index 71e26402e8..e664fa834d 100644
--- a/apps/venus/src/app/IndexPage/IndexPage.tsx
+++ b/apps/venus/src/app/IndexPage/IndexPage.tsx
@@ -64,7 +64,7 @@ export function IndexPage() {
     return (
         <>
             <AFFiNEHeader />
-            <Grid xs={12} sx={{ display: 'flex', marginTop: '12vh!important' }}>
+            <Grid xs={12} sx={{ display: 'flex', marginTop: '20vh!important' }}>
                 <Box
                     sx={{
                         display: 'inline-flex',
@@ -76,7 +76,7 @@ export function IndexPage() {
                     }}
                 >
                     <Typography
-                        fontSize="64px"
+                        fontSize="96px"
                         fontWeight={900}
                         sx={{
                             marginRight: '0.25em',
@@ -89,7 +89,7 @@ export function IndexPage() {
                         {t('Open Source')},
                     </Typography>
                     <Typography
-                        fontSize="64px"
+                        fontSize="96px"
                         fontWeight={900}
                         sx={{
                             '@media (max-width: 1024px)': {
@@ -120,7 +120,7 @@ export function IndexPage() {
                 >
                     <AlternativesProduct />
                     <Typography
-                        fontSize="64px"
+                        fontSize="96px"
                         fontWeight={900}
                         sx={{
                             color: '#06449d',
diff --git a/apps/venus/src/app/common/Header.tsx b/apps/venus/src/app/common/Header.tsx
index 34d84f81df..9a2e8d0173 100644
--- a/apps/venus/src/app/common/Header.tsx
+++ b/apps/venus/src/app/common/Header.tsx
@@ -139,34 +139,6 @@ export const AFFiNEHeader = () => {
                         window.open(href);
                     }}
                 />
-                <HoverMenu
-                    title={t('ContactUs')}
-                    options={[
-                        {
-                            title: 'Discord',
-                            value: 'https://discord.gg/Arn7TqJBvG',
-                        },
-                        {
-                            title: 'Telegram',
-                            value: 'https://t.me/affineworkos',
-                        },
-                        {
-                            title: 'Reddit',
-                            value: 'https://www.reddit.com/r/Affine/',
-                        },
-                        {
-                            title: 'Medium',
-                            value: 'https://medium.com/@affineworkos',
-                        },
-                        {
-                            title: 'Email',
-                            value: 'mailto:contact@toeverything.info',
-                        },
-                    ]}
-                    onSelect={href => {
-                        window.open(href);
-                    }}
-                />
                 <Select
                     defaultValue="en"
                     sx={{ display: matchesIPAD ? 'none' : 'intial' }}
@@ -192,6 +164,7 @@ const Container = styled(Grid)({
     transform: 'translateX(-50%)',
     width: '100%',
     paddingTop: '1em',
+    paddingBottom: '1em',
     backgroundColor: '#fff',
     zIndex: 1500,
     maxWidth: '1440px',