import React from 'react'
import { Inter } from 'next/font/google'
import { Container, Content, Navbar, Nav, Button, Stack, FlexboxGrid, Col } from 'rsuite'


const Hero: React.FC = () => {
  return (
    <Content style={{
      // paddingInline: 128,
      padding: 128,
      background: "#F7F7FA"
    }}>
      <Stack direction='column'>
        <h2>
          Use your already 
          <span style={{ color: "#3498FF", textShadow: "4px 4px 10px rgba(52,152,255,0.22)" }}>
            existing spreadsheet</span> as an Headless CMS
        </h2>

        <h4 style={{ color: "#7A7A7A" }}>
          We give you the tool to transfer any spreadsheet into a fully features API
        </h4>

      </Stack>
    </Content>
  )
}


export default Hero