```jsx
export const JumbotronPage = () => (
  <Jumbotron>
    <h1 className="text-2xl md:text-4xl text-gray-800 mb-3">
      Kimia-UI Tutorial
    </h1>
    <p className="text-gray-600">
      Kimia-ui is a collection of React components built with tailwindcss and
      fully customizable that allows you to be more productive
    </p>
    <button className="text-sm px-6 py-1 mt-4 text-white focus:outline-none bg-blue-500">
      Learn more
    </button>
  </Jumbotron>
);

function Jumbotron({ children }) {
  return (
    <div className="shadow-lg border font-light border-solid rounded-sm py-12 px-8 mb-8">
      {children}
    </div>
  );
}
```
