diff options
| author | Tyler Flowers <contact@ggtylerr.dev> | 2023-12-04 18:23:33 -0500 |
|---|---|---|
| committer | Tyler Flowers <contact@ggtylerr.dev> | 2023-12-04 18:23:33 -0500 |
| commit | ef0b02e2659310103c0772990f7e8f7fe77de63a (patch) | |
| tree | 3fe32fd918ea5a31cfa98105f01a341634079c52 /apps/website/src/pages/index.astro | |
| parent | 8662119a19cad0d85628919c9170373d44c733de (diff) | |
| download | Nexus-ef0b02e2659310103c0772990f7e8f7fe77de63a.tar.gz Nexus-ef0b02e2659310103c0772990f7e8f7fe77de63a.tar.bz2 Nexus-ef0b02e2659310103c0772990f7e8f7fe77de63a.zip | |
Make Slider + Card and add to index
Diffstat (limited to 'apps/website/src/pages/index.astro')
| -rw-r--r-- | apps/website/src/pages/index.astro | 26 |
1 files changed, 25 insertions, 1 deletions
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> |