fix based on lighthouse report

lifeparticle · Nov 10, 2023 · 02d5ce0 · 02d5ce0
1 parent 9d98c2a
commit 02d5ce0
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 19 deletions.
diff --git a/ui/public/robots.txt b/ui/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/ui/src/components/Layouts/Footer/index.tsx b/ui/src/components/Layouts/Footer/index.tsx
@@ -8,6 +8,8 @@ import bt_dark from "assets/Footer/bt_dark.webp";
 import { openLink } from "utils/helper-functions/string";
 import useMode from "hooks/useMode";
 
+const { Text } = Typography;
+
 const Footer: React.FC = () => {
 	const { isDarkMode } = useMode();
 
@@ -38,6 +40,7 @@ const Footer: React.FC = () => {
 					key="Github"
 					type="default"
 					shape="circle"
+					aria-label="Github Icon"
 					icon={<Icon name="Github" />}
 					onClick={() =>
 						openLink("https://github.com/lifeparticle/binarytree")
@@ -49,7 +52,7 @@ const Footer: React.FC = () => {
 			</Space>
 
 			<Space direction="vertical" className={style.footer__right}>
-				<Typography.Title level={4}>Product</Typography.Title>
+				<Text strong>Product</Text>
 				<ul className={style.footer__list}>
 					<li>
 						<a
@@ -64,7 +67,7 @@ const Footer: React.FC = () => {
 			</Space>
 
 			<Space direction="vertical" className={style.footer__right}>
-				<Typography.Title level={4}>Developers</Typography.Title>
+				<Text strong>Developers</Text>
 				<ul className={style.footer__list}>
 					<li>
 						<a
@@ -88,7 +91,7 @@ const Footer: React.FC = () => {
 			</Space>
 
 			<Space direction="vertical" className={style.footer__right}>
-				<Typography.Title level={4}>Company</Typography.Title>
+				<Text strong>Company</Text>
 				<ul className={style.footer__list}>
 					<li>
 						<Link to={"/about"}>About</Link>
@@ -108,7 +111,7 @@ const Footer: React.FC = () => {
 			</Space>
 
 			<Space direction="vertical" className={style.footer__right}>
-				<Typography.Title level={4}>Legal</Typography.Title>
+				<Text strong>Legal</Text>
 				<ul className={style.footer__list}>
 					<li>
 						<Link to={"/terms"}>Terms</Link>

diff --git a/ui/src/pages/Home/Home.module.scss b/ui/src/pages/Home/Home.module.scss
@@ -21,6 +21,10 @@ $home-z-index-100: 100;
 		align-items: center;
 		text-align: center;
 		gap: var(--bt-size-50);
+
+		&_paragraph {
+			font-size: larger;
+		}
 	}
 
 	&__features {

diff --git a/ui/src/pages/Home/components/Features.tsx b/ui/src/pages/Home/components/Features.tsx
@@ -3,22 +3,21 @@ import { Card, Space, Typography, Image } from "antd";
 import { FEATURES } from "pages/Home/utils/constants";
 import style from "pages/Home/Home.module.scss";
 import { Link } from "react-router-dom";
-
 import features from "assets/Home/features.svg";
 import { Icon } from "components/General";
 
+const { Text } = Typography;
+
 const Features: React.FC = () => {
 	return (
 		<div className={style.home__features}>
 			<div className={style.home__features_cover}>
 				<div>
-					<Typography.Title level={3}>
-						BinaryTree comes packed with some awesome features
-					</Typography.Title>
-					<Typography.Title level={4}>
-						For modern app development, tools like BinaryTree can
+					<Text strong>
+						BinaryTree comes packed with some awesome features. For
+						modern app development, tools like BinaryTree can
 						significantly enhance and streamline your workflow.
-					</Typography.Title>
+					</Text>
 				</div>
 				<Image
 					src={features}
@@ -44,12 +43,8 @@ const Features: React.FC = () => {
 								<Space direction="vertical">
 									<Icon name={feature.icon} size={40} />
 									<Space direction="vertical" size="middle">
-										<Typography.Title level={4}>
-											{feature.title}
-										</Typography.Title>
-										<Typography.Text>
-											{feature.description}
-										</Typography.Text>
+										<Text strong>{feature.title}</Text>
+										<Text>{feature.description}</Text>
 									</Space>
 								</Space>
 							</Card>

diff --git a/ui/src/pages/Home/components/Hero.tsx b/ui/src/pages/Home/components/Hero.tsx
@@ -7,6 +7,8 @@ import { ResponsiveButton } from "components/General";
 import { openLink } from "utils/helper-functions/string";
 import useModal from "hooks/useModal";
 
+const { Text } = Typography;
+
 const { Title } = Typography;
 const Hero: React.FC = () => {
 	const { handleModalOpen } = useModal();
@@ -24,7 +26,7 @@ const Hero: React.FC = () => {
 					maxHeight: "40dvh",
 				}}
 			/>
-			<Title className={style.home__hero_text_paragraph} level={3}>
+			<Text className={style.home__hero_paragraph} strong keyboard>
 				At binarytree.dev, we provide an array of developer productivity
 				tools designed to help you save time. With an{" "}
 				<a
@@ -35,7 +37,7 @@ const Hero: React.FC = () => {
 				</a>{" "}
 				(currently <b>{FEATURE_DATA.length}</b>), our platform is
 				constantly evolving to meet the needs of developers like you
-			</Title>
+			</Text>
 
 			<Space direction="horizontal">
 				<ResponsiveButton onClick={handleModalOpen} type="primary">