feat: add footer

src/components/footer/footer.spec.tsx

@@ -0,0 +1,16 @@
+import { render, screen } from '@testing-library/react'
+import { Footer } from './footer'
+
+describe('<Footer/>', () => {
+  it('should be render a Footer component', () => {
+    render(<Footer />)
+
+    expect(screen.getByText(/created with by/i)).toBeInTheDocument()
+    expect(screen.getByText(/♥️/i)).toBeInTheDocument()
+    expect(
+      screen.getByRole('link', {
+        name: /raul andrade/i
+      })
+    ).toBeInTheDocument()
+  })
+})

src/components/footer/footer.tsx

@@ -0,0 +1,19 @@
+export const Footer = () => {
+  return (
+    <footer className="pb-6 flex justify-center font-thin dark:text-gray-300 text-gray-700">
+      <p>
+        {`Created with `}
+        <span className="text-rose-600">♥️</span>
+        {` by `}
+        <a
+          className="border-b-blue-500 text-blue-500 hover:border-b-[1px]"
+          href="https://github.com/andraderaul"
+          target="_blank"
+          rel="noreferrer"
+        >
+          Raul Andrade
+        </a>
+      </p>
+    </footer>
+  )
+}

src/components/footer/index.ts

@@ -0,0 +1 @@
+export { Footer } from './footer'

src/components/index.ts

@@ -7,3 +7,4 @@ export { SubTitle } from './sub-title'
 export { PrimaryButton } from './primary-button'
 export { PrimaryText } from './primary-text'
 export { Header } from './header'
+export { Footer } from './footer'

src/pages/_document.tsx

@@ -1,5 +1,5 @@
 import Document, { Html, Head, Main, NextScript } from 'next/document'
-
+import { Footer } from 'components'
 export default class MyDocument extends Document {
   render() {
     return (
@@ -15,6 +15,7 @@ export default class MyDocument extends Document {
           <Main />
           <NextScript />
         </body>
+        <Footer />
       </Html>
     )
   }