final qa

Synthetixio · Jul 5, 2023 · d141ad1 · d141ad1
1 parent 41dc547
commit d141ad1
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 18 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -49,7 +49,7 @@ const newTheme = extendTheme({
 			fontWeight: 700,
 		},
 		'heading-xl': {
-			fontSize: { base: '24px', lg: '36px' },
+			fontSize: { base: '30px', lg: '36px' },
 			fontFamily: 'heading',
 			lineHeight: { base: '36px', lg: '120%' },
 			fontWeight: 700,

diff --git a/src/sections/home/ecosystem.tsx b/src/sections/home/ecosystem.tsx
@@ -40,7 +40,7 @@ export const Ecosystem = () => {
 						>
 							Explore the growing ecosystem of decentralized apps built on top
 							of Synthetix liquidity. The Synthetix ecosystem is comprised of
-							derivatives exchanges, sUSD utility, and more
+							derivatives exchanges, sUSD utility, and more.
 						</Text>
 					</Box>
 				</Box>

diff --git a/src/sections/home/governance.tsx b/src/sections/home/governance.tsx
@@ -1,12 +1,5 @@
 import Link from 'next/link';
-import {
-	Button,
-	Flex,
-	Heading,
-	Link as ChakraLink,
-	Text,
-	Show,
-} from '@chakra-ui/react';
+import { Button, Flex, Text, Show } from '@chakra-ui/react';
 import { Spartan } from 'src/svg/Spartan';
 import { links } from 'src/utils/constants';
 
@@ -28,14 +21,14 @@ export const Governance = () => {
 				>
 					SYNTHETIX GOVERNANCE
 				</Text>
-				<Heading
+				<Text
 					fontFamily="heading"
 					color="gray.50"
 					mb="16px"
 					textStyle="heading-2xl"
 				>
 					Protocol Governance
-				</Heading>
+				</Text>
 				<Text
 					fontSize="16px"
 					fontFamily="heading"

diff --git a/src/sections/home/volume.tsx b/src/sections/home/volume.tsx
@@ -31,8 +31,8 @@ export const Volume = ({ totalStakedValue, tradingVolume }: VolumeProps) => {
 						<Heading
 							fontFamily="heading"
 							fontWeight={700}
-							lineHeight={{ base: '56px', md: '90px' }}
-							fontSize={{ base: '56px', md: '90px' }}
+							lineHeight={{ base: '50px', md: '90px' }}
+							fontSize={{ base: '50px', md: '90px' }}
 							color="gray.50"
 						>
 							{cumulativeTradingVolume}
@@ -48,14 +48,15 @@ export const Volume = ({ totalStakedValue, tradingVolume }: VolumeProps) => {
 						>
 							TOTAL VALUE LOCKED
 						</Text>
-						<Text
+						<Heading
 							fontFamily="heading"
-							as="h2"
-							textStyle="heading-3xl"
+							fontWeight={700}
+							lineHeight={{ base: '50px', md: '90px' }}
+							fontSize={{ base: '50px', md: '90px' }}
 							color="gray.50"
 						>
 							{tvl}
-						</Text>
+						</Heading>
 					</Flex>
 				</Flex>
 				<Box mt="24px">