Add courses link to hero

simonyiszk · Feb 20, 2022 · 5d9b6e0 · 5d9b6e0 · vercel · Oct 9, 2022
1 parent b64c3e5
commit 5d9b6e0
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Box, Flex, Image } from "@chakra-ui/react";
-import { ArrowDownIcon } from "@chakra-ui/icons";
+import { Box, Flex, Image, Link, Heading } from "@chakra-ui/react";
+import { ArrowDownIcon, ExternalLinkIcon } from "@chakra-ui/icons";
 
 export default function Hero() {
 	return (
@@ -39,16 +39,36 @@ export default function Hero() {
 				/>
 			</Flex>
 			<Box width={["80%", null, "60%"]}>
+				<Box
+					textAlign="center"
+					color="white"
+					textDecor="none"
+					fontSize={["1rem", "1.5rem", "3rem"]}
+				>
+					<Link href="/tanfolyam">
+						Tanfolyamok
+						<ExternalLinkIcon
+							w={["1.25rem", "1.5rem", "2.25rem"]}
+							h={["1.25rem", "1.5rem", "2.25rem"]}
+							color="white"
+							mb=".5rem"
+							ml="1rem"
+						/>
+					</Link>
+				</Box>
 				<Box>
-					<Image src="./resources/simonyi_white.svg" alt="Simonyi" />
+					<Image
+						src="./resources/simonyi_white.svg"
+						alt="Simonyi Károly Szakkollégium logó"
+					/>
 				</Box>
 				<Box
 					textAlign="center"
 					color="white"
 					textDecor="none"
 					fontSize={["1rem", "1.5rem", "3rem"]}
 				>
-					<a href="mailto:info@simonyi.bme.hu">info@simonyi.bme.hu</a>
+					<Link href="mailto:info@simonyi.bme.hu">info@simonyi.bme.hu</Link>
 				</Box>
 			</Box>
 			<Box textAlign="center" position="absolute" bottom="0">