whatsapp contact

Author: codevoid048

components/sections/footer.tsx

@@ -1,5 +1,5 @@
 import { motion } from "framer-motion"
-import { Github, Linkedin, Mail, Twitter } from "lucide-react"
+import { Github, Linkedin, Mail, Twitter, MessageCircle } from "lucide-react"
 import { useEffect, useState } from "react"
 
 export default function Footer() {
@@ -58,6 +58,15 @@ export default function Footer() {
             >
               <Twitter className="h-5 w-5" />
             </a>
+            <a
+              href="https://wa.me/919966542463"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-foreground/70 hover:text-foreground/100 transition-colors duration-300"
+              aria-label="Whatsapp"
+            >
+              <MessageCircle className="h-5 w-5" />
+            </a>
             <a
               href="mailto:williamkeri007@gmail.com"
               className="text-foreground/70 hover:text-foreground/100 transition-colors duration-300"

components/sections/intro.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { motion } from "framer-motion"
-import { Github, Linkedin, Mail, Twitter } from "lucide-react"
+import { Github, Linkedin, Mail, Twitter, MessageCircle } from "lucide-react"
 
 export default function Intro() {
   return (
@@ -38,6 +38,7 @@ export default function Intro() {
             <SocialLink icon={<Github className="h-5 w-5" />} href="https://github.com/codevoid048" label="GitHub" />
             <SocialLink icon={<Linkedin className="h-5 w-5" />} href="https://linkedin.com/in/codevoid" label="LinkedIn" />
             <SocialLink icon={<Twitter className="h-5 w-5" />} href="https://x.com/code__void" label="Twitter" />
+            <SocialLink icon={<MessageCircle className="h-5 w-5" />} href="https://wa.me/919966542463" label="Whatsapp" />
             <SocialLink icon={<Mail className="h-5 w-5" />} href="#contact" label="Email" />
           </motion.div>
         </motion.div>