diff --git a/src/components/UI/Header.tsx b/src/components/UI/Header.tsx
index 300c38116f..cb7641849c 100644
--- a/src/components/UI/Header.tsx
+++ b/src/components/UI/Header.tsx
@@ -17,14 +17,12 @@ export const Header: FC = () => {
p={4}
justifyContent='center'
alignItems='flex-start'
- borderRight={{ base: 'none', sm: '2px solid #11866f'}}
+ borderRight={{ base: 'none', sm: '2px solid #11866f' }}
flexGrow={2}
>
-
- go-ethereum
-
+ go-ethereum
@@ -96,10 +94,7 @@ export const Header: FC = () => {
{/* DARK MODE SWITCH */}
-
+
diff --git a/src/components/UI/downloads/DownloadsHero.tsx b/src/components/UI/downloads/DownloadsHero.tsx
index 2c01270953..397357cb14 100644
--- a/src/components/UI/downloads/DownloadsHero.tsx
+++ b/src/components/UI/downloads/DownloadsHero.tsx
@@ -1,4 +1,14 @@
-import { Box, Button, Image, Link, Stack, HStack, Text } from '@chakra-ui/react';
+import {
+ Box,
+ Center,
+ Button,
+ Grid,
+ Image,
+ Link,
+ Stack,
+ HStack,
+ Text
+} from '@chakra-ui/react';
import { FC } from 'react';
import NextLink from 'next/link';
@@ -29,61 +39,101 @@ export const DownloadsHero: FC = ({
DOWNLOAD_HEADER_BUTTONS.sourceCode.buildURL = sourceCodeURL;
return (
-
-
-
-
+
+
+
+
+
+ Download go-ethereum
+
-
-
- Download go-ethereum
-
+
+ {currentBuildName} ({currentBuildVersion})
+
-
- {currentBuildName} ({currentBuildVersion})
-
+
+ You can download the latest 64-bit stable release of Geth for our primary platforms
+ below. Packages for all supported platforms, as well as develop builds, can be found
+ further down the page. If you're looking to install Geth and/or associated tools
+ via your favorite package manager, please check our installation guide.
+
+
-
- You can download the latest 64-bit stable release of Geth for our primary platforms below.
- Packages for all supported platforms, as well as develop builds, can be found further down
- the page. If you're looking to install Geth and/or associated tools via your favorite
- package manager, please check our installation guide.
-
+
+
+
+
+
+
- {Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => {
- return (
-
-
-
- );
- })}
+
+ {Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => {
+ return (
+
+
+
+ );
+ })}
+
Release notes for {currentBuildName} {currentBuildVersion}
-
-
+
+
+
+
+
+
);
};
diff --git a/src/components/UI/downloads/DownloadsSection.tsx b/src/components/UI/downloads/DownloadsSection.tsx
index 365bb49411..adf55abe6e 100644
--- a/src/components/UI/downloads/DownloadsSection.tsx
+++ b/src/components/UI/downloads/DownloadsSection.tsx
@@ -1,4 +1,4 @@
-import { Box, Image, Stack } from '@chakra-ui/react';
+import { Center, Flex, Image, Stack, Text } from '@chakra-ui/react';
import { FC } from 'react';
interface Props {
@@ -6,10 +6,18 @@ interface Props {
id: string;
imgSrc?: string;
imgAltText?: string;
+ sectionDescription?: React.ReactNode;
sectionTitle: string;
}
-export const DownloadsSection: FC = ({ children, imgSrc, imgAltText, sectionTitle, id }) => {
+export const DownloadsSection: FC = ({
+ children,
+ imgSrc,
+ imgAltText,
+ sectionDescription,
+ sectionTitle,
+ id
+}) => {
return (
{!!imgSrc && (
@@ -19,18 +27,33 @@ export const DownloadsSection: FC = ({ children, imgSrc, imgAltText, sect
)}
-
-
- {sectionTitle}
-
-
+
+
+
+ {sectionTitle}
+
+
+
+
+ {sectionDescription && (
+
+ {sectionDescription}
+
+ )}
+
- {children}
+
+ {children}
+
);
};
diff --git a/src/components/UI/downloads/SpecificVersionsSection.tsx b/src/components/UI/downloads/SpecificVersionsSection.tsx
new file mode 100644
index 0000000000..d7f9279771
--- /dev/null
+++ b/src/components/UI/downloads/SpecificVersionsSection.tsx
@@ -0,0 +1,42 @@
+import { Box, Flex, Image, Stack } from '@chakra-ui/react';
+import { FC } from 'react';
+
+interface Props {
+ children: React.ReactNode;
+}
+
+export const SpecificVersionsSection: FC = ({ children }) => {
+ return (
+
+
+ {/* TODO: use NextImage */}
+
+
+
+
+
+ Specific Versions
+
+
+ {children}
+
+
+ );
+};
diff --git a/src/components/UI/downloads/index.ts b/src/components/UI/downloads/index.ts
index 11310c63fc..9c5b9ae8c4 100644
--- a/src/components/UI/downloads/index.ts
+++ b/src/components/UI/downloads/index.ts
@@ -1,3 +1,4 @@
export * from './DownloadsHero';
export * from './DownloadsSection';
export * from './DownloadsTable';
+export * from './SpecificVersionsSection';
diff --git a/src/components/UI/homepage/HomeHero.tsx b/src/components/UI/homepage/HomeHero.tsx
index 600c6715de..cb68860bdb 100644
--- a/src/components/UI/homepage/HomeHero.tsx
+++ b/src/components/UI/homepage/HomeHero.tsx
@@ -19,7 +19,7 @@ export const HomeHero: FC = () => {
textStyle='h1'
mb={{ base: 2, md: 4 }}
textAlign={{ base: 'center', md: 'left' }}
- fontSize={{ base: '3rem', md: '6rem'}}
+ fontSize={{ base: '5xl', md: '8xl' }}
lineHeight={{ md: '6rem' }}
fontWeight='500'
>
diff --git a/src/components/UI/icons/DiscordIcon.tsx b/src/components/UI/icons/DiscordIcon.tsx
index cea1987697..d1fe20d402 100644
--- a/src/components/UI/icons/DiscordIcon.tsx
+++ b/src/components/UI/icons/DiscordIcon.tsx
@@ -2,10 +2,13 @@ import { createIcon } from '@chakra-ui/icons';
export const DiscordIcon = createIcon({
displayName: 'DiscordIcon',
- viewBox:"0 0 32 24",
+ viewBox: '0 0 32 24',
path: (
-