ui: first pass on redesign (#228)

src/components/HeaderBarebone/index.tsx

@@ -0,0 +1,33 @@
+import React from "react"
+
+import * as SC from "./styles"
+import { Container } from "../Container"
+
+interface IHeaderBareboneProps {
+  above?: React.ReactNode
+  title: string
+  content?: React.ReactNode
+  className?: string
+}
+
+export const HeaderBarebone: React.FC<IHeaderBareboneProps> = props => {
+  return (
+    <SC.HeaderWrapper className={props.className}>
+      <SC.BackgroundWrapper>
+        <SC.StyledWavesBottom />
+        <SC.StyledWavesTop />
+        <SC.StyledCircles />
+      </SC.BackgroundWrapper>
+
+      <Container>
+        <SC.Box>
+          {props.above}
+
+          <SC.Title>{props.title}</SC.Title>
+
+          {props.content}
+        </SC.Box>
+      </Container>
+    </SC.HeaderWrapper>
+  )
+}