Footer

Author: pintoderian

app/components/footer.js

@@ -0,0 +1,24 @@
+'use client';
+
+import useTranslate from '@/hooks/useTranslate';
+import { useMemo } from 'react';
+
+const Footer = () => {
+  const { translate } = useTranslate();
+  const year = useMemo(() => new Date().getFullYear(), []);
+
+  return (
+    <footer className="w-full py-4 border-t border-neutral-100 dark:border-neutral-800">
+      <div className="text-neutral-700 dark:text-neutral-400 text-center">
+        <div>
+          {translate('created')} NextJs {translate('and')} ❤️
+        </div>
+        <div>
+          © {year} Derian Pinto. {translate('copyright')}.
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

app/page.js

@@ -5,6 +5,7 @@ import Sidebar from './components/sidebar';
 import AboutMe from './components/about-me';
 import Experiences from './components/experiences';
 import Skills from './components/skills';
+import Footer from './components/footer';
 
 export default function Home() {
   return (
@@ -18,7 +19,7 @@ export default function Home() {
           <Skills />
         </div>
       </main>
-      <footer></footer>
+      <Footer />
     </>
   );
 }

data/languages/en.json

@@ -10,6 +10,9 @@
     "If you're looking to take your projects to the next level and benefit from my experience and enthusiasm, I'm here to help."
   ],
   "readmore": "Read more",
+  "created": "Created with",
+  "and": "and",
+  "copyright": "All rights reserved",
   "experiences": [
     {
       "title": "Senior FullStack Developer",

data/languages/es.json

@@ -10,6 +10,9 @@
     "Si estás buscando elevar tus proyectos al siguiente nivel, de contribuir con mi experiencia y entusiasmo."
   ],
   "readmore": "Ver más",
+  "created": "Creado con",
+  "and": "y",
+  "copyright": "Todos los derechos reservados",
   "experiences": [
     {
       "title": "Desarrollador FullStack - Senior",