import React from 'react'
import { Card, Grid, Text, Container, Spacer  } from "@nextui-org/react";
import gear from '../../../assets/gear.png'
import globe from '../../../assets/globe.png'
import user from '../../../assets/user.png'
import globe2 from '../../../assets/globe2.png'
import transfer from '../../../assets/transfer.png'

const PhygitalDao = () => {
  return (
    <>
    <Container>
      <Text h1 color='white' css={{ textAlign: 'center' }}> What Is Phygital DAO Code? </Text>
      <Spacer y={1} />
      <Grid.Container gap={2} >
        <Grid md={4} sm={12} xs={12} lg={4} >
          <Card variant='bordered' css={{ $$cardColor: '#1e2835', p: "$6", mw: "350px",borderRadius:'25px', border:'2px solid #303945' }}>
            <Card.Header>
            <img src={gear} alt={gear} />
              <Grid.Container css={{ pl: "$6" }}>
              </Grid.Container>
            </Card.Header>
            <Card.Body css={{ py: "$2" }}>
              <Text css={{color:'white'}}>
              When the NFT is sold to another person, it possibly represents to permanent withdrawal.
              </Text>
            </Card.Body>
          </Card>
        </Grid>
        <Grid md={4} sm={12} xs={12} lg={4} >
          <Card variant='bordered' css={{ $$cardColor: '#1e2835', p: "$6", mw: "350px",borderRadius:'25px',border:'2px solid #303945' }}>
            <Card.Header>
            <img src={globe} alt="" />
              <Grid.Container css={{ pl: "$6" }}>
              </Grid.Container>
            </Card.Header>
            <Card.Body css={{ py: "$2" }}>
              <Text css={{color:'white'}}>
              Points can be withdrawn on the 1st of every month, and the withdrawal unit is $100, $500, $1000.
            </Text>
            </Card.Body>
          </Card>
        </Grid>
        <Grid md={4} sm={12} xs={12} lg={4} >
          <Card variant='bordered' css={{ $$cardColor: '#1e2835', p: "$6", mw: "350px",borderRadius:'25px', border:'2px solid #303945'}}>
            <Card.Header>
            <img src={user} alt="" />
              <Grid.Container css={{ pl: "$6" }}>
              </Grid.Container>
            </Card.Header>
            <Card.Body css={{ py: "$2" }}>
              <Text css={{color:'white'}}>
              You can leave the organization at any time, and if you leave, you will be permanently withdrawn.
            </Text>
            </Card.Body>
          </Card>
        </Grid>
      </Grid.Container>

      <Grid.Container gap={2} justify="center">
        <Grid md={6} sm={12} xs={12} lg={6} justify="flex-end" >
          <Card variant='bordered' css={{ $$cardColor: '#1e2835', p: "$6", mw: "350px",borderRadius:'25px',border:'2px solid #303945' }}>
            <Card.Header>
            <img src={globe2} alt="" />
              <Grid.Container css={{ pl: "$6" }}>
              </Grid.Container>
            </Card.Header>
            <Card.Body css={{ py: "$2" }}>
              <Text css={{color:'white',}}>
              It is an 8-digit password coded name for only members of the Phygital DAO organization, and when promoting the Phygital DAO code to nonnumber, $10 points will be accumulated for each new member.
            </Text>
            </Card.Body>
          </Card>
        </Grid>
        <Grid md={6} sm={12} xs={12} lg={6} >
          <Card variant='bordered' css={{ $$cardColor: '#1e2835', p: "$6", mw: "350px",borderRadius:'25px',border:'2px solid #303945' }}>
            <Card.Header>
            <img src={transfer} alt="" />
              <Grid.Container css={{ pl: "$6" }}>
              </Grid.Container>
            </Card.Header>
            <Card.Body css={{ py: "$2" }}>
              <Text css={{color:'white',}}>
              A member will be given the lifetime right to participate in various blockchain businesses, you will be the person who give hope to more than 100M starving people living under the same sky. You can change the world and will be able to have the financial freedom.
            </Text>
            </Card.Body>
          </Card>
        </Grid>
      </Grid.Container>
    </Container>
  </>
  )
}

export default PhygitalDao