Add buttons to about us pgae

1 files changed, 9 insertions, 36 deletions

diff --git a/apps/website/src/pages/about.astro b/apps/website/src/pages/about.astro
index a74d606..0d245aa 100644
--- a/apps/website/src/pages/about.astro
+++ b/apps/website/src/pages/about.astro
@@ -1,4 +1,5 @@
 ---
+import Button from '@components/base/Button.astro';
 import Header from '@components/base/Header.astro';
 import Paragraph from '@components/base/Paragraph.astro';
 import Section from '@components/base/Section.astro';
@@ -48,24 +49,30 @@ import Layout from '@layouts/Layout.astro';
 			<div slot="left" class="w-1/2 md:w-auto">
 				<img src="/media/about/page_media_3.svg" alt="image indicating a celebration">
 			</div>
-			<div slot="right">
+			<div slot="right" class="flex flex-col gap-y-2">
 				<Header size="lg" class="text-navy-peony">
 					Hey look, OneConfig's a hit!
 				</Header>
 				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
 					In the coming months, our little baby would independently surpass 200,000 views on YouTube and our community grew by around 300%. Shortly after, our first major update releases, bringing substantial customization, new animations, design overhauls, and many bug fixes.
 				</Paragraph>
+				<div class="flex">
+					<Button size="sm" style="secondary" iconLeft="oneconfig" href="/projects/oneconfig">OneConfig</Button>
+				</div>
 			</div>
 		</Section>
 
 		<Section tabindex="0">
-			<div slot="left">
+			<div slot="left" class="flex flex-col gap-y-2">
 				<Header size="lg" class="text-navy-peony">
 					Finally, it's ready for release
 				</Header>
 				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
 					It's been a long journey, with many bugs, hotfixes, mod incompatibilities, support tickets, list goes on. However, after two years of development, we finally announced the complete release of OneConfig. In November 2023, we released all our OneConfig mods out of beta and into the world.
 				</Paragraph>
+				<div class="flex">
+					<Button size="sm" iconLeft="link-external" style="secondary" href="/mods">Discover Mods</Button>
+				</div>
 			</div>
 
 			<div slot="right" class="w-1/2 md:w-auto">
@@ -73,41 +80,7 @@ import Layout from '@layouts/Layout.astro';
 			</div>
 		</Section>
 
-		<div class="bg-blue-75 flex flex-col gap-y-20 py-20">
-			<Section tabindex="0" colReverse={false}>
-				<div slot="left" class="w-1/2 md:w-auto">
-					<img src="/media/about/page_media_1.svg" alt="image of a calendar">
-				</div>
-				<div slot="right">
-					<Header size="lg" class="text-navy-peony">
-						October, 2021
-					</Header>
-					<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
-						We began as a small development team aimlessly trying to build something beyond us. Joining forces with W-OVERFLOW in June of 2022, Polyfrost finally had the resources to achieve our dream of unified mod configs.
-					</Paragraph>
-				</div>
-			</Section>
-
-			<Section tabindex="0">
-				<div slot="left">
-					<Header size="lg" class="text-navy-peony">
-						A year of development
-					</Header>
-					<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
-						Our first alpha build of OneConfig released in June to a limited audience. By October of 2022, nearly a year after our first announcement, OneConfig finally became available to the whole world in open beta.
-					</Paragraph>
-				</div>
-
-				<div slot="right" class="w-1/2 md:w-auto">
-					<img src="/media/about/page_media_2.svg" alt="image of a code block" />
-				</div>
-			</Section>
-		</div>
-
 		<Section class="mb-40 flex-col items-center justify-center text-center text-navy-peony">
-			<Header size="xl">
-				Most importantly... we believe in you.
-			</Header>
 			<div class="flex flex-col gap-y-10 max-w-xl text-lg">
 				<Paragraph>
 					Since the inception of OneConfig and since the people that became Polyfrost first met, we have always been known for our attention and swift feedback to users and their suggestions. No matter what we do in the future, you will always be our top priority. And we mean it.