src/pages/LabInfo.js: Make address links clickable, add Google Maps e…

…mbed, remove phone number
uf-mil · Nov 27, 2024 · c9f6c49 · c9f6c49
1 parent 7808b99
commit c9f6c49
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 14 deletions.
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -28,11 +28,17 @@ function Footer() {
           <p className="text-sm text-gray-400 mt-1">
             Machine Intelligence Laboratory
           </p>
-          <p className="text-sm text-gray-400">
-            1889 Museum Road Room 3001, Gainesville, FL 32611
-          </p>
-          <p className="text-sm text-gray-400">(352) 392-2541</p>
-          <p className="text-sm text-gray-400">[email protected]</p>
+          <a
+            href="https://tinyurl.com/MIL-UF-MALA"
+            className="text-sm text-gray-400 hover:text-gray-100"
+          >
+            <p className="text-sm">
+              1889 Museum Road Room 3001
+              <br />
+              Gainesville, FL 32611
+            </p>
+          </a>
+          <p className="text-sm text-gray-400 mt-2">[email protected]</p>
         </div>
       </div>
 

diff --git a/src/pages/LabInfo.js b/src/pages/LabInfo.js
@@ -31,12 +31,15 @@ function ContactInfo() {
   return (
     <section className="py-8 bg-gray-100">
       <div className="max-w-6xl mx-auto px-6">
-        <h3 className="text-2xl font-bold text-blue-800 mb-4">Contact Us</h3>
-        <p className="text-gray-700 text-lg mb-6">
-          Reach out to us for inquiries, collaborations, or general questions.
-        </p>
         <div className="grid grid-cols-1 sm:grid-cols-2 gap-8">
           <div>
+            <h3 className="text-2xl font-bold text-blue-800 mb-4">
+              Contact Us
+            </h3>
+            <p className="text-gray-700 text-lg mb-6">
+              Reach out to us for inquiries, collaborations, or general
+              questions.
+            </p>
             <h4 className="text-xl font-semibold text-blue-900">Address</h4>
             <p className="text-gray-600 mt-2">
               Machine Intelligence Laboratory
@@ -49,9 +52,7 @@ function ContactInfo() {
               <br />
               Gainesville, FL 32611
             </p>
-          </div>
-          <div>
-            <h4 className="text-xl font-semibold text-blue-900">
+            <h4 className="text-xl font-semibold text-blue-900 mt-4">
               Contact Information
             </h4>
             <p className="text-gray-600 mt-2">
@@ -62,10 +63,19 @@ function ContactInfo() {
               >
                 [email protected]
               </a>
-              <br />
-              Phone: (352) 392-2541
             </p>
           </div>
+          <div>
+            <iframe
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3467.6144762212134!2d-82.34776149999999!3d29.643938499999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88e8a3773ea880c5%3A0x2d7889faeac87fe2!2sMachine%20Intelligence%20Laboratory%20(MIL)!5e0!3m2!1sen!2sus!4v1732679946255!5m2!1sen!2sus"
+              width="600"
+              height="450"
+              style={{ border: 0 }}
+              allowfullscreen=""
+              loading="lazy"
+              referrerpolicy="no-referrer-when-downgrade"
+            ></iframe>
+          </div>
         </div>
       </div>
     </section>