@nocobase/app-template-default 1.0.0-beta.59 → 1.0.0-beta.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,89 +0,0 @@
1
- import { useTranslation } from '@nocobase/i18n/client';
2
- import type { ReactElement } from 'react';
3
- import {
4
- Database,
5
- MessageSquareText,
6
- PanelsTopLeft,
7
- ShieldCheck,
8
- Sparkles,
9
- Workflow,
10
- } from 'lucide-react';
11
- import { PageContainer } from '#components/page-container';
12
- import { PageHeader } from '#components/page-header';
13
- import {
14
- Card,
15
- CardContent,
16
- CardDescription,
17
- CardHeader,
18
- CardTitle,
19
- } from '#components/ui/card';
20
-
21
- export default function HomePage(): ReactElement {
22
- const { t } = useTranslation();
23
- return (
24
- <PageContainer className='mx-auto max-w-5xl'>
25
- <div className='flex flex-col gap-4'>
26
- <div className='flex items-center gap-2 text-sm font-medium text-primary'>
27
- <Sparkles aria-hidden='true' className='size-4' />
28
- {t('home.platform')}
29
- </div>
30
- <PageHeader
31
- title={t('home.title')}
32
- description={t('home.description')}
33
- />
34
- </div>
35
- <div className='grid gap-4 md:grid-cols-3'>
36
- {(
37
- [
38
- ['pages', PanelsTopLeft],
39
- ['data', Database],
40
- ['workflows', Workflow],
41
- ] as const
42
- ).map(([feature, Icon]) => (
43
- <Card key={feature}>
44
- <CardHeader className='gap-3'>
45
- <div className='flex size-10 items-center justify-center rounded-lg bg-primary/5 text-primary'>
46
- <Icon aria-hidden='true' className='size-4' />
47
- </div>
48
- <CardTitle>
49
- <h2>{t(`home.${feature}.title`)}</h2>
50
- </CardTitle>
51
- <CardDescription>
52
- {t(`home.${feature}.description`)}
53
- </CardDescription>
54
- </CardHeader>
55
- <CardContent>
56
- <p className='text-sm leading-6 text-muted-foreground'>
57
- {t(`home.${feature}.examples`)}
58
- </p>
59
- </CardContent>
60
- </Card>
61
- ))}
62
- </div>
63
- <Card>
64
- <CardHeader>
65
- <CardTitle>
66
- <h2 className='flex items-center gap-2'>
67
- <MessageSquareText
68
- aria-hidden='true'
69
- className='size-4 text-primary'
70
- />
71
- {t('home.startTitle')}
72
- </h2>
73
- </CardTitle>
74
- <CardDescription>{t('home.startDescription')}</CardDescription>
75
- </CardHeader>
76
- <CardContent className='flex flex-col gap-4'>
77
- <blockquote className='rounded-lg border border-primary/10 bg-primary/5 p-4 text-sm leading-7'>
78
- {t('home.examplePrompt')}
79
- </blockquote>
80
- <p className='text-sm text-muted-foreground'>{t('home.startHint')}</p>
81
- </CardContent>
82
- </Card>
83
- <p className='flex items-start gap-2 text-sm leading-6 text-muted-foreground'>
84
- <ShieldCheck aria-hidden='true' className='mt-1 size-4 shrink-0' />
85
- {t('home.foundation')}
86
- </p>
87
- </PageContainer>
88
- );
89
- }