diff --git a/src/components/UI/homepage/HomeHero.tsx b/src/components/UI/homepage/HomeHero.tsx
index 8d25c7d3f7..94a2963078 100644
--- a/src/components/UI/homepage/HomeHero.tsx
+++ b/src/components/UI/homepage/HomeHero.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Flex, Heading, Stack, Text } from '@chakra-ui/react';
+import { Box, Button, Flex, Stack, Text } from '@chakra-ui/react';
import { FC } from 'react';
import NextLink from 'next/link';
@@ -8,28 +8,16 @@ export const HomeHero: FC = () => {
return (
-
go-ethereum
-
+
-
+
Official Go implementation of the Ethereum protocol
@@ -41,15 +29,7 @@ export const HomeHero: FC = () => {
@@ -61,15 +41,7 @@ export const HomeHero: FC = () => {
diff --git a/src/components/UI/homepage/HomeSection.tsx b/src/components/UI/homepage/HomeSection.tsx
index 2b2a292905..13339eb8ad 100644
--- a/src/components/UI/homepage/HomeSection.tsx
+++ b/src/components/UI/homepage/HomeSection.tsx
@@ -1,4 +1,4 @@
-import { Heading, Image, Link, Stack, Text } from '@chakra-ui/react';
+import { Box, Image, Link, Stack, Text } from '@chakra-ui/react';
import { FC } from 'react';
import NextLink from 'next/link';
@@ -34,18 +34,9 @@ export const HomeSection: FC = ({
borderColor='brand.light.primary'
sx={{ mt: '0 !important' }}
>
-
+
{sectionTitle}
-
+
{
return (
-
+
Quick Links
-
+
diff --git a/src/theme/components/Button.ts b/src/theme/components/Button.ts
index a1a4962762..5d953f46c0 100644
--- a/src/theme/components/Button.ts
+++ b/src/theme/components/Button.ts
@@ -5,7 +5,6 @@ export const Button = {
px: '32px',
borderRadius: 0,
width: { base: '188px', md: 'auto' },
- // TODO: move to theme colors
bg: 'brand.light.primary',
_hover: { bg: 'brand.light.secondary' },
_focus: {
diff --git a/src/theme/index.ts b/src/theme/index.ts
index a356b8948a..ba6300439f 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -18,8 +18,35 @@ const overrides = {
},
// TODO: fix textStyles
textStyles: {
- h1: {},
- h2: {},
+ h1: {
+ fontFamily: '"JetBrains Mono", monospace',
+ fontWeight: 700,
+ fontSize: '2.75rem',
+ lineHeight: '3.375rem',
+ letterSpacing: '5%',
+ color: 'brand.light.body'
+ },
+ h2: {
+ fontFamily: '"JetBrains Mono", monospace',
+ fontWeight: 400,
+ fontSize: '1.5rem',
+ lineHeight: 'auto',
+ letterSpacing: '4%',
+ color: 'brand.light.body'
+ },
+ 'homepage-description': {
+ fontFamily: '"JetBrains Mono", monospace',
+ fontWeight: 700,
+ lineHeight: '21px',
+ letterSpacing: '0.05em',
+ textAlign: { base: 'center', md: 'left' }
+ },
+ 'homepage-primary-label': {
+ fontFamily: '"JetBrains Mono", monospace',
+ color: 'yellow.50',
+ fontWeight: 700,
+ textTransform: 'uppercase'
+ },
'hero-text-small': {
fontSize: '13px',
fontFamily: '"Inter", sans-serif'