feat: adding credit footer

BaptisteLacroix · Sep 22, 2024 · 9649184 · 9649184
1 parent d98298b
commit 9649184
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -4,6 +4,7 @@ import {FormationComponent} from "./modules/FormationComponent.tsx";
 import {PortfolioComponent} from "./modules/PortfolioComponent.tsx";
 import SkillsSection from "./modules/SkillsSection.tsx";
 import {useRef} from "react";
+import CreditComponent from "./modules/CreditComponent.tsx";
 
 export default function App() {
     const homeRef = useRef<HTMLDivElement>(null);
@@ -51,6 +52,9 @@ export default function App() {
                 <div ref={skillsRef}>
                     <SkillsSection/>
                 </div>
+                <div>
+                    <CreditComponent/>
+                </div>
             </div>
         </>
     );

diff --git a/src/modules/CreditComponent.tsx b/src/modules/CreditComponent.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+const CreditComponent: React.FC = () => {
+    const currentYear = new Date().getFullYear();
+    return (
+        <footer className="container mx-auto max-w-7xl pb-12 px-12">
+            <div className="flex flex-col justify-center items-center gap-1"><p
+                className="text-sm text-default-400">© Copyright {currentYear} Baptiste Lacroix.</p></div>
+        </footer>
+    );
+};
+
+export default CreditComponent;