fix: remove email from contact us section (#458)

* fix(ui): removed email from contact us

Signed-off-by: greedy-wudpeckr <mudituiet@gmail.com>

* updated tests for contact-us

Signed-off-by: greedy-wudpeckr <mudituiet@gmail.com>

---------

Signed-off-by: greedy-wudpeckr <mudituiet@gmail.com>

Author: greedy-wudpeckr

frontend/src/components/LandingComponents/Contact/Contact.tsx

@@ -8,7 +8,7 @@ import {
   CardTitle,
 } from '@/components/ui/card';
 import { AiOutlineDiscord } from 'react-icons/ai';
-import { GithubIcon, MailIcon } from 'lucide-react';
+import { GithubIcon } from 'lucide-react';
 import { TbBrandZulip } from 'react-icons/tb';
 import { url } from '@/components/utils/URLs';
 
@@ -38,12 +38,6 @@ const contactList: ContactProps[] = [
     position: 'Join us at Discord for discussions',
     url: '',
   },
-  {
-    icon: <MailIcon size={45} />,
-    name: 'Email',
-    position: 'Email us for any queries',
-    url: '',
-  },
 ];
 
 const cardVariants = {
@@ -75,7 +69,7 @@ export const Contact = () => {
       <div
         data-testid="contact"
         ref={ref}
-        className="grid md:grid-cols-2 lg:grid-cols-4 gap-8 gap-y-10"
+        className="grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-10"
       >
         {contactList.map(({ icon, name, position, url }: ContactProps) => (
           <motion.div

frontend/src/components/LandingComponents/Contact/__tests__/Contact.test.tsx

@@ -26,7 +26,7 @@ describe('Contact Component', () => {
   test('renders all contact cards', () => {
     render(<Contact />);
 
-    const contactNames = ['Zulip', 'Github', 'Discord', 'Email'];
+    const contactNames = ['Zulip', 'Github', 'Discord'];
 
     contactNames.forEach((name) => {
       const contactCard = screen.getByText(name);
@@ -41,7 +41,6 @@ describe('Contact Component', () => {
       'Join our Zulip channel',
       'Check out our Github repository',
       'Join us at Discord for discussions',
-      'Email us for any queries',
     ];
 
     contactPositions.forEach((position) => {