From a5e0f9152190136450b73a79a4cf1aa4c9ac1797 Mon Sep 17 00:00:00 2001
From: sufi0900 <108760976+sufi0900@users.noreply.github.com>
Date: Wed, 31 Jan 2024 20:40:12 +0500
Subject: [PATCH] New Commit

---
 app/contact/code.js  |  35 ++++++------
 app/contact/page.jsx |   3 +-
 app/footer/code.js   | 130 ++++++++++++++++++++++++++++---------------
 app/globals.css      |   6 +-
 4 files changed, 104 insertions(+), 70 deletions(-)

diff --git a/app/contact/code.js b/app/contact/code.js
index a206cd8..022bc12 100644
--- a/app/contact/code.js
+++ b/app/contact/code.js
@@ -227,27 +227,27 @@ const ContactMe = () => {
                       />{" "}
                     </div>
                     <div>
-                      <Button
-                        className=" "
+                      <button
+                        className="button-85"
                         variant="contained"
                         type="submit"
                         data-aos="zoom-in"
                         data-aos-delay="100"
-                        style={{
-                          padding: "13px 40px",
-                          background: "rgb(253, 6, 204)",
+                        style={{ padding: "13px 40px" }}
+                        // style={{
+                        //
+                        //   background: "rgb(253, 6, 204)",
 
-                          transition: "0.4s",
-                          transform: "scale(1)",
+                        //   transition: "0.4s",
+                        //   transform: "scale(1)",
 
-                          boxShadow:
-                            "rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset",
-                          cursor: "pointer",
-                        }}
-                        startIcon={<SendIcon />}
+                        //   boxShadow:
+                        //     "rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset",
+                        //   cursor: "pointer",
+                        // }}
+                        // startIcon={<SendIcon />}
                       >
-                        <p>
-                          {/* <motion.p
+                        {/* <motion.p
                             animate={{
                               x: [4, -4],
                             }}
@@ -258,9 +258,8 @@ const ContactMe = () => {
                               repeatType: "reverse",
                             }}
                           > */}
-                          Submit
-                          {/* </motion.p> */}
-                        </p>
+                        <SendIcon /> Submit
+                        {/* </motion.p> */}
                         {/* <span class="form__btn--invisible">
                           <motion.p
                             animate={{
@@ -277,7 +276,7 @@ const ContactMe = () => {
                             Msg Sent ✅
                           </motion.p>
                         </span> */}
-                      </Button>
+                      </button>
                       {/* <Button
                         className="form__btn"
                         type="submit"
diff --git a/app/contact/page.jsx b/app/contact/page.jsx
index 3d2857a..1dad3d0 100644
--- a/app/contact/page.jsx
+++ b/app/contact/page.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import Code from "./code";
-import Comment from "../blogs2/page";
+
 export const metadata = {
   title: "Contact Me - Sufian Mustafa",
   description:
@@ -11,7 +11,6 @@ const page = () => {
   return (
     <>
       <Code />
-      <Comment />
     </>
   );
 };
diff --git a/app/footer/code.js b/app/footer/code.js
index 5f4c5d1..95272ae 100644
--- a/app/footer/code.js
+++ b/app/footer/code.js
@@ -138,53 +138,91 @@ const Footer = () => {
                     responsive websites. Lets connect and create something
                     amazing.
                   </p>
-                </div>
 
-                <ul className="footerc1">
-                  <li>Email: sufianmustafa0900.com</li>
-                  <li>Phone: +92 3177 652064</li>
-                  <li>Address: Pakistan KPK (Mardan)</li>
-                  <li>
-                    Social Links
-                    <br />
-                    <Tooltip title="LinkedIn" placement="top">
-                      <Button
-                        href="https://www.linkedin.com/in/sufian-mustafa-7a7845226/"
-                        target="_blank"
-                        rel="northerner"
-                        style={{ color: "blue" }}
-                        startIcon={<LinkedIn />}
-                      ></Button>
-                    </Tooltip>
-                    <Tooltip title="GitHub" placement="top">
-                      <Button
-                        href="https://github.com/sufi0900"
-                        target="_blank"
-                        rel="noreferrer"
-                        startIcon={<GitHub />}
-                        style={{ color: "blue" }}
-                      ></Button>
-                    </Tooltip>
-                    <Tooltip title="WhatsApp" placement="top">
-                      <Button
-                        href="https://api.whatsapp.com/send?phone=03177652064"
-                        target="_blank"
-                        rel="noreferrer"
-                        startIcon={<WhatsApp />}
-                        style={{ color: "blue", padding: "2px" }}
-                      ></Button>
-                    </Tooltip>
-                    <Tooltip title="Dev.to" placement="top">
-                      <Button
-                        href="https://dev.to/sufian"
-                        target="_blank"
-                        rel="noreferrer"
-                        startIcon={<LogoDevIcon />}
-                        style={{ color: "blue", padding: "2px" }}
-                      ></Button>
-                    </Tooltip>
-                  </li>
-                </ul>
+                  <ul className="footerc1">
+                    <li
+                      style={{
+                        marginBottom: "10px",
+                        fontSize: "18px",
+                        color: "blue",
+                      }}
+                    >
+                      <span style={{ color: "black" }}>Email:</span>{" "}
+                      sufianmustafa0900.com
+                    </li>
+                    <li
+                      style={{
+                        marginBottom: "10px",
+                        fontSize: "18px",
+                        color: "blue",
+                      }}
+                    >
+                      <span style={{ color: "black" }}>Phone:</span> +92 3177
+                      652064
+                    </li>
+                    <li
+                      style={{
+                        marginBottom: "10px",
+                        fontSize: "18px",
+                        color: "blue",
+                      }}
+                    >
+                      <span style={{ color: "black" }}>Address:</span> Pakistan
+                      KPK (Mardan)
+                    </li>
+                    <li
+                      className=""
+                      style={{
+                        marginTop: "10px",
+                        textAlign: "start",
+                        fontSize: "18px",
+                        color: "blue",
+                      }}
+                    >
+                      <span style={{ fontWeight: "bolder", color: "blue" }}>
+                        Social Links:
+                      </span>
+                    </li>
+                    <div className="">
+                      <Tooltip title="LinkedIn" placement="top">
+                        <Button
+                          href="https://www.linkedin.com/in/sufian-mustafa-7a7845226/"
+                          target="_blank"
+                          rel="northerner"
+                          style={{ color: "blue" }}
+                          startIcon={<LinkedIn />}
+                        ></Button>
+                      </Tooltip>
+                      <Tooltip title="GitHub" placement="top">
+                        <Button
+                          href="https://github.com/sufi0900"
+                          target="_blank"
+                          rel="noreferrer"
+                          startIcon={<GitHub />}
+                          style={{ color: "blue" }}
+                        ></Button>
+                      </Tooltip>
+                      <Tooltip title="WhatsApp" placement="top">
+                        <Button
+                          href="https://api.whatsapp.com/send?phone=03177652064"
+                          target="_blank"
+                          rel="noreferrer"
+                          startIcon={<WhatsApp />}
+                          style={{ color: "blue", padding: "2px" }}
+                        ></Button>
+                      </Tooltip>
+                      <Tooltip title="Dev.to" placement="top">
+                        <Button
+                          href="https://dev.to/sufian"
+                          target="_blank"
+                          rel="noreferrer"
+                          startIcon={<LogoDevIcon />}
+                          style={{ color: "blue", padding: "2px" }}
+                        ></Button>
+                      </Tooltip>
+                    </div>
+                  </ul>
+                </div>
               </Grid>
 
               <Grid
diff --git a/app/globals.css b/app/globals.css
index 0f3c28a..2079e5f 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1813,14 +1813,12 @@ footer {
   margin-top: 20px;
 }
 .footerc1 {
-  margin-left: 30px;
+  margin-top: 5px;
 }
 .footerc1 li {
   padding: 1px;
 }
-.site a {
-  /* margin-left: 20px; */
-}
+
 .site li {
   padding-bottom: 10px;
 }