diff --git a/public/mail-icon-white.svg b/public/mail-icon-white.svg new file mode 100644 index 0000000..d94cc99 --- /dev/null +++ b/public/mail-icon-white.svg @@ -0,0 +1,125 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + Rygle + + + + 2015-03-29 + + + + + Rygle + + + + + icon + mail + snail + communication + communicate + address + envelope + + + + + Public Domain + + + + + + + + + + + diff --git a/public/phone-call-icon.svg b/public/phone-call-icon.svg new file mode 100644 index 0000000..bc3846b --- /dev/null +++ b/public/phone-call-icon.svg @@ -0,0 +1,182 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + Openclipart + + + + + + + + + + + diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index a03e031..c083c3e 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,6 +1,67 @@ import { type NextPage } from "next/types"; import Image from 'next/image'; +interface QuickLink { + label: string, + href: string, +} + +interface ContactInfo { + name: string, + title: string, + email?: string, + phone?: string, +} + +const contacts: ContactInfo[] = [ + { + name: "Olivia Adamson", + title: "Audiology Graduate Student Clinician", + email: "olivia-adamson@uiowa.edu", + }, + { + name: "Eun Kyung (Julie) Jeon", + title: "Clinical Assistant Professor", + email: "eunkyung-jeon@uiowa.edu", + phone: "319-467-1476" + } +] + +const ContactInfo = ({name, title, email, phone}: ContactInfo) => { + return ( +
+

{name}

+

{title}

+ { email ? +
+ email +

{email}

+
+ : undefined} + { phone ? +
+ phone +

{phone}

+
+ : undefined} +
+ ) +} + +const FooterLabeledSection = ({title, children}: { + title: string, + children: JSX.Element[] | JSX.Element, +}) => { + return ( +
+

{title}

+
+ {children} +
+
+ ) +} + const Footer: NextPage = () => { return (
@@ -8,7 +69,8 @@ const Footer: NextPage = () => {
{/** Main footer area */} -
+
+ {/** Wendell Johnson Info */}
University of Iowa logo
@@ -17,6 +79,19 @@ const Footer: NextPage = () => {

Iowa City, IA 52242

+ + {/** Header and tabs */} +
+ + + + {contacts.map((contactInfo, index) => { + return ( + + ) + })} + +
)