Move OneConfig page and finish up its basics

8 files changed, 174 insertions, 139 deletions

diff --git a/apps/website/public/media/oneconfig/logo_text.svg b/apps/website/public/media/oneconfig/logo_text.svg
new file mode 100644
index 0000000..0b27025
--- /dev/null
+++ b/apps/website/public/media/oneconfig/logo_text.svg
@@ -0,0 +1,13 @@
+<svg width="334" height="72" viewBox="0 0 334 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48.3378 32.3335C48.3953 32.4377 48.4556 32.5467 48.5023 32.6603C49.4804 34.7169 49.4407 37.685 48.3201 39.6961L44.2425 46.7665C43.0367 44.9206 41.3477 43.3368 39.3175 42.1403C39.3687 42.0607 39.4141 41.9809 39.4539 41.901C43.0539 34.603 39.3175 24.9635 30.2976 25.1058C21.1186 24.952 17.49 34.7682 21.2494 42.1632C19.2303 43.3597 17.5528 44.9375 16.3526 46.778C16.3245 46.718 15.9252 46.0307 15.3776 45.0875C14.0463 42.7947 11.8378 38.9918 11.9509 39.024C11.1944 37.1895 11.2058 34.6826 11.9964 32.871C12.0439 32.7433 12.1028 32.62 12.1647 32.5014C12.1991 32.4351 12.2347 32.3703 12.2694 32.307L18.0815 22.2116C18.0901 22.2001 18.0973 22.187 18.1046 22.1741C18.1118 22.1614 18.1187 22.1489 18.127 22.1377C19.327 20.1379 22.1649 18.5142 24.4797 18.5142H36.1041C38.7429 18.5142 41.1828 19.9271 42.4966 22.2116C42.51 22.2285 44.5313 25.7336 46.1886 28.6073C47.3371 30.5989 48.3106 32.2873 48.3201 32.3013L48.3378 32.3335Z" fill="#0048C5"/>
+<path d="M84.775 19.2378V52.7714H79.23L63.6303 32.7001V52.7714H56.1345V19.2378H61.4007L77.234 39.5596V19.2378H84.775Z" fill="#0048C5"/>
+<path d="M118.818 46.3107V52.7714H94.6819V19.2378H118.534V25.6984H102.178V32.4894H117.112V38.8076H102.178V46.3107H118.818Z" fill="#0048C5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M193.899 29.1397C193.029 27.0315 191.789 25.1972 190.174 23.6304C188.565 22.0638 186.688 20.8446 184.555 19.9729C182.423 19.1012 180.108 18.6682 177.611 18.6682C175.081 18.6682 172.743 19.1012 170.593 19.9729C168.444 20.8446 166.578 22.0638 164.997 23.6304C163.416 25.1972 162.188 27.026 161.301 29.1168C160.413 31.2078 159.975 33.4866 159.975 35.9534C159.975 38.3919 160.413 40.6652 161.301 42.7731C162.188 44.8753 163.433 46.7212 165.048 48.305C166.658 49.8888 168.54 51.1251 170.69 52.0081C172.84 52.8969 175.177 53.3414 177.708 53.3414C180.205 53.3414 182.508 52.8969 184.629 52.0081C186.745 51.1251 188.593 49.8945 190.174 48.3277C191.755 46.761 192.989 44.9265 193.877 42.8184C194.758 40.7105 195.202 38.4431 195.202 36.0046C195.202 33.5323 194.769 31.2476 193.899 29.1397ZM186.313 41.4684C185.471 43.0465 184.311 44.2827 182.826 45.1715C181.342 46.0546 179.602 46.4991 177.611 46.4991C176.127 46.4991 174.773 46.2538 173.556 45.764C172.339 45.274 171.287 44.5618 170.406 43.6275C169.518 42.6932 168.842 41.5766 168.364 40.2776C167.892 38.9787 167.653 37.5374 167.653 35.9534C167.653 33.8682 168.063 32.0396 168.887 30.467C169.706 28.9004 170.872 27.6812 172.373 26.8094C173.875 25.9435 175.621 25.5049 177.611 25.5049C179.067 25.5049 180.41 25.7497 181.643 26.2398C182.872 26.7353 183.93 27.4474 184.817 28.382C185.704 29.3163 186.381 30.4215 186.859 31.7033C187.331 32.9851 187.569 34.4039 187.569 35.9534C187.569 38.0444 187.149 39.8846 186.313 41.4684Z" fill="#0A5BE8"/>
+<path d="M155.42 48.4931C153.839 50.0142 152.008 51.1935 149.921 52.031C147.833 52.8741 145.416 53.29 142.669 53.29C140.167 53.29 137.852 52.8569 135.72 51.9853C133.587 51.1139 131.722 49.8888 130.124 48.305C128.531 46.7212 127.292 44.8753 126.404 42.7731C125.517 40.6652 125.079 38.3919 125.079 35.9534C125.079 33.5152 125.517 31.2476 126.404 29.1397C127.292 27.0318 128.531 25.203 130.124 23.6533C131.722 22.1036 133.582 20.8902 135.697 20.0185C137.813 19.1526 140.139 18.7139 142.669 18.7139C145.32 18.7139 147.686 19.1411 149.756 19.9957C151.826 20.8503 153.634 22.024 155.181 23.5108L150.16 28.5929C149.306 27.6412 148.254 26.9007 147.003 26.3594C145.757 25.8239 144.307 25.5562 142.669 25.5562C141.214 25.5562 139.883 25.8012 138.683 26.2912C137.483 26.781 136.436 27.4875 135.555 28.4049C134.667 29.322 133.991 30.4272 133.519 31.7262C133.041 33.0251 132.802 34.438 132.802 35.9534C132.802 37.5374 133.041 38.973 133.519 40.255C133.991 41.5368 134.667 42.6477 135.555 43.5763C136.436 44.5106 137.483 45.2285 138.683 45.7185C139.883 46.2083 141.214 46.4534 142.669 46.4534C144.376 46.4534 145.86 46.1914 147.122 45.6673C148.385 45.1487 149.466 44.3967 150.347 43.4111L155.42 48.4931Z" fill="#0A5BE8"/>
+<path d="M231.519 52.7716V19.238H223.985V39.5656L208.146 19.238H202.885V52.7716H210.375V32.7004L225.974 52.7716H231.519Z" fill="#0A5BE8"/>
+<path d="M248.923 25.6986V33.1563H263.953V39.6626H248.923V52.7716H241.433V19.238H264.71V25.6986H248.923Z" fill="#0A5BE8"/>
+<path d="M272.963 19.238H280.452V52.7716H272.963V19.238Z" fill="#0A5BE8"/>
+<path d="M322.606 33.7714V34.8654C322.606 38.8533 321.883 42.2261 320.443 44.9778C319.006 47.7351 317.015 49.8204 314.474 51.2276C311.924 52.635 308.996 53.3414 305.675 53.3414C303.213 53.3414 300.909 52.8855 298.776 51.9853C296.643 51.085 294.789 49.8433 293.208 48.2593C291.628 46.6755 290.388 44.8352 289.483 42.7502C288.584 40.6594 288.136 38.3919 288.136 35.9534C288.136 33.4866 288.591 31.2135 289.506 29.1397C290.421 27.0658 291.707 25.2428 293.351 23.6761C294.994 22.1093 296.898 20.8844 299.061 19.9957C301.228 19.1126 303.559 18.6682 306.056 18.6682C308.933 18.6682 311.554 19.198 313.926 20.2578C316.298 21.3173 318.255 22.7702 319.807 24.6047L314.683 29.7322C313.643 28.3419 312.385 27.288 310.918 26.5758C309.445 25.8637 307.806 25.5049 306.009 25.5049C304.048 25.5049 302.291 25.9435 300.744 26.8094C299.196 27.6812 297.985 28.9004 297.116 30.467C296.245 32.0396 295.814 33.8682 295.814 35.9534C295.814 38.0158 296.239 39.8331 297.093 41.4169C297.945 43.0009 299.118 44.2427 300.602 45.1486C302.086 46.0489 303.798 46.4991 305.726 46.4991C307.654 46.4991 309.303 46.1285 310.679 45.3822C312.055 44.6417 313.114 43.5534 313.852 42.1291C314.161 41.548 314.4 40.9157 314.575 40.2378L305.016 40.0896V33.7714H322.606Z" fill="#0A5BE8"/>
+<path d="M24.9505 45.9065C28.0045 47.6383 32.6338 47.6325 35.6195 45.895C38.1674 47.1597 40.0215 49.3133 40.5959 51.8429C39.339 52.7714 37.792 53.4038 36.393 53.4722C36.3021 53.4836 36.1998 53.4836 36.1087 53.4836C36.0292 53.4815 34.4476 53.4825 32.4679 53.4838H32.3643C28.9719 53.4859 24.4821 53.4887 24.3364 53.4779C22.9032 53.4438 21.2937 52.8055 20.0027 51.8429C20.5659 49.319 22.4143 47.1711 24.9505 45.9065Z" fill="#0A5BE8"/>
+<path d="M36.0409 36.0046C36.2398 43.9521 24.3536 43.9464 24.5528 36.0046C24.4447 28.0115 36.1432 28.0115 36.0409 36.0046Z" fill="#0A5BE8"/>
+</svg>
diff --git a/apps/website/public/media/index/index1.svg b/apps/website/public/media/oneconfig/page_media_1.svg
index 46c9513..46c9513 100644
--- a/apps/website/public/media/index/index1.svg
+++ b/apps/website/public/media/oneconfig/page_media_1.svg
diff --git a/apps/website/public/media/index/index2.svg b/apps/website/public/media/oneconfig/page_media_2.svg
index 4abfa8b..4abfa8b 100644
--- a/apps/website/public/media/index/index2.svg
+++ b/apps/website/public/media/oneconfig/page_media_2.svg
diff --git a/apps/website/public/media/index/index3.svg b/apps/website/public/media/oneconfig/page_media_3.svg
index fc10294..fc10294 100644
--- a/apps/website/public/media/index/index3.svg
+++ b/apps/website/public/media/oneconfig/page_media_3.svg
diff --git a/apps/website/public/media/index/index4.png b/apps/website/public/media/oneconfig/page_media_4.png
index 4d6fa9f..4d6fa9f 100644
--- a/apps/website/public/media/index/index4.png
+++ b/apps/website/public/media/oneconfig/page_media_4.png
diff --git a/apps/website/public/media/index/index5.png b/apps/website/public/media/oneconfig/page_media_5.png
index 5c60392..5c60392 100644
--- a/apps/website/public/media/index/index5.png
+++ b/apps/website/public/media/oneconfig/page_media_5.png
diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
index a758fd1..6f88bf5 100644
--- a/apps/website/src/pages/index.astro
+++ b/apps/website/src/pages/index.astro
@@ -1,146 +1,11 @@
 ---
-import Header from '@components/base/Header.astro';
-import Logo from '@components/logos/Logo.astro';
+import Layout from "@layouts/Layout.astro";
 import Section from '@components/base/Section.astro';
-import Button from '@components/base/Button.astro';
-
-import Paragraph from '@components/base/Paragraph.astro';
-import Layout from '../layouts/Layout.astro';
-
-import { Code } from 'astro:components';
-
-import Slider from '@components/base/Slider.astro';
-import Card from '@components/base/Card.astro';
 ---
-
 <Layout>
 	<Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px]">
-		<Logo size={56} logo="oneconfig.minimal" />
-		<Header align="center" size="xxl" class="max-w-[600px]">
-			Meet <b>OneConfig</b>, the library designed for <b>everyone</b>.
-		</Header>
-		<div class="flex flex-row justify-center items-center gap-2">
-			<Button iconLeft="download" text="Download" />
-			<Button href="/documentation" iconLeft="book-open" style="secondary" text="Documentation" />
-		</div>
+		<h1>500</h1>
+		<p>Internal Staff Error</p>
+		<p>(placeholder until I start copying over the old index page)</p>
 	</Section>
-
-	<div class="flex flex-col gap-40">
-		<Section tabindex="0">
-			<div slot="left">
-				<Header size="lg" class="text-navy-peony">Forge is complicated</Header>
-				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.</Paragraph>
-			</div>
-			<div slot="right" class="w-3/4 md:w-auto">
-			<!-- TODO: make proper file names and alt text -->
-				<img src="/media/index/index1.svg" alt="stuff" />
-			</div>
-		</Section>
-
-		<Section tabindex="0" colReverse={false}>
-			<div slot="left" class="w-1/2 md:w-auto">
-				<img src="/media/index/index2.svg" alt="stuff" />
-			</div>
-
-			<div slot="right">
-				<Header size="lg" class="text-navy-peony">Clients are locked-down</Header>
-				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">While they improve usability, they're slow to adopt new mods absent from the community and force unwanted features onto users to profit off of them.</Paragraph>
-			</div>
-		</Section>
-
-		<Section tabindex="0">
-			<div slot="left">
-				<Header size="lg" class="text-navy-peony">Best of both worlds</Header>
-				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.</Paragraph>
-			</div>
-
-			<div slot="right" class="w-3/4 md:w-auto">
-				<img src="/media/index/index3.svg" alt="stuff" />
-			</div>
-		</Section>
-
-		<Section maxWidth="1120px" wrapperClass="bg-blue-100 -mb-40" wFull={false} class="md:py-20 gap-4 pr-2">
-			<div slot="left" class='pr-2'>
-				<Code code={`public class MyConfig {
-	@Switch(name = "Sub Switch", type = OptionType.SWITCH)
-	public static boolean subSwitch = false;
-
-	public MyConfig() {
-		super(new Mod("My Mod", ModType.UTIL_QOL), "config.json");
-		addDependency("subSwitch", () -> {
-			// Do stuff here
-		});
-	}
-}`} lang={'java'}/>
-			</div>
-
-			<div slot="right" class="flex flex-col gap-2">
-				<Header size="xl" class="text-blue-500">Written for developers</Header>
-				<Paragraph class="text-blue-400 max-w-[500px]">
-					With Polyfrost's simple APIs, it's easy to integrate your mods into Polyfrost something
-				</Paragraph>
-				<div class="flex">
-					<Button href="/documentation" iconLeft="book-open" style="secondary" text="Documentation" />
-				</div>
-			</div>
-		</Section>
-
-		<Section maxWidth="1120px" wrapperClass="bg-blue-100" wFull={false} class="md:py-20 gap-4 pr-2">
-			<div slot="left" class="flex flex-col gap-2">
-				<Header size="xl" class="text-blue-500">Designed for users</Header>
-				<Paragraph class="text-blue-400 max-w-[500px]">
-					Lorem ipsum dolor sit amet consectetur. Viverra a pulvinar eu pharetra. Porta feugiat purus blandit mauris ipsum eu.
-				</Paragraph>
-				<div class="flex">
-					<Button iconLeft="download" style="secondary" text="Download" />
-				</div>
-			</div>
-			<div slot="right">
-				<!-- TODO: figure out non-arbitrary values -->
-				<img src="/media/index/index4.png" class="h-[285px] rounded-2xl" />
-			</div>
-		</Section>
-
-		<Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px]">
-			<img src="/media/index/index5.png" class="h-[581px] rounded-2xl" />
-			<Header size="xl" align="center" class="w-96">A unified HUD editor</Header>
-			<Paragraph class="w-96 text-center text-gray-400">
-				Lorem ipsum dolor sit amet consectetur. Viverra a pulvinar eu pharetra. Porta feugiat purus blandit mauris ipsum eu.
-			</Paragraph>
-		</Section>
-
-		<Section tabindex="0" wrapperClass="bg-blue-100 -mb-40" class="md:py-20 gap-4 pr-2">
-			<div slot="left" class="flex flex-col gap-2">
-				<Header size="xl" class="text-blue-500">With many fabulous mods</Header>
-				<Paragraph class="text-blue-400 max-w-[500px]">
-					Discover a wide range of mods integrated with OneConfig to enhance your experience.
-				</Paragraph>
-				<div class="flex">
-					<Button iconLeft="link-external" text="Discover mods" />
-				</div>
-			</div>
-		</Section>
-		<Slider wrapperClass="-mb-40 pb-4">
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-		</Slider>
-		<Slider dir="right">
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-			<Card icon="chatting"/>
-		</Slider>
-	</div>
 </Layout>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
new file mode 100644
index 0000000..321243a
--- /dev/null
+++ b/apps/website/src/pages/projects/oneconfig.astro
@@ -0,0 +1,157 @@
+---
+import Header from '@components/base/Header.astro';
+import Logo from '@components/logos/Logo.astro';
+import Section from '@components/base/Section.astro';
+import Button from '@components/base/Button.astro';
+
+import Paragraph from '@components/base/Paragraph.astro';
+import Layout from '@layouts/Layout.astro';
+
+import { Code } from 'astro:components';
+
+import Slider from '@components/base/Slider.astro';
+import Card from '@components/base/Card.astro';
+---
+
+<Layout>
+	<Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px]">
+		<Logo size={56} logo="oneconfig.minimal" />
+		<Header align="center" size="xxl" class="max-w-[600px]">
+			Meet <b>OneConfig</b>, the library designed for <b>everyone</b>.
+		</Header>
+		<div class="flex flex-row justify-center items-center gap-2">
+			<Button iconLeft="download" text="Download" />
+			<Button href="/documentation" iconLeft="book-open" style="secondary" text="Documentation" />
+		</div>
+	</Section>
+
+	<div class="flex flex-col gap-40">
+		<Section tabindex="0">
+			<div slot="left">
+				<Header size="lg" class="text-navy-peony">Forge is complicated</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.</Paragraph>
+			</div>
+			<div slot="right" class="w-3/4 md:w-auto">
+			<!-- TODO: make proper file names and alt text -->
+				<img src="/media/oneconfig/page_media_1.svg" alt="stuff" />
+			</div>
+		</Section>
+
+		<Section tabindex="0" colReverse={false}>
+			<div slot="left" class="w-1/2 md:w-auto">
+				<img src="/media/oneconfig/page_media_2.svg" alt="stuff" />
+			</div>
+
+			<div slot="right">
+				<Header size="lg" class="text-navy-peony">Clients are locked-down</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">While they improve usability, they're slow to adopt new mods absent from the community and force unwanted features onto users to profit off of them.</Paragraph>
+			</div>
+		</Section>
+
+		<Section tabindex="0">
+			<div slot="left">
+				<Header size="lg" class="text-navy-peony">Best of both worlds</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.</Paragraph>
+			</div>
+
+			<div slot="right" class="w-3/4 md:w-auto">
+				<img src="/media/oneconfig/page_media_3.svg" alt="stuff" />
+			</div>
+		</Section>
+
+		<Section maxWidth="1120px" wrapperClass="bg-blue-100 -mb-40" wFull={false} class="md:py-20 gap-4 pr-2">
+			<div slot="left" class='pr-2'>
+				<Code code={`public class MyConfig {
+	@Switch(name = "Sub Switch", type = OptionType.SWITCH)
+	public static boolean subSwitch = false;
+
+	public MyConfig() {
+		super(new Mod("My Mod", ModType.UTIL_QOL), "config.json");
+		addDependency("subSwitch", () -> {
+			// Do stuff here
+		});
+	}
+}`} lang={'java'}/>
+			</div>
+
+			<div slot="right" class="flex flex-col gap-2">
+				<Header size="xl" class="text-blue-500">Written for developers</Header>
+				<Paragraph class="text-blue-400 max-w-[500px]">
+					With Polyfrost's simple APIs, it's easy to integrate your mods into Polyfrost something
+				</Paragraph>
+				<div class="flex">
+					<Button href="/documentation" iconLeft="book-open" style="secondary" text="Documentation" />
+				</div>
+			</div>
+		</Section>
+
+		<Section maxWidth="1120px" wrapperClass="bg-blue-100" wFull={false} class="md:py-20 gap-4 pr-2">
+			<div slot="left" class="flex flex-col gap-2">
+				<Header size="xl" class="text-blue-500">Designed for users</Header>
+				<Paragraph class="text-blue-400 max-w-[500px]">
+					Lorem ipsum dolor sit amet consectetur. Viverra a pulvinar eu pharetra. Porta feugiat purus blandit mauris ipsum eu.
+				</Paragraph>
+				<div class="flex">
+					<Button iconLeft="download" style="secondary" text="Download" />
+				</div>
+			</div>
+			<div slot="right">
+				<!-- TODO: figure out non-arbitrary values -->
+				<img src="/media/oneconfig/page_media_4.png" class="h-[285px] rounded-2xl" />
+			</div>
+		</Section>
+
+		<Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px]">
+			<img src="/media/oneconfig/page_media_5.png" class="h-[581px] rounded-2xl" />
+			<Header size="xl" align="center" class="w-96">A unified HUD editor</Header>
+			<Paragraph class="w-96 text-center text-gray-400">
+				Lorem ipsum dolor sit amet consectetur. Viverra a pulvinar eu pharetra. Porta feugiat purus blandit mauris ipsum eu.
+			</Paragraph>
+		</Section>
+
+		<Section tabindex="0" wrapperClass="bg-blue-100 -mb-40" class="md:py-20 gap-4 pr-2">
+			<div slot="left" class="flex flex-col gap-2">
+				<Header size="xl" class="text-blue-500">With many fabulous mods</Header>
+				<Paragraph class="text-blue-400 max-w-[500px]">
+					Discover a wide range of mods integrated with OneConfig to enhance your experience.
+				</Paragraph>
+				<div class="flex">
+					<Button iconLeft="link-external" text="Discover mods" />
+				</div>
+			</div>
+		</Section>
+		<Slider wrapperClass="-mb-40 pb-4">
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+		</Slider>
+		<Slider dir="right" wrapperClass="pb-10">
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+			<Card icon="chatting"/>
+		</Slider>
+		<Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px] mb-[10rem]">
+			<div class="grid grid-rows-[repeat(8,_minmax(0,_1fr))] grid-cols-[repeat(7,_minmax(0,_1fr))]">
+				<!-- TODO: Change placeholder image -->
+				<!-- TODO: Mess around with the sizes to make it look nicer -->
+				<img src="/media/oneconfig/page_media_4.png" class="rounded-2xl col-[1_/_7] row-[1_/_8]" />
+				<div class="rounded-2xl col-[5_/_8] row-[6_/_9] shadow-md bg-white flex flex-col justify-items-start p-8 justify-center">
+					<Logo logo="oneconfig.logo_text" class="min-w-max"></Logo>
+					<Button iconLeft="download" text="Download now" class="max-w-fit" />
+				</div>
+			</div>
+		</Section>
+	</div>
+</Layout>