front/src/components/LogoButton.tsx

@@ -1,10 +1,13 @@
+import * as React from 'react';
+
 interface LogoButtonProps {
     url:string;
-    logo:string
+    logo:string;
+    style?: React.CSSProperties;
 }
 
-export default function LogoButton ({url, logo}: LogoButtonProps) {
+export default function LogoButton ({url, logo, style}: LogoButtonProps) {
     return (
-    <a href={url}><img src={logo}/></a>
+    <a href={url}><img src={logo} style={{ ...style }}/></a>
     )
 }

front/src/index.css

@@ -5,3 +5,7 @@
   --color-lightblue: #00bbf0;
   --color-yellow: #fdb44b;
 }
+
+footer {
+  text-align: center;
+}

front/src/pages/MainPage.tsx

@@ -1,11 +1,15 @@
 import ArticlesSection from '../components/ArticlesSection.tsx'
 import NavBar from '../components/NavBar.tsx'
+import Footer from '../components/Footer.tsx'
 
 export default function MainPage() {
     return (
+        <>
         <div>
             <NavBar />
             <ArticlesSection />
         </div>
+        <Footer />
+        </>
     )
 }