add email contact to footer

helloivanco · Oct 19, 2021 · 79c9b54 · 79c9b54 · vercel · Oct 19, 2021
1 parent 556afc1
commit 79c9b54
Show file tree

Hide file tree

Showing 3 changed files with 750 additions and 284 deletions.
diff --git a/components/footer.js b/components/footer.js
@@ -1,7 +1,9 @@
+import { MailIcon } from '@heroicons/react/outline';
+
 const navigation = [
   {
     name: 'Facebook',
-    href: '#',
+    href: '/api/hello',
     icon: (props) => (
       <svg fill='currentColor' viewBox='0 0 24 24' {...props}>
         <path
@@ -14,7 +16,7 @@ const navigation = [
   },
   {
     name: 'Instagram',
-    href: '#',
+    href: '/api/hello',
     icon: (props) => (
       <svg fill='currentColor' viewBox='0 0 24 24' {...props}>
         <path
@@ -27,7 +29,7 @@ const navigation = [
   },
   {
     name: 'Twitter',
-    href: '#',
+    href: '/api/hello',
     icon: (props) => (
       <svg fill='currentColor' viewBox='0 0 24 24' {...props}>
         <path d='M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84' />
@@ -36,7 +38,7 @@ const navigation = [
   },
   {
     name: 'GitHub',
-    href: '#',
+    href: '/api/hello',
     icon: (props) => (
       <svg fill='currentColor' viewBox='0 0 24 24' {...props}>
         <path
@@ -58,14 +60,23 @@ export default function Footer() {
             <a
               key={item.name}
               href={item.href}
+              target='_blank'
               className='text-white hover:text-indigo-600'>
               <span className='sr-only'>{item.name}</span>
               <item.icon className='h-6 w-6' aria-hidden='true' />
             </a>
           ))}
         </div>
         <div className='mt-8 md:mt-0 md:order-1'>
-          <p className='text-center text-base text-white'>&copy; TinyTerra</p>
+          <p className='text-center text-base text-white font-semibold'>
+            &copy;{' '}
+            <a href='/api/hello' target='_blank' className='hover:underline'>
+              DA Labs{' '}
+              <span className='inline-block w-5 -mb-1'>
+                <MailIcon />
+              </span>
+            </a>
+          </p>
         </div>
       </div>
     </footer>