import React from 'react'
import { Collapse, Grid, Container, Text, Spacer } from '@nextui-org/react'
import ContactBanner from '../../common/ContactBanner'
import HomeLayout from '../../Layouts/HomeLayout'

const Faqs = () => {
  return (
    <>
    <Spacer y={2} />
    <Container>
        <Text color='white' size={80} css={{ textAlign: 'center'}} h1> Frequently Asked Questions </Text>
        <Spacer y={2} />
        <Grid.Container gap={2}>
            <Grid>
            <Collapse.Group splitted animated >
                <Collapse title="Option A" >
                    <Text>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
                    enim ad minim veniam, quis nostrud exercitation ullamco laboris
                    nisi ut aliquip ex ea commodo consequat.
                    </Text>
                </Collapse>
                <Collapse title="Option B">
                    <Text>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
                    enim ad minim veniam, quis nostrud exercitation ullamco laboris
                    nisi ut aliquip ex ea commodo consequat.
                    </Text>
                </Collapse>
                <Collapse title="Option C">
                    <Text>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
                    enim ad minim veniam, quis nostrud exercitation ullamco laboris
                    nisi ut aliquip ex ea commodo consequat.
                    </Text>
                </Collapse>
            </Collapse.Group>
            </Grid>
        </Grid.Container>
        <Spacer y={5} />
        <ContactBanner />
        <Spacer y={8} />
    </Container>
    </>
  )
}

Faqs.layout = page => <HomeLayout children={page} title="Faqs" />

export default Faqs