wip

Author: Oxicode

components/navbar.js

@@ -32,7 +32,7 @@ const WhatsappComponent = ({ ReactGA, showHuman, recaptchaRef }) => (
       })
     }}
     href={showHuman ? `https://api.whatsapp.com/send?phone=${process.env.PHONE_NUMBER}` : '#'}
-    className="whitespace-nowrap w-1/2 px-3 py-2 text-white bg-[#66b135] border rounded-lg" rel="noreferrer">
+    className="whitespace-nowrap w-1/2 px-3 py-2 text-gray-900 border-gray-400 bg-[#6BCB77] border rounded-lg" rel="noreferrer">
     <FaWhatsapp className='inline-block mb-1' /> Whatsapp
   </a>
 )
@@ -49,8 +49,8 @@ const ResumePdfComponent = ({ showHuman, recaptchaRef, ReactGA }) => (
         label: 'resumePdf'
       })
     }}
-    className="hover:cursor-pointer hover:text-red-600" rel="noreferrer">
-    <IconDonwload className='inline-block text-3xl transform hover:scale-125' /> {' '} Download resume
+    className="whitespace-nowrap w-1/2 px-3 py-2 text-white bg-[#FD5D5D] border rounded-lg" rel="noreferrer">
+    <IconDonwload className='inline-block mb-1' /> {' '} Resume
   </a>
 )
 

pages/index.js

@@ -12,7 +12,6 @@ import { randomElement } from '@/components/helper'
 import {
   AlertRobotComponent,
   calendly,
-  LinkedinComponent,
   MailComponent,
   paypal,
   ResumePdfComponent,
@@ -116,7 +115,7 @@ const Home = ({ bio, avatar_url, blog, email, randomE }) => {
               </Transition>
               <div className="flex items-center justify-between gap-3 mt-2">
 
-                <LinkedinComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
+                <ResumePdfComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
                 <WhatsappComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
 
                 <a
@@ -141,7 +140,6 @@ const Home = ({ bio, avatar_url, blog, email, randomE }) => {
                 <hr className='h-px my-4 border-0 bg-gradient-to-l from-gray-200 via-gray-800 to-gray-200' />
                 <div className="flex flex-col space-y-5">
                   {calendly}
-                  <ResumePdfComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
                   <MailComponent showHuman={showHuman} email={email} recaptchaRef={recaptchaRef} ReactGA={ReactGA} />
                   {paypal}
                 </div>