added number to footer

src/components/molecules/footer.astro

@@ -1,6 +1,4 @@
 ---
-import Logo from "../atoms/logo";
-import MaxWidthWrapper from "../other/max.width.wrapper";
 import {
     ADDRESS,
     CONTACT_EMAIL,
@@ -8,8 +6,14 @@ import {
     getPhoneNumber,
     navLinks,
 } from "@/lib/constants";
-import Title from "../atoms/title";
 import { cn } from "@/lib/utils";
+import Logo from "../atoms/logo";
+import Title from "../atoms/title";
+import MaxWidthWrapper from "../other/max.width.wrapper";
+import { cn } from "@/lib/utils";
+import Logo from "../atoms/logo";
+import Title from "../atoms/title";
+import MaxWidthWrapper from "../other/max.width.wrapper";
 
 const { page, variant = "lime" } = Astro.props;
 
@@ -36,11 +40,17 @@ const contactLink = getContactLink(page);
                             <Logo />
                         </a>
                         <p class="text-md leading-6 text-blue-50">
-                            Address:
                             <span>{ADDRESS}</span>
                         </p>
                         <p class="text-md leading-6 text-blue-50">
-                            Contact:
+                            <a
+                                href={contactLink}
+                                class="text-blue-50 hover:text-blue-100"
+                            >
+                                {phoneNumber}
+                            </a>
+                        </p>
+                        <p class="text-md leading-6 text-blue-50">
                             <a
                                 href={`mailto:${CONTACT_EMAIL}`}
                                 class="text-blue-50 hover:text-blue-100"