🐞 feat: Add contact information section to footer with address, email, and phone icons

2026-06-21 15:12:03 -05:00
parent f64f6e24a3
commit f3c97efcd7
7 changed files with 75 additions and 11 deletions
@@ -18,6 +18,33 @@

        a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
    }
+
+    .contact__item {
+        @apply flex justify-start items-start font-light text-white text-14px mb-2;
+
+        p { @apply m-0 p-0; }
+
+        a { @apply text-white hover:text-secondary-400 focus-visible:text-secondary-400; }
+
+        &::before {
+            @apply inline-block mr-2;
+
+            content: "";
+            height: 1.5rem;
+            width: 1.5rem;
+        }
+
+        &.contact__phone::before {
+            background: url("../../static/img/footer-phone.svg") no-repeat center center;
+        }
+        &.contact__email::before {
+            background: url("../../static/img/footer-email.svg") no-repeat center center;
+        }
+        &.contact__address::before {
+            background: url("../../static/img/footer-map.svg") no-repeat center center;
+            padding-top: 2rem;
+        }
+    }
 }

@media (max-width: 767px) {