import React from 'react'
import { Container, Grid, Image, Text, Spacer } from '@nextui-org/react'
import man_sit from '../../assets/man_sit.png'
import HomeLayout from '../../Layouts/HomeLayout'

const About = () => {
  return (
    <>
    <Container css={{ p: '5rem' }} >
        <Text h1 color='white' size={50} > Introduction To Micropatrology Organization </Text>
        <Spacer y={2} />
        <Grid.Container>
            <Grid md={8} sm={12} xs={12} css={{ flexDirection: 'column' }}>
              <Text color='white' h3> What Is Micropatrology Organization? </Text>
              <Text color='#728ba3' size={15} >
                Micropathology (a compound word of micro meaning very small and patrology meaning pedagogy) is the study of micronation, micro-countries, and unapproved countries. It refers to activists with a hobby related to micro-nation. .
                <br />
                We are now one-ninth of the world’s population
                <br />
                About 821 million people are living in an era of starvation due to lack of food.
                <br />
                This phenomenon leads to wrong capitalist political countries, market economy systems, shareholder capitalism, entrepreneurship, and global environmental destruction.
                <br />
                We decided to form various DAO community organizations to change this wrong world.
                <br />
                We can no longer stand by the reality of the era of income inequality.
                <br />
                We form various DAO community organizations to discuss alternatives for all members of the organization to enjoy economic freedom.
                <br />
                In addition, I would like to discuss an independent micronation country where all members of the organization can enjoy a happy life enough.
              </Text>
            </Grid>
            <Grid md={4} sm={12} xs={12} >
                <Image src={man_sit} alt={man_sit} width='100%' height='100%'  />
            </Grid>
        </Grid.Container>
    </Container>
    <Spacer y={5} />
    </>
  )
}

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

export default About