26 feature implementing an instagram embed on a separate route

app/about-us/aboutUsPageLayout.tsx

@@ -2,6 +2,7 @@ import { PageElement } from "@/components/pageLayout/PageElement";
 import NewsBlerb, { newsItems } from "./newsBlerb";
 import OurFamiliesSection, { ourFamiliesFamily } from "./ourFamiliesSection";
 import ReportOfHopeDocs, { reportOfHopeDocsList } from "./reportOfHopeDocs";
+import Link from "next/link";
 
 export const aboutUs: PageElement[] = [
   { type: "Header", content: <>About Us</> },
@@ -269,9 +270,14 @@ export const ourTeam: PageElement[] = [
     content: (
       <>
         To contact any of our team, please email{" "}
-        <a className="text-link-blue">info@childcan.com</a>. This email is
-        monitored during business hours. Or you can call{" "}
-        <a className="text-link-blue">519-685-3500</a>.
+        <a href="mailto:info@childcan.com" className="text-link-blue">
+          info@childcan.com
+        </a>
+        . This email is monitored during business hours. Or you can call{" "}
+        <a href="tel:+15196853500" className="text-link-blue">
+          519-685-3500
+        </a>
+        .
       </>
     ),
   },
@@ -287,7 +293,10 @@ export const ourTeam: PageElement[] = [
     content: (
       <>
         Should you wish to join our Board of Directors, please{" "}
-        <a className="text-link-blue">learn more</a>.
+        <Link href="/about-us?page=Careers" className="text-link-blue">
+          learn more
+        </Link>
+        .
       </>
     ),
   },
@@ -409,26 +418,21 @@ export const careers: PageElement[] = [
       "Ideally located in Essex County and/or Grey County",
       "Able to leverage social capital within regions",
       "Able to give a minimum commitment of one 3-year term, 4 hours/month",
+      "Experience in any or all the following to complement the current board structure:",
+      {
+        type: "InnerList",
+        items: [
+          "Prior non-profit/Governance Board experience",
+          "Leadership/Project Management attributes",
+          "Financial/Accounting expertise (CPA)",
+          "Fundraising/Development experience",
+          "Governance expertise",
+          "Past/present affiliation in healthcare sector",
+          "Experience with childhood cancer",
+        ],
+      },
     ],
   },
-  {
-    type: "DoubleList",
-    list: {
-      type: "DoubleListElement",
-      title:
-        "Experience in any or all the following to complement the current board structure:",
-      items: [
-        "Prior non-profit/Governance Board experience",
-        "Leadership/Project Management attributes",
-        "Financial/Accounting expertise (CPA)",
-        "Fundraising/Development experience",
-        "Governance expertise",
-        "Past/present affiliation in healthcare sector",
-        "Experience with childhood cancer",
-      ],
-    },
-  },
-
   {
     type: "Paragraph",
     content: (
@@ -455,9 +459,20 @@ export const careers: PageElement[] = [
         Please forward your resume, together with a cover letter explaining your
         key attributes and interest in serving on Childcan’s Board of Directors,
         to the attention of Susan Marshall, Board Chair at{" "}
-        <a className="text-link-blue cursor-pointer">info@childcan.com</a>. Any
-        questions can be directed to Suzanne Fratschko Elliott at{" "}
-        <a className="text-link-blue cursor-pointer">info@childcan.com</a>.{" "}
+        <a
+          href="mailto:info@childcan.com"
+          className="text-link-blue cursor-pointer"
+        >
+          info@childcan.com
+        </a>
+        . Any questions can be directed to Suzanne Fratschko Elliott at{" "}
+        <a
+          href="mailto:info@childcan.com"
+          className="text-link-blue cursor-pointer"
+        >
+          info@childcan.com
+        </a>
+        .{" "}
       </>
     ),
   },
@@ -470,7 +485,13 @@ export const careers: PageElement[] = [
     content: (
       <>
         Should you be interested in volunteering, please contact{" "}
-        <a className="cursor-pointer text-link-blue">info@childcan.com</a>.{" "}
+        <a
+          href="mailto:info@childcan.com"
+          className="cursor-pointer text-link-blue"
+        >
+          info@childcan.com
+        </a>
+        .{" "}
       </>
     ),
   },
@@ -490,9 +511,12 @@ export const careers: PageElement[] = [
     content: (
       <>
         Learn more about{" "}
-        <a className="cursor-pointer text-link-blue">
+        <Link
+          href="/about-us?page=About Us"
+          className="cursor-pointer text-link-blue"
+        >
           Childcan, our Vision, Mission, and Core Values here.
-        </a>
+        </Link>
       </>
     ),
   },

app/about-us/ourFamiliesSection.tsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import Link from "next/link";
 
 interface OurFamiliesSectionProps {
   image: string;
@@ -11,21 +12,26 @@ function OurFamiliesSection(props: OurFamiliesSectionProps) {
   return (
     <div className="grid grid-cols-[1fr_2.3fr] gap-8 mt-5 mb-5">
       {/* left side */}
-      <div className="relative w-full h-55">
+      <Link href={props.link} className="relative w-full h-55">
         <Image
           layout="fill"
           style={{ objectFit: "cover", objectPosition: "center top" }}
           src={props.image}
           alt={props.alt}
         ></Image>
-      </div>
+      </Link>
       {/* right side */}
       <div>
-        <div className="mb-2 text-header-teal text-h3 hover:text-link-blue cursor-pointer">
+        <Link
+          href={props.link}
+          className="mb-2 text-header-teal text-h3 hover:text-link-blue cursor-pointer"
+        >
           {props.title}
-        </div>
+        </Link>
         <div className="text-main-grey text-body-small">{props.content}</div>
-        <div className="text-link-blue text-body-small mt-4">Read More →</div>
+        <Link href={props.link} className="text-link-blue text-body-small mt-4">
+          Read More →
+        </Link>
       </div>
     </div>
   );
@@ -53,15 +59,15 @@ export const ourFamiliesFamily: OurFamiliesSectionProps[] = [
       </>
     ),
 
-    link: "",
+    link: "/our-families-stories/tara",
   },
   {
     image: "/images/Ethan+collage.webp",
     alt: "",
     title: "Ethan - part of the Childcan family",
     content:
       "It was the summer of 2020 and Ethan’s family was filled with excitement and, of course, mixed with a few nerves, as Ethan prepared to start Junior Kindergarten. But in mid-August, their world was turned upside down. At the age of 4, Ethan was diagnosed with Acute Lymphoblastic Leukemia. The carefree summer days they had imagined were suddenly replaced with hospital stays, appointments, and many procedures for Ethan.",
-    link: "",
+    link: "/our-families-stories/ethan",
   },
 ];
 export default OurFamiliesSection;