Add footer

frontend/src/components/Footer/index.tsx

@@ -0,0 +1,26 @@
+import { Paragraph } from "../Paragraph";
+
+export function Footer() {
+  return (
+    <footer className="border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-blue-950">
+      <div className="mx-auto flex w-full max-w-4xl text-balance px-5 py-3 text-center text-sm">
+        <Paragraph>
+          Copyright © OpenTofu a Series of LF Projects, LLC and its
+          contributors. Documentation materials are licensed under various open
+          sources license from other authors, see the referenced license files
+          for details. For web site terms of use, trademark policy, privacy
+          policy and other project policies please see{" "}
+          <a
+            href="https://lfprojects.org/policies"
+            target="_blank"
+            rel="noreferrer noopener"
+            className="underline"
+          >
+            lfprojects.org/policies
+          </a>
+          .
+        </Paragraph>
+      </div>
+    </footer>
+  );
+}

frontend/src/components/SidebarLayout/index.tsx

@@ -1,3 +1,4 @@
+import { Footer } from "../Footer";
 import { Header } from "../Header";
 import { ReactNode } from "react";
 
@@ -16,6 +17,7 @@ export function SidebarLayout({ children, before, after }: SidebarLayoutProps) {
         <main className="min-w-0 flex-1">{children}</main>
         {after}
       </div>
+      <Footer />
     </>
   );
 }

frontend/src/components/SimpleLayout/index.tsx

@@ -1,6 +1,7 @@
 import { Header } from "../Header";
 import { Breadcrumbs } from "../Breadcrumbs";
 import { ReactNode } from "react";
+import { Footer } from "../Footer";
 
 interface SimpleLayoutProps {
   children: ReactNode;
@@ -14,6 +15,7 @@ export function SimpleLayout({ children }: SimpleLayoutProps) {
         <Breadcrumbs />
         {children}
       </main>
+      <Footer />
     </>
   );
 }

frontend/src/routes/Home/index.tsx

@@ -2,6 +2,7 @@ import { Search } from "@/components/Search";
 import { Header } from "../../components/Header";
 import { Paragraph } from "../../components/Paragraph";
 import PatternBg from "../../components/PatternBg";
+import { Footer } from "@/components/Footer";
 
 export function Home() {
   return (
@@ -50,6 +51,7 @@ export function Home() {
           placeholder="Search providers, resources, or modules"
         />
       </main>
+      <Footer />
     </>
   );
 }