[examples/openspending] - openspending v0.2

examples/openspending/components/_shared/Footer.tsx

@@ -0,0 +1,13 @@
+import Image from 'next/image'
+export default function Footer() {
+  return (
+    <footer>
+      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row">
+        <Image alt="Datopian logo" src="/datopian-logotype.png" width={160} height={40} />
+        <p className="mt-6 text-base text-slate-500 md:mt-0">
+          Copyright © 2023 Datopian, LLC. All rights reserved.
+        </p>
+      </div>
+    </footer>
+  );
+}

examples/openspending/components/_shared/Layout.tsx

@@ -1,10 +1,12 @@
 import { Header } from '../Header';
+import Footer from './Footer';
 
 export default function Layout({ children }) {
   return (
-    <div className="bg-white min-h-screen pb-32">
+    <div className="bg-white min-h-screen pb-12">
       <Header />
       {children}
+      <Footer />
     </div>
   );
 }