1import { Title } from '../../atoms/title/title'
2import { Feature } from '../../molecules/feature/feature'
3
4export const Features = () => {
5  return (
6    <section className='mx-auto mt-20 px-6 md:max-w-[843px] md:px-0'>
7      <Title className='mb-14'>
8        Spice simplifies building AI apps and agents that work, by making it fast and easy to ground
9        AI in data.
10      </Title>
11
12      <div className='flex flex-col gap-6 md:flex-row'>
13        <div className='flex w-full flex-col gap-6 md:w-1/2'>
14          <Feature
15            title='Federated Data Access'
16            description='SQL API to query structured and unstructed data across databases, data warehouses, and data lakes.'
17            docsLink='https://docs.spiceai.org/features/federated-queries'
18          />
19          <Feature
20            title='AI Compute Engine'
21            description='OpenAI-compatible API for local and hosted inference, search, memory, evals, and observability.'
22            docsLink='https://docs.spiceai.org/features/large-language-models'
23          />
24        </div>
25        <div className='flex w-full flex-col gap-6 md:w-1/2 md:pt-20'>
26          <Feature
27            title='Data Acceleration'
28            description='Materialize data and content in DuckDB, SQLite, and PostgreSQL; in-memory or on disk. Results caching included.'
29            docsLink='https://docs.spiceai.org/features/data-acceleration'
30          />
31          <Feature
32            title='Self-Hostable and Open-Source'
33            description='Self-hostable binary or Docker image, platform-agnostic, and Apache 2.0 licensed. Built on industry standard technologies including Apache DataFusion and Apache Arrow.'
34            docsLink='https://github.com/spiceai/spiceai'
35          />
36        </div>
37      </div>
38    </section>
39  )
40}
41

1import { Title } from '../../atoms/title/title'
2import { Feature } from '../../molecules/feature/feature'
3
4export const Features = () => {
5  return (
6    <section className='mx-auto mt-20 px-6 md:max-w-[843px] md:px-0'>
7      <Title className='mb-14'>
8        Spice simplifies building AI apps and agents that work, by making it fast and easy to ground
9        AI in data.
10      </Title>
11
12      <div className='flex flex-col gap-6 md:flex-row'>
13        <div className='flex w-full flex-col gap-6 md:w-1/2'>
14          <Feature
15            title='Federated Data Access'
16            description='SQL API to query structured and unstructed data across databases, data warehouses, and data lakes.'
17            docsLink='https://docs.spiceai.org/features/federated-queries'
18          />
19          <Feature
20            title='AI Compute Engine'
21            description='OpenAI-compatible API for local and hosted inference, search, memory, evals, and observability.'
22            docsLink='https://docs.spiceai.org/features/large-language-models'
23          />
24        </div>
25        <div className='flex w-full flex-col gap-6 md:w-1/2 md:pt-20'>
26          <Feature
27            title='Data Acceleration'
28            description='Materialize data and content in DuckDB, SQLite, and PostgreSQL; in-memory or on disk. Results caching included.'
29            docsLink='https://docs.spiceai.org/features/data-acceleration'
30          />
31          <Feature
32            title='Self-Hostable and Open-Source'
33            description='Self-hostable binary or Docker image, platform-agnostic, and Apache 2.0 licensed. Built on industry standard technologies including Apache DataFusion and Apache Arrow.'
34            docsLink='https://github.com/spiceai/spiceai'
35          />
36        </div>
37      </div>
38    </section>
39  )
40}
41