From 20e5b83d2babd0e555be57b37cd07ab03e8d667b Mon Sep 17 00:00:00 2001
From: achyuthcodes30 <achyuthyogesh0@gmail.com>
Date: Mon, 14 Oct 2024 21:48:09 +0530
Subject: [PATCH] chore: Add FAQ WA to landing and footer

---
 components/Footer.js       | 12 ++++++++++++
 components/root/AboutUs.js |  3 +++
 2 files changed, 15 insertions(+)

diff --git a/components/Footer.js b/components/Footer.js
index 4826668..f58819b 100644
--- a/components/Footer.js
+++ b/components/Footer.js
@@ -5,6 +5,7 @@ import GitHubIcon from '@material-ui/icons/GitHub'
 import InstagramIcon from '@material-ui/icons/Instagram'
 import LinkedInIcon from '@material-ui/icons/LinkedIn'
 import Link from 'next/link'
+import { SiWhatsapp } from 'react-icons/si'
 
 // const headerStyle = {
 //   backgroundColor: 'black',
@@ -95,6 +96,17 @@ const Footer = () => (
                             </IconButton>
                         </a>
                     </Grid>
+                    <Grid item xs={2} style={{ textAlign: 'center' }}>
+                        <a
+                            href="https://chat.whatsapp.com/ELOGHQUFDjUAWpBmhOMnRR"
+                            target="_blank"
+                            rel="noreferrer"
+                        >
+                            <IconButton>
+                                <SiWhatsapp className="memberCardSocialIcons" />
+                            </IconButton>
+                        </a>
+                    </Grid>
                 </Grid>
             </div>
             <div className="footerSection"></div>
diff --git a/components/root/AboutUs.js b/components/root/AboutUs.js
index 585c190..1231d99 100644
--- a/components/root/AboutUs.js
+++ b/components/root/AboutUs.js
@@ -36,6 +36,9 @@ export default function AboutUs() {
                     <GreenHightlight>close-knit family</GreenHightlight> who
                     contribute to the lab long after their graduation.
                 </p>
+
+                <a href="https://chat.whatsapp.com/ELOGHQUFDjUAWpBmhOMnRR" className=" mt-20 transition-all duration-500  ease-in-out hover:scale-110 hover:bg-gradient-to-r hover:from-emerald-600 hover:to-green-400 bg-gradient-to-r from-green-900 via-green-700 to-emerald-600 p-4 rounded-xl text-white">Learn More!</a>
+
             </div>
         </div>
     )