---
import Header from '@components/base/Header.astro';
import Paragraph from '@components/base/Paragraph.astro';
import Section from '@components/base/Section.astro';
import Layout from '@layouts/Layout.astro';

---

<Layout>
	<Section class="flex-col justify-center items-center h-screen max-h-4/5-screen md:max-h-[600px] md:min-h-[400px]">
		<div class="max-w-[600px] flex flex-col text-center justify-center items-center gap-y-2">
			<Header align="center" size="xxl" class="text-navy-peony">Our journey</Header>
			<Paragraph size="lg" class="text-blue-gray">From an aspring team just trying to make a cool thing, to what we now call Polyfrost, we've made a lot of progress</Paragraph>
		</div>
	</Section>

	<div class="flex flex-col gap-y-40">
		<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-blue-gray 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>

		<Section tabindex="0" colReverse={false}>
			<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">
				<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 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>
		</Section>

		<Section tabindex="0">
			<div slot="left">
				<Header size="lg" class="text-navy-peony">
					Finally, it's ready for all
				</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
				</Paragraph>
			</div>

			<div slot="right" class="w-1/2 md:w-auto">
				<img src="/media/about/page_media_4.svg" alt="oneconfig logo" />
			</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, since W-OVERFLOW was created, 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.
				</Paragraph>
				<Paragraph>
					We've grown a lot from our early days back in 2021. What used to be a small team of four has become a professional team of 12 aspiring developers and designers maintaining two libraries and 10+ mods.
				</Paragraph>
				<Paragraph>
					We thank everyone; from the people who are just finding us, to the people who were there in the very early days, for sticking around with us.
				</Paragraph>
			</div>
		</Section>
	</div>

</Layout>