<div className='flex flex-col items-center justify-center text-center h-full'>
      <TextBrand className='mb-10 pt-80 lg:pt-44 px-24 lg:px-32'> Infinite Possibilities </TextBrand>
   <TextSubhead>WE ARE STORYTELLERS, CURATORS, AND INNOVATORS </TextSubhead>
    <div className='mt-10'>
    <Button  href='shows'>View Our Catalog</Button>
    </div>
      <TextCaption className='text-mediumEmphasis absolute bottom-[16px] left-[20px] md:left-[100px]' >Art: Ricardo Romaneiro 'From Colors to Lines'</TextCaption>
</div>

Header

<div className='flex flex-col items-center justify-center text-center content-center px-14 flex-wrap  max-w-3xl px-4'>
<div className='mb-5'> <TextBody className='text-white flex flex-row flex-wrap sel-center '>It is our mission at Cosm to foster the art of fulldome filmmaking and the immersive creator ecosystem.</TextBody></div>
<TextBody className='text-white w-9/12 '>We have gathered an interdisciplinary community of some of the most talented artists, filmmakers, technologists, and experience designers to push the boundaries of immersive storytelling and design.</TextBody>
</div>

a7d2d0a1-3f63-47cb-b6a7-9192bf54a50f

<div className="flex flex-col justify-center items-center h-full">
    <H2 className="text-highEmphasis text-center uppercase w-[80%] pb-10">Join Our Community of Immersive Creators</H2>
    <TextBody className="w-[80%] text-center pb-14 md:pb-10">Cosm X Labs engages creators with bold visions to expand the possibilities of the immersive experience.</TextBody>
    <div className="scroll-smooth">
        <Button href="/#lets-create">Contact Us</Button>
    </div>
</div>