mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-18 10:29:08 +00:00
chore: restructure project into yarn workspaces, remove next
This commit is contained in:
parent
49e308507e
commit
8d06327c03
266 changed files with 16466 additions and 3350 deletions
38
packages/design-system/organisms/landing/Landing.tsx
Normal file
38
packages/design-system/organisms/landing/Landing.tsx
Normal file
|
@ -0,0 +1,38 @@
|
|||
import { palette } from '@roleypoly/design-system/atoms/colors';
|
||||
import { HalfsiesContainer, HalfsiesItem } from '@roleypoly/design-system/atoms/halfsies';
|
||||
import { Space } from '@roleypoly/design-system/atoms/space';
|
||||
import { LargeText, LargeTitle } from '@roleypoly/design-system/atoms/typography';
|
||||
import { DemoDiscord } from '@roleypoly/design-system/molecules/demo-discord';
|
||||
import { DemoPicker } from '@roleypoly/design-system/molecules/demo-picker';
|
||||
import * as React from 'react';
|
||||
import { DemoAlignment, DemoSubtitle, HeroCentering, HeroText } from './Landing.styled';
|
||||
|
||||
export const Landing = () => (
|
||||
<HeroCentering>
|
||||
<HeroText>
|
||||
<div>
|
||||
<LargeTitle>Discord roles for humans.</LargeTitle>
|
||||
</div>
|
||||
<div style={{ color: palette.taupe500 }}>
|
||||
<LargeText>
|
||||
Ditch the bot commands. It's {new Date().getFullYear()}.
|
||||
</LargeText>
|
||||
</div>
|
||||
</HeroText>
|
||||
<Space />
|
||||
<HalfsiesContainer>
|
||||
<HalfsiesItem style={{ marginTop: '2em' }}>
|
||||
<DemoAlignment>
|
||||
<DemoDiscord />
|
||||
</DemoAlignment>
|
||||
<DemoSubtitle>Why are you okay with antiques?</DemoSubtitle>
|
||||
</HalfsiesItem>
|
||||
<HalfsiesItem style={{ marginTop: '2em' }}>
|
||||
<DemoAlignment>
|
||||
<DemoPicker />
|
||||
</DemoAlignment>
|
||||
<DemoSubtitle>Just click or tap.</DemoSubtitle>
|
||||
</HalfsiesItem>
|
||||
</HalfsiesContainer>
|
||||
</HeroCentering>
|
||||
);
|
Loading…
Add table
Add a link
Reference in a new issue