Merge pull request #478 from The-Phoenics/Contact-with-us-miss-alignm…

…ent-474 Fixed Connect with us elements miss alignment in Contact Us page
subhadeeproy3902 · Jul 17, 2024 · 85724b1 · 85724b1
2 parents 9da2364 + a18122c
commit 85724b1
Showing 1 changed file with 40 additions and 37 deletions.
diff --git a/src/components/shared/contactform.tsx b/src/components/shared/contactform.tsx
@@ -168,50 +168,53 @@ export default function Contact() {
             </Button>
           </form>
         </Form>
-        <div>
+        <div className="flex flex-col items-center">
           <h3 className="text-2xl font-semibold mb-10 text-foreground/75">
             Connect with Us
           </h3>
-          <div className="flex gap-8 mb-12">
-            <Link
-              className="flex items-center justify-center w-10 h-10 rounded-full border bg-orange-200 dark:bg-transparent border-orange-600 shadow-inner shadow-orange-600 dark:shadow-orange-800 hover:shadow-md hover:shadow-orange-500 hover:transition hover:duration-300 hover:ease-in-out"
-              href="#"
-            >
-              <Mail className="w-5 h-5" />
-            </Link>
-            <div className="text-md text-foreground">
-              <p>Email to us at </p>
-              <p>subha9.5@gmail.com</p>
+
+          <div>
+            <div className="flex gap-8 mb-12">
+              <Link
+                className="flex items-center justify-center w-10 h-10 rounded-full border bg-orange-200 dark:bg-transparent border-orange-600 shadow-inner shadow-orange-600 dark:shadow-orange-800 hover:shadow-md hover:shadow-orange-500 hover:transition hover:duration-300 hover:ease-in-out"
+                href="#"
+              >
+                <Mail className="w-5 h-5" />
+              </Link>
+              <div className="text-md text-foreground">
+                <p>Email to us at </p>
+                <p>subha9.5@gmail.com</p>
+              </div>
             </div>
-          </div>
 
-          <div className="flex gap-8 mb-12">
-            <Link
-              className="flex items-center justify-center w-10 h-10 rounded-full border bg-orange-200 dark:bg-transparent border-orange-600 shadow-inner shadow-orange-600 dark:shadow-orange-800 hover:shadow-md hover:shadow-orange-500 hover:transition hover:duration-300 hover:ease-in-out"
-              href="#"
-            >
-              <Phone className="w-5 h-5" />
-            </Link>
-            <div className="text-md text-foreground">
-              <p>Call us at </p>
-              <p>+91 86373 73116</p>
+            <div className="flex gap-8 mb-12">
+              <Link
+                className="flex items-center justify-center w-10 h-10 rounded-full border bg-orange-200 dark:bg-transparent border-orange-600 shadow-inner shadow-orange-600 dark:shadow-orange-800 hover:shadow-md hover:shadow-orange-500 hover:transition hover:duration-300 hover:ease-in-out"
+                href="#"
+              >
+                <Phone className="w-5 h-5" />
+              </Link>
+              <div className="text-md text-foreground">
+                <p>Call us at </p>
+                <p>+91 86373 73116</p>
+              </div>
             </div>
-          </div>
 
-          <div className="flex gap-8 mb-12">
-            <Link
-              className="flex items-center justify-center w-10 h-10 rounded-full border bg-orange-200 dark:bg-transparent border-orange-600 shadow-inner shadow-orange-600 dark:shadow-orange-800 hover:shadow-md hover:shadow-orange-500 hover:transition hover:duration-300 hover:ease-in-out"
-              href="https://chat.whatsapp.com/E5oRd1VG1Ov4HoNPq4QcRU"
-            >
-              <MessageCircleMore className="w-5 h-5" />
-            </Link>
-            <div className="text-md text-foreground">
-              <p>Chat with us at </p>
-              <p className="underline">
-                <a href="https://chat.whatsapp.com/E5oRd1VG1Ov4HoNPq4QcRU">
-                  Here
-                </a>
-              </p>
+            <div className="flex gap-8 mb-12">
+              <Link
+                className="flex items-center justify-center w-10 h-10 rounded-full border bg-orange-200 dark:bg-transparent border-orange-600 shadow-inner shadow-orange-600 dark:shadow-orange-800 hover:shadow-md hover:shadow-orange-500 hover:transition hover:duration-300 hover:ease-in-out"
+                href="https://chat.whatsapp.com/E5oRd1VG1Ov4HoNPq4QcRU"
+              >
+                <MessageCircleMore className="w-5 h-5" />
+              </Link>
+              <div className="text-md text-foreground">
+                <p>Chat with us at </p>
+                <p className="underline">
+                  <a href="https://chat.whatsapp.com/E5oRd1VG1Ov4HoNPq4QcRU">
+                    Here
+                  </a>
+                </p>
+              </div>
             </div>
           </div>