Layout Mint Frame

[earth2travis]

Add code to index.tsx

[earth2travis]

import { Box, Heading, VStack, vars } from './ui.js';

export const app = new Frog({
  browserLocation: '/',
  // Supply a Hub to enable frame verification.
  // hub: neynar({ apiKey: 'NEYNAR_FROG_FM' })
  ui: { vars },
}).frame('/', c => {
  return c.res({
    action: '/logon',
    image: (
      <Box
        grow
        alignHorizontal="center"
        alignVertical="center"
        backgroundColor="background"
        borderColor="white"
        borderWidth="6"
        padding="32"
      >
        <VStack>
          <Heading size="64">Shall We Play a Frame?</Heading>
        </VStack>
      </Box>
    ),
    intents: [
      <Button.Mint target="eip155:7777777:0x060f3edd18c47f59bd23d063bbeb9aa4a8fec6df:69420">
        Mint
      </Button.Mint>,

      // Base eip155:8453
      // Zora eip155:7777777
      // https://github.com/WalletConnect/blockchain-api/blob/master/SUPPORTED_CHAINS.md
    ],
  });
});

[earth2travis]

https://github.com/onchain-warfare/mint/commit/ad956d12b1ff50575cfedb674d329ea8f8ced229