1import { InstallOptions } from '../../molecules/install-options/install-options'
2import { Paragraph } from '../../atoms/paragraph/paragraph'
3import { Button } from '../../atoms/button/button'
4import { Title } from '../../atoms/title/title'
5
6export const Install = () => {
7  return (
8    <section
9      id='install-cli'
10      className='my-20 rounded-lg border border-alpha-150 bg-neutral p-8 md:p-16 xl:p-20'
11    >
12      <Title variant='medium' className='mb-6'>
13        Install the Spice CLI
14      </Title>
15      <Paragraph variant='large' className='max-w-3xl'>
16        Try querying accelerated Parquet files from S3, on your laptop, in under 60 seconds.
17      </Paragraph>
18
19      <InstallOptions />
20
21      <video src='/img/spice-intro.mp4' className='mt-14 w-full rounded-lg object-contain' controls />
22
23      <Button
24        href='https://github.com/spiceai/cookbook#spiceai-oss-cookbook'
25        target='_blank'
26        rel='noopener noreferrer'
27        variant='primary'
28        className='ml-6 mt-6 md:mt-14'
29      >
30        Cookbook
31      </Button>
32
33      <Button
34        href='/docs'
35        target='_blank'
36        rel='noopener noreferrer'
37        variant='primary'
38        className='ml-6 mt-6 md:mt-14'
39      >
40        Docs
41      </Button>
42
43      <Button
44        href='/docs/api'
45        target='_blank'
46        rel='noopener noreferrer'
47        variant='primary'
48        className='ml-6 mt-6 md:mt-14'
49      >
50        API
51      </Button>
52    </section>
53  )
54}
55

1import { InstallOptions } from '../../molecules/install-options/install-options'
2import { Paragraph } from '../../atoms/paragraph/paragraph'
3import { Button } from '../../atoms/button/button'
4import { Title } from '../../atoms/title/title'
5
6export const Install = () => {
7  return (
8    <section
9      id='install-cli'
10      className='my-20 rounded-lg border border-alpha-150 bg-neutral p-8 md:p-16 xl:p-20'
11    >
12      <Title variant='medium' className='mb-6'>
13        Install the Spice CLI
14      </Title>
15      <Paragraph variant='large' className='max-w-3xl'>
16        Try querying accelerated Parquet files from S3, on your laptop, in under 60 seconds.
17      </Paragraph>
18
19      <InstallOptions />
20
21      <video src='/img/spice-intro.mp4' className='mt-14 w-full rounded-lg object-contain' controls />
22
23      <Button
24        href='https://github.com/spiceai/cookbook#spiceai-oss-cookbook'
25        target='_blank'
26        rel='noopener noreferrer'
27        variant='primary'
28        className='ml-6 mt-6 md:mt-14'
29      >
30        Cookbook
31      </Button>
32
33      <Button
34        href='/docs'
35        target='_blank'
36        rel='noopener noreferrer'
37        variant='primary'
38        className='ml-6 mt-6 md:mt-14'
39      >
40        Docs
41      </Button>
42
43      <Button
44        href='/docs/api'
45        target='_blank'
46        rel='noopener noreferrer'
47        variant='primary'
48        className='ml-6 mt-6 md:mt-14'
49      >
50        API
51      </Button>
52    </section>
53  )
54}
55