From ef0b02e2659310103c0772990f7e8f7fe77de63a Mon Sep 17 00:00:00 2001
From: Tyler Flowers <contact@ggtylerr.dev>
Date: Mon, 4 Dec 2023 18:23:33 -0500
Subject: Make Slider + Card and add to index

---
 apps/website/src/pages/index.astro | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

(limited to 'apps/website/src/pages')

diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
index 4df1c22..a758fd1 100644
--- a/apps/website/src/pages/index.astro
+++ b/apps/website/src/pages/index.astro
@@ -9,6 +9,8 @@ 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>
@@ -107,7 +109,7 @@ import { Code } from 'astro:components';
 			</Paragraph>
 		</Section>
 
-		<Section tabindex="0" wrapperClass="bg-blue-100" class="md:py-20 gap-4 pr-2">
+		<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]">
@@ -118,5 +120,27 @@ import { Code } from 'astro:components';
 				</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>
-- 
cgit