

<MyNavbar top={0} />

<br></br>
<br></br>
<br></br>
<br></br>

### product tienda
# base case capital

<Text class="leading-normal font-medium text-xl sm:text-2xl mb-8">
  an early-stage venture capital firm focused on the next generation of enterprise software
</Text>

<Button large class="bg-black hover:bg-white border border-white text-white hover:text-black" href="mailto:hi@basecase.vc">get in touch</Button>

{/* Definitions */}

export const BaseCaseStyle = (props) =>
  <div style={{fontFamily: '"DM Sans", sans-serif'}}>
    {props.children}
  </div>

const BackgroundCard = ({rotate, color, from, to}) => (
    <Box style={{
      background: `linear-gradient(to right, ${from}, ${to})`
    }} class={`absolute top-24 sm:top-4 h-96 rounded-3xl ${color} ${rotate && `transform rotate-${rotate}`}`} />
);

const QuoteCard = ({name, imageUrl, quote, title, rotation, className}) => (
  <Box class={`relative sm:absolute flex flex-col sm:flex-row rounded-xl mt-8  px-8 py-4 shadow-xl color-black border max-w-xl w-full sm:w-2/3 sm:align-self-end ${className} transition-transform hover:rotate-0 ease-in-out duration-500`}>
    <Box class="flex flex-none w-24">
      <Image class="w-24 h-24 object-cover rounded-full content-start" src={imageUrl} />
    </Box>
    <Box class="pl-0 sm:pl-8">
      <Text class="w-full text-center sm:text-left text-md md:text-lg font-semibold leading-snug">{ quote }</Text>
      <p class="text-center sm:text-left font-semibold my-1">{ name }</p>      <p class="text-center sm:text-left my-1">{ title }</p>
    </Box>
  </Box>)

const [formState, setFormState] = useState(null);

<br></br>
<br></br>
<br></br>
<br></br>

export const MyNavbar = () => (
  <nav class="flex justify-between mt-6 items-center md:px-1">
  <div class="font-serif md:text-3xl"></div> 
    <div class="flex items-end md:text-xl font-medium">  
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://basecase.vc/">home</a></div>  
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://basecase.vc/blog">blog</a></div>
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://basecase.vc/values">values</a></div>
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://www.crunchbase.com/organization/base-case-capital/recent_investments">portfolio</a></div>
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://twitter.com/basecasevc">twitter</a></div>
    </div>
  </nav>
)

<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet" />

<br></br>
<br></br>
<br></br>
<br></br>

base case capital is an early-stage venture capital firm focused on the next generation of enterprise software.