contact update

Dhunu · Nov 26, 2023 · 15155a4 · 15155a4
1 parent dbce6f7
commit 15155a4
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 2 deletions.
diff --git a/src/components/ContactSection.tsx b/src/components/ContactSection.tsx
@@ -1,16 +1,46 @@
+import { FacebookIcon, GithubIcon, InstagramIcon, LinkedinIcon } from "lucide-react";
 import Container from "./ui/container";
 import EmailTemplate from "./ui/EmailTemplate";
 
 const ContactSection = () => {
     return (
-        <Container className="flex flex-wrap justify-center mt-20 gap-10 pb-20" id="contact">
+        <Container
+            className="flex flex-wrap justify-center mt-20 gap-10 pb-20 mx-10 sm:mx-auto"
+            id="contact"
+        >
             <div className="flex flex-col justify-center items-start text-start max-w-lg">
                 <h1 className="font-bold text-2xl mb-2">Let&apos;s Connect</h1>
                 <p>
                     I&apos;m currently looking for new opportunities, my inbox
                     is always open. Whether you have a question or just want to
                     say hi, I&apos;ll try my best to get back to you!
                 </p>
+                <div className="flex flex-col gap-5 justify-center items-start mt-10">
+                    <div className="flex justify-center items-center gap-5">
+                        <a href="https://www.linkedin.com/in/angel-saikia/" className="flex items-center justify-center w-10" target="_blank">
+                            <LinkedinIcon className="w-7 h-7 text-[#0077b5]" />
+                        </a>
+                        <div className="font-serif">/angel-saikia</div>
+                    </div>
+                    <div className="flex justify-center items-center gap-5">
+                        <a href="https://github.com/Dhunu" className="flex items-center justify-center w-10" target="_blank">
+                            <GithubIcon className="w-7 h-7 text-[#ffffff]" />
+                        </a>
+                        <div className="font-serif">/Dhunu</div>
+                    </div>
+                    <div className="flex justify-center items-center gap-5">
+                        <a href="https://www.facebook.com/angel.saikia.140/" className="flex items-center justify-center w-10" target="_blank">
+                            <FacebookIcon className="w-7 h-7 text-[#1877F2]" />
+                        </a>
+                        <div className="font-serif">/angel.saikia.140</div>
+                    </div>
+                    <div className="flex justify-center items-center gap-5">
+                        <a href="https://www.instagram.com/saikiaangel_/" className="flex items-center justify-center w-10" target="_blank">
+                            <InstagramIcon className="w-7 h-7 text-[#d62976]" />
+                        </a>
+                        <div className="font-serif">/saikiaangel_</div>
+                    </div>
+                </div>
             </div>
             <div className="flex max-w-lg w-full">
                 <EmailTemplate />

diff --git a/src/components/ProjectSection.tsx b/src/components/ProjectSection.tsx
@@ -5,7 +5,7 @@ import { Tabs, TabsList, TabsTrigger, TabsContent } from "./ui/tabs";
 
 const ProjectSection = () => {
     return (
-        <Container className="pt-20" id="projects">
+        <Container className="pt-20 mx-10 md:mx-auto" id="projects">
             <h1 className="text-center font-extrabold text-3xl md:text-5xl underline">
                 My Projects
             </h1>

diff --git a/src/components/ui/EmailTemplate.tsx b/src/components/ui/EmailTemplate.tsx
@@ -4,6 +4,7 @@ import { useRef, useState } from "react";
 import emailjs from "emailjs-com";
 import { Button } from "./button";
 import { toast } from "./use-toast";
+import { PhoneCallIcon, MailIcon } from "lucide-react";
 
 const EmailTemplate = () => {
     const formRef = useRef(null);
@@ -65,6 +66,17 @@ const EmailTemplate = () => {
     return (
         <div className="flex flex-col w-full">
             <h1 className="font-semibold text-2xl my-5">Contact Me</h1>
+
+            <div className="flex flex-col justify-center my-10 gap-5">
+                <div className="flex justify-start items-center gap-5">
+                    <PhoneCallIcon />
+                    <div className="font-serif">+91-8011158661</div>
+                </div>
+                <div className="flex justify-start items-center gap-5">
+                    <MailIcon />
+                    <div className="font-serif">developer@angelsaikia.com</div>
+                </div>
+            </div>
             <form
                 ref={formRef}
                 onSubmit={handleSubmit}