diff --git a/app/about-us/aboutUsPageLayout.tsx b/app/about-us/aboutUsPageLayout.tsx index 8519f79..2a2bd04 100644 --- a/app/about-us/aboutUsPageLayout.tsx +++ b/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{" "} - info@childcan.com. This email is - monitored during business hours. Or you can call{" "} - 519-685-3500. + + info@childcan.com + + . This email is monitored during business hours. Or you can call{" "} + + 519-685-3500 + + . ), }, @@ -287,7 +293,10 @@ export const ourTeam: PageElement[] = [ content: ( <> Should you wish to join our Board of Directors, please{" "} - learn more. + + learn more + + . ), }, @@ -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{" "} - info@childcan.com. Any - questions can be directed to Suzanne Fratschko Elliott at{" "} - info@childcan.com.{" "} + + info@childcan.com + + . Any questions can be directed to Suzanne Fratschko Elliott at{" "} + + info@childcan.com + + .{" "} ), }, @@ -470,7 +485,13 @@ export const careers: PageElement[] = [ content: ( <> Should you be interested in volunteering, please contact{" "} - info@childcan.com.{" "} + + info@childcan.com + + .{" "} ), }, @@ -490,9 +511,12 @@ export const careers: PageElement[] = [ content: ( <> Learn more about{" "} - + Childcan, our Vision, Mission, and Core Values here. - + ), }, diff --git a/app/about-us/ourFamiliesSection.tsx b/app/about-us/ourFamiliesSection.tsx index b3bb086..4aa7b86 100644 --- a/app/about-us/ourFamiliesSection.tsx +++ b/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 (
{/* left side */} -
+ {props.alt} -
+ {/* right side */}
-
+ {props.title} -
+
{props.content}
-
Read More →
+ + Read More → +
); @@ -53,7 +59,7 @@ export const ourFamiliesFamily: OurFamiliesSectionProps[] = [ ), - link: "", + link: "/our-families-stories/tara", }, { image: "/images/Ethan+collage.webp", @@ -61,7 +67,7 @@ export const ourFamiliesFamily: OurFamiliesSectionProps[] = [ 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; diff --git a/app/for-families/forFamiliesPageLayout.tsx b/app/for-families/forFamiliesPageLayout.tsx index 9d70105..c63a6e0 100644 --- a/app/for-families/forFamiliesPageLayout.tsx +++ b/app/for-families/forFamiliesPageLayout.tsx @@ -1,4 +1,5 @@ import { PageElement } from "@/components/pageLayout/PageElement"; +import Link from "next/link"; export const hereForYouPage: PageElement[] = [ { @@ -44,11 +45,11 @@ export const hereForYouPage: PageElement[] = [ Hospital, London Health Sciences Centre or Windsor Regional Hospital’s Paediatric Oncology Satellite Clinic, and you would like to access any of these supports, please contact our office at{" "} - + 519-685-3500 {" "} or{" "} - + info@childcan.com . Our family support team is here for you. @@ -72,7 +73,7 @@ export const hereForYouPage: PageElement[] = [ { type: "Button", text: "Learn more about support available", - href: "https://childcan.com/financial-support", + href: "/for-families?page=Financial Support", }, ]; @@ -94,7 +95,7 @@ export const financialSupportPage: PageElement[] = [ Windsor Regional Hospital’s Paediatric Oncology Satellite Clinic, and you would like to access any of these supports, please contact our office at{" "} - + 519-685-3500 {" "} or{" "} @@ -105,6 +106,8 @@ export const financialSupportPage: PageElement[] = [ apply for support @@ -171,7 +174,12 @@ export const financialSupportPage: PageElement[] = [ content: ( <> We are extremely grateful to all involved with{" "} - + Miracle Max’s Minions {" "} for their support of our Max’s Passes parking passes. @@ -204,7 +212,12 @@ export const financialSupportPage: PageElement[] = [ content: ( <> Thank you to{" "} - + Preferred Insurance , who ensure that every family is covered through this meal program. @@ -306,7 +319,7 @@ export const financialSupportPage: PageElement[] = [ { type: "Button", text: "Learn more about Childcan Bursaries", - href: "https://childcan.com/bursary", + href: "/bursary", }, { type: "Subheader", content: <>Funeral Costs }, { @@ -341,7 +354,7 @@ export const emotionalSupportPage: PageElement[] = [ Children’s Hospital, London Health Sciences Centre or Windsor Regional Hospital’s Paediatric Oncology Satellite Clinic, and you would like to access any of these supports, please contact our office at{" "} - + 519-685-3500 {" "} or{" "} @@ -352,6 +365,8 @@ export const emotionalSupportPage: PageElement[] = [ apply for support @@ -373,7 +388,7 @@ export const emotionalSupportPage: PageElement[] = [ { type: "Button", text: "Learn more", - href: "https://childcan.com/recreational-therapy", + href: "/recreational-therapy", }, { type: "Subheader", content: <>Ongoing Family Support }, { @@ -419,7 +434,7 @@ export const emotionalSupportPage: PageElement[] = [ { type: "Button", text: "Learn more about Super Star Sibs", - href: "https://childcan.com/superstarsibs", + href: "/superstarsibs", }, { type: "Subheader", content: <>Healthy Mind, Body & Support }, { @@ -458,7 +473,7 @@ export const socialSupportPage: PageElement[] = [ Centre or Windsor Regional Hospital’s Paediatric Oncology Satellite Clinic, and you would like to access any of these supports, please contact our office at{" "} - + 519-685-3500 {" "} or{" "} @@ -469,6 +484,8 @@ export const socialSupportPage: PageElement[] = [ apply for support @@ -510,7 +527,7 @@ export const socialSupportPage: PageElement[] = [ { type: "Button", text: "Video Resources", - href: "https://childcan.com/video-resources", + href: "/video-resources", }, { type: "TertiaryHeader", content: <>Volunteer Tutoring Program }, { @@ -566,21 +583,15 @@ export const socialSupportPage: PageElement[] = [ <> To provide at-home assistance, Occupational Therapy students from Western University have helped us to put together a series of{" "} - + School Skills Videos - {" "} + {" "} which help early learners to improve their handwriting, memory, attention and other skills. These helpful videos offer tips to help parents work with their children, and can be viewed on our{" "} - + Video Resources page - + . ), @@ -593,13 +604,15 @@ export const socialSupportPage: PageElement[] = [ In partnership with the Dolly Parton Imagination Library, all of our on- and off-treatment children will receive a book each month, delivered directly to their door, until they reach the age of five. The learning - opportunities from these storybooks can be maximized using the - guidelines and suggestions our dedicated volunteer educators have - developed.{" "} + opportunities from these storybooks can be maximized using the{" "} + + guidelines and suggestions + {" "} + our dedicated volunteer educators have developed. ), }, - { type: "Button", text: "Learn more", href: "https://childcan.com/dolly" }, + { type: "Button", text: "Learn more", href: "/dolly" }, { type: "Subheader", content: <>Family Fun Days }, { type: "Paragraph", @@ -623,9 +636,14 @@ export const socialSupportPage: PageElement[] = [ type: "Paragraph", content: ( <> - As plans are announced, events and activities will be listed on our - website and shared through our social media channels, email and - e-newsletters. , + As plans are announced, events and activities will be{" "} + + listed on our website + {" "} + and shared through our social media channels, email and e-newsletters. , ), }, @@ -663,10 +681,18 @@ export const socialSupportPage: PageElement[] = [ type: "Paragraph", content: ( <> - Through our online store, we have different ways to show support - including gold ribbon magnets and pins, gold ribbon and branded - clothing, and other items. All proceeds help us to provide our programs - and services.{" "} + Through our{" "} + + online store + + , we have different ways to show support including gold ribbon magnets + and pins, gold ribbon and branded clothing, and other items. All + proceeds help us to provide our programs and services.{" "} ), }, @@ -749,12 +775,9 @@ export const researchSupportPage: PageElement[] = [ content: ( <> If you are interested in other newly published paediatric research, see{" "} - + this page - + .{" "} ), @@ -764,16 +787,44 @@ export const researchSupportPage: PageElement[] = [ content: ( <> Looking for research that YOU can participate in? See{" "} - + this page - + . ), }, + { + type: "VerticalSplit", + left: [ + { + type: "Image", + src: "/images/ResearchProject2025.webp", + alt: "Research Project 2025", + className: "h-80 aspect-square", + }, + { + type: "Image", + src: "/images/ResearchPortrait.webp", + alt: "The Team", + className: "h-107", + }, + ], + right: [ + { + type: "Image", + src: "/images/scientists.webp", + alt: "The Scientists", + className: "h-80 aspect-square", + }, + { + type: "Image", + src: "/images/ResearchPoster.webp", + alt: "The Poster", + className: "h-107", + }, + ], + }, ]; export const upcomingEventsPage: PageElement[] = [ @@ -820,7 +871,7 @@ export const upcomingEventsPage: PageElement[] = [ { type: "Button", text: "See all upcoming events", - href: "https://childcan.com/events", + href: "/events", }, ]; @@ -848,60 +899,53 @@ export const qaPage: PageElement[] = [ ), }, { - type: "DoubleList", - list: { - type: "DoubleListElement", - title: "Phase I: after diagnosis", - items: [ - "Can you explain my child’s pathology report to me?", - "What do my children need to prepare physically and mentally for this diagnosis?", - "What stage is cancer? What is the prognosis?", - ], - }, - }, - { - type: "DoubleList", - list: { - type: "DoubleListElement", - title: "Phase II: treatment options/selection", - items: [ - "Pros and cons of different treatments", - "What is the goal of the treatment? What are the success rate and relapse rate? ", - "What are the possible side effects of each treatment (short and long-term)? ", - "Will the treatment affect my child’s normal growth and development?", - "How will the treatment affect my child’s life? Can they still go to school or require special activities?", - "How to cooperate with the healthcare team to finish the treatment? ", - "What support services are available to my child and my family? ", - ], - }, - }, - { - type: "DoubleList", - list: { - type: "DoubleListElement", - title: "Phase III: treatment preparation", - items: [ - "Can you describe my children’s recovery from the surgery?", - "Potential side effects of different treatments, preparation, and minimize influence? ", - "How long will the surgery take and how long will my children be in the hospital? ", - "Will my children receive the treatment at a hospital, clinic, or at home? And what’s the difference? ", - "How to communicate with my children effectively and notice any side effects in time? ", - "What can I do to relieve the side effects? ", - ], - }, - }, - { - type: "DoubleList", - list: { - type: "DoubleListElement", - title: "Phase IV: aftercare", - items: [ - "What is the cancer relapse rate? How should I observe for any special signs or symptoms? ", - "After receiving treatment, how long the side effects will last?", - "What follow-up tests will my children need, and how often?", - "How do I get a treatment summary and survivorship care plan to keep in my personal records?", - ], - }, + type: "List", + items: [ + "Phase I: after diagnosis", + { + type: "InnerList", + items: [ + "Can you explain my child’s pathology report to me?", + "What do my children need to prepare physically and mentally for this diagnosis?", + "What stage is cancer? What is the prognosis?", + ], + }, + "Phase II: treatment options/selection", + { + type: "InnerList", + items: [ + "Pros and cons of different treatments", + "What is the goal of the treatment? What are the success rate and relapse rate? ", + "What are the possible side effects of each treatment (short and long-term)? ", + "Will the treatment affect my child’s normal growth and development?", + "How will the treatment affect my child’s life? Can they still go to school or require special activities?", + "How to cooperate with the healthcare team to finish the treatment? ", + "What support services are available to my child and my family? ", + ], + }, + "Phase III: treatment preparation", + { + type: "InnerList", + items: [ + "Can you describe my children’s recovery from the surgery?", + "Potential side effects of different treatments, preparation, and minimize influence? ", + "How long will the surgery take and how long will my children be in the hospital? ", + "Will my children receive the treatment at a hospital, clinic, or at home? And what’s the difference? ", + "How to communicate with my children effectively and notice any side effects in time? ", + "What can I do to relieve the side effects? ", + ], + }, + "Phase IV: aftercare", + { + type: "InnerList", + items: [ + "What is the cancer relapse rate? How should I observe for any special signs or symptoms? ", + "After receiving treatment, how long the side effects will last?", + "What follow-up tests will my children need, and how often?", + "How do I get a treatment summary and survivorship care plan to keep in my personal records?", + ], + }, + ], }, ]; export const forFamilesPageLayout: Record = { diff --git a/app/how-to-help/howToHelpPageLayout.tsx b/app/how-to-help/howToHelpPageLayout.tsx index 723719e..a26fe7c 100644 --- a/app/how-to-help/howToHelpPageLayout.tsx +++ b/app/how-to-help/howToHelpPageLayout.tsx @@ -1,6 +1,7 @@ import { PageElement } from "@/components/pageLayout/PageElement"; import VolunteerNewsForm from "./VolunteerNewsForm"; import SponsorsCollage from "./SponsorsCollage"; +import Link from "next/link"; export const waysToGivePage: PageElement[] = [ { @@ -48,7 +49,7 @@ export const waysToGivePage: PageElement[] = [ { type: "Button", text: "Donate", - href: "https://form-renderer-app.donorperfect.io/give/childcan/2025-donation-form", + href: "https://form-renderer-app.donorperfect.io/give/childcan/2026-donation-form", }, { type: "Paragraph", @@ -69,22 +70,54 @@ export const waysToGivePage: PageElement[] = [ type: "Paragraph", content: ( <> - The easiest and most efficient way you can give is online. Your gift is - received immediately and will be put right to work to help families - living with their child’s cancer. Your tax receipt is also automatically - sent to you. + The easiest and most efficient way you can give is{" "} + + online + + . Your gift is received immediately and will be put right to work to + help families living with their child’s cancer. Your tax receipt is also + automatically sent to you. ), }, { type: "Button", text: "Donate Now", - href: "https://form-renderer-app.donorperfect.io/give/childcan/2025-donation-form", + href: "https://form-renderer-app.donorperfect.io/give/childcan/2026-donation-form", }, { type: "Subheader", content: <>Monthly Gifts, }, + { + type: "Paragraph", + content: ( + <> + You can become a Childcan Champion with a monthly donation. Your small, + consistent gift can add up to a big impact, providing a steady source of + income and ensuring we can provide unwavering support to our Childcan + families. It’s easy and affordable with smaller, more frequent gifts + coming right off your credit card every month. You’ll receive one tax + receipt at the end of the year for your total monthly contributions, + and, of course, you can change or stop your donation at any time. It’s + easy to set up a monthly donation online. + + ), + }, + { + type: "Button", + text: "Set up a monthly donation", + href: "https://form-renderer-app.donorperfect.io/give/childcan/2026-donation-form", + }, + { + type: "Subheader", + content: <>Double Your Donation, + }, { type: "Paragraph", content: ( @@ -124,6 +157,8 @@ export const waysToGivePage: PageElement[] = [ Gift of Securities Donation Form. @@ -138,13 +173,17 @@ export const waysToGivePage: PageElement[] = [ Canada Helps , or via{" "} London Community Foundation @@ -176,9 +215,10 @@ export const waysToGivePage: PageElement[] = [ <> A planned gift becomes part of your life story. Childcan can offer a special opportunity for you to create a legacy.{" "} - - Learn more about how your love can leave an incredible legacy for brave - futures. + + Learn more + {" "} + about how your love can leave an incredible legacy for brave futures. ), }, @@ -226,11 +266,11 @@ export const waysToGivePage: PageElement[] = [ content: ( <> You can call us directly to make your donation at{" "} - + 519-685-3500 {" "} in London and area, or toll-free at{" "} - + 1-800-966-0631 . @@ -254,7 +294,7 @@ export const waysToGivePage: PageElement[] = [ have an even larger impact. We would be delighted to discuss any of these options or others that fit your organization’s strategic giving plans. Please get in touch at{" "} - + 519-685-3500 {" "} or{" "} @@ -279,16 +319,19 @@ export const waysToGivePage: PageElement[] = [ - Vehicle Donations for Childcan. Free towing is provided in most areas - across Canada, or you can drop off your vehicle to maximize your - donation. When you donate your car, truck, RV, boat, or motorcycle to - Childcan through Donate a Car Canada, it will either be recycled or sold - at auction (depending on its condition, age and location). Donate a Car - Canada will look after all the details to make it easy for Childcan to - benefit. After your vehicle donation is complete, we will send you a tax - receipt and your donation will be put to good use, supporting our - children and families. + target="_blank" + rel="noreferrer" + > + Vehicle Donations + {" "} + for Childcan. Free towing is provided in most areas across Canada, or + you can drop off your vehicle to maximize your donation. When you donate + your car, truck, RV, boat, or motorcycle to Childcan through Donate a + Car Canada, it will either be recycled or sold at auction (depending on + its condition, age and location). Donate a Car Canada will look after + all the details to make it easy for Childcan to benefit. After your + vehicle donation is complete, we will send you a tax receipt and your + donation will be put to good use, supporting our children and families. ), }, @@ -306,9 +349,18 @@ export const waysToGivePage: PageElement[] = [ type: "Paragraph", content: ( <> - Support us by purchasing merchandise such as bracelets, hats, hoodies, - and t-shirts that will also raise awareness. We are grateful to Collins - Clothiers for hosting our merchandise store. + Support us by{" "} + + purchasing merchandise + {" "} + such as bracelets, hats, hoodies, and t-shirts that will also raise + awareness. We are grateful to Collins Clothiers for hosting our + merchandise store. ), }, @@ -337,9 +389,9 @@ export const waysToGivePage: PageElement[] = [ We rely on the generosity of our community through individual, corporate and foundation donations and sponsorships. We appreciate every dollar donated and put it to good use in providing our direct-to-family{" "} - + programs and services - + . ), @@ -375,9 +427,9 @@ export const waysToGivePage: PageElement[] = [ for each donation made through the online donation links above. Should you have any concerns or questions regarding this policy, please don’t hesitate to{" "} - + contact us - + . We very much appreciate your generosity and support, and strive to meet the needs of our donors, as well as the children and families we serve. Thank you! @@ -472,14 +524,16 @@ export const PJDayPage: PageElement[] = [ { type: "Button", href: "https://forms.office.com/r/q6yrrxUhDt", - text: "Let us know you're participating in PJ Day", + text: "Participate in PJ Day", + alignment: "center", }, ], right: [ { type: "Button", - href: "https://brandedbycollins.com/childcan/shop/home", - text: "Buy a T-Shirt or Hoodie for PJ Day 2026", + href: "", + text: "Contact Us", + alignment: "center", }, ], }, @@ -489,9 +543,9 @@ export const PJDayPage: PageElement[] = [ <> If you need a letter to ask your club/organization/school to get involved, you can download this one (Word document) or{" "} - + contact us - + . ), @@ -503,13 +557,15 @@ export const PJDayPage: PageElement[] = [ type: "Button", href: "https://childcan.com/s/2026-PJ-Day-Request-Letter.docx", text: "Download a PJ Day Letter", + alignment: "center", }, ], right: [ { type: "Button", - href: "", - text: "Contact Us", + href: "https://brandedbycollins.com/childcan/shop/home", + text: "Buy a T-Shirt or Hoodie", + alignment: "center", }, ], }, @@ -588,9 +644,9 @@ export const goldPage: PageElement[] = [ flag, light up a landmark, or proclaim September as Childhood Cancer Awareness Month (depending on the options available for your municipality), please{" "} - + contact us - {" "} + {" "} today! ), @@ -663,32 +719,98 @@ export const goldPage: PageElement[] = [ { type: "List", items: [ - "Purchase a LAWN SIGN and show your support proudly. Take a photo of your sign and share it with us with the name of the town where it’s located. Be sure to tag @Childcan and use the hashtag #ChildcanGold so we can share your support with our families.", - ], - }, - { - type: "DoubleList", - list: { - type: "DoubleListElement", - title: "Register now to join us for the Childcan Pyjama Walk in", - items: [ - "Mitchell on Saturday, September 13, 2025 4-7pm", - "London on Saturday, September 20, 2025 4-7pm", - "LaSalle on Sunday, September 21, 2025 10-1pm", - "Owen Sound on Sunday, September 21, 2025 11-2pm", - "Brights Grove on Sunday, September 21, 2025 1-4pm", - "or walk near you.", - ], - }, - }, - { - type: "List", - items: [ - "Create your own fundraiser on our Hands of Hope website and fundraise with your own creative flair.", - "Show your support by purchasing Childcan merchandise or some of our signature gold ribbon items. Get your gold on by visiting the online store!", + <> + Purchase a{" "} + + LAWN SIGN + {" "} + and show your support proudly. Take a photo of your sign and share it + with us with the name of the town where it’s located. Be sure to tag + @Childcan and use the hashtag #ChildcanGold so we can share your support + with our families. + , + <> + Register now to join us for the{" "} + + Childcan Pyjama Walk + {" "} + in + , + { + type: "InnerList", + items: [ + "Mitchell on Saturday, September 13, 2025 4-7pm", + "London on Saturday, September 20, 2025 4-7pm", + "LaSalle on Sunday, September 21, 2025 10-1pm", + "Owen Sound on Sunday, September 21, 2025 11-2pm", + "Brights Grove on Sunday, September 21, 2025 1-4pm", + "or walk near you.", + ], + }, + <> + Create your own fundraiser on our{" "} + + Hands of Hope + {" "} + website and fundraise with your own creative flair. + , + <> + Show your support by purchasing Childcan{" "} + + merchandise + {" "} + or some of our signature gold ribbon items. Get your gold on by visiting + the{" "} + + online store + + ! + , "Leave your porch light on to glow gold. Take a photo and share it with #ChildcanGold and tag @Childcan so that we are amplify your show of support.", - "Join us at one of the flag raising ceremonies listed below. More details can be found on our events page too.", - "Donate to show your support to other families.", + <> + Join us at one of the flag raising ceremonies listed below. More details + can be found on our{" "} + + events + {" "} + page too. + , + <> + + Donate + {" "} + to show your support to other families. + , ], }, { @@ -786,7 +908,10 @@ export const goldPage: PageElement[] = [ <> If you are aware of more areas that can proclaim, fly flags, or light up, and want to help, please contact us at{" "} - + info@childcan.com . @@ -801,9 +926,33 @@ export const goldPage: PageElement[] = [ content: ( <> [i] - https://www.childhoodcancer.ca/Your-Impact/Childhood-Cancer-Statistics-Resources - or, Statistics Canada, or Facts about Childhood Cancer In Ontario, July - 2024 (pdf). + + https://www.childhoodcancer.ca/Your-Impact/Childhood-Cancer-Statistics-Resources + {" "} + or, + + Statistics Canada + + , or{" "} + + Facts about Childhood Cancer In Ontario, July 2024 (pdf) + + . ), }, @@ -863,14 +1012,17 @@ export const hostAnEventPage: PageElement[] = [ info@childcan.com - , call 519-685-3500, or check out our - Event Kit. + , call{" "} + + 519-685-3500 + + , or check out our Event Kit. ), }, { type: "Button", - href: "https://childcan.com/s/Community-Events-Toolkit.pdf", + href: "/pdfs/CommunityEventsToolkit.pdf", text: "Event Kit (pdf)", }, { @@ -881,16 +1033,20 @@ export const hostAnEventPage: PageElement[] = [ Fundraising Event Form {" "} or the downloadable{" "} - pdf - {" "} + {" "} and return it to us at your convenience. ), @@ -907,7 +1063,7 @@ export const hostAnEventPage: PageElement[] = [ right: [ { type: "Button", - href: "https://childcan.com/s/Community-Event-fundraiser-for-Childcan-Form.pdf", + href: "/pdfs/CommunityEventFundraiserForm.pdf", text: "Fundraising Event Form (pdf)", }, ], diff --git a/app/socials/page.tsx b/app/socials/page.tsx new file mode 100644 index 0000000..277e885 --- /dev/null +++ b/app/socials/page.tsx @@ -0,0 +1,32 @@ +"use client"; +import FacebookEmbed from "@/components/embeds/FacebookEmbed"; +import HeroImage from "@/components/heroImage/heroImage"; +import BeholdWidget from "@behold/react"; + +export default function Page() { + return ( +
+ + +
+
+ +
+
+ +
+
+
+ ); +} diff --git a/components/embeds/FacebookEmbed.tsx b/components/embeds/FacebookEmbed.tsx index 24ee1a0..e3267d9 100644 --- a/components/embeds/FacebookEmbed.tsx +++ b/components/embeds/FacebookEmbed.tsx @@ -1,16 +1,27 @@ "use client"; + import { useEffect } from "react"; -export default function FacebookEmbed(props: { url: string; width: number }) { +type EmbedType = "video" | "page"; +let sdkLoaded = false; + +export default function FacebookVideoEmbed(props: { + url: string; + type: EmbedType; +}) { useEffect(() => { if (!window.FB) { - const script = document.createElement("script"); - script.src = - "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v17.0"; - script.async = true; - script.defer = true; - document.body.appendChild(script); - script.onload = () => window.FB?.XFBML.parse(); + if (!sdkLoaded) { + sdkLoaded = true; + + const script = document.createElement("script"); + script.src = + "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v17.0"; + script.async = true; + script.defer = true; + script.onload = () => window.FB?.XFBML.parse(); + document.body.appendChild(script); + } } else { window.FB?.XFBML.parse(); } @@ -19,8 +30,9 @@ export default function FacebookEmbed(props: { url: string; width: number }) { return (
); diff --git a/components/pageLayout/PageContent.tsx b/components/pageLayout/PageContent.tsx index 9098957..959dd75 100644 --- a/components/pageLayout/PageContent.tsx +++ b/components/pageLayout/PageContent.tsx @@ -11,13 +11,13 @@ export default function PageContent(props: PageContentProps) { return (
{props.pageLayout && - props.pageLayout.map((element: PageElement, index) => { + props.pageLayout.map((element: PageElement, index1) => { switch (element.type) { case "Header": return (

{element.content} @@ -26,8 +26,8 @@ export default function PageContent(props: PageContentProps) { case "Subheader": return (

{element.content} @@ -36,8 +36,8 @@ export default function PageContent(props: PageContentProps) { case "TertiaryHeader": return (

{element.content} @@ -46,8 +46,8 @@ export default function PageContent(props: PageContentProps) { case "Paragraph": return (
{element.content} @@ -56,51 +56,51 @@ export default function PageContent(props: PageContentProps) { case "Button": return ( {element.text} ); - case "List": - return ( -
    - {element.items.map((item) => { - return
  • {item}
    • ; - })} -
- ); - case "DoubleList": + case "List": { + const listElements = element.items.map((item, index2) => { + if (item && typeof item === "object" && "items" in item) { + // double list item -> return inner items + return item.items.map((innerItem, index3) => ( +
  • + {innerItem} +
    • + )); + } else { + // String || number || ReactNode + return ( +
  • + {item} +
    • + ); + } + }); + return (
      -
    • - {element.list.title} -
        - {element.list.items.map((item) => { - return ( -
      • - {item} -
        • - ); - })} -
      -
      • + {listElements}
    ); + } case "Divider": - return
    ; + return
    ; case "MiscElement": return ( -
    +
    {element.content}
    ); @@ -108,8 +108,8 @@ export default function PageContent(props: PageContentProps) { case "Image": return (
    @@ -136,13 +136,13 @@ export default function PageContent(props: PageContentProps) { ); case "VerticalSplit": return ( -
    +
    diff --git a/components/pageLayout/PageElement.tsx b/components/pageLayout/PageElement.tsx index 550e707..70a8be0 100644 --- a/components/pageLayout/PageElement.tsx +++ b/components/pageLayout/PageElement.tsx @@ -24,16 +24,11 @@ interface Button { } interface List { type: "List"; - items: string[]; + items: (React.ReactNode | InnerList)[]; } -interface DoubleList { - type: "DoubleList"; - list: DoubleListElement; -} -interface DoubleListElement { - type: "DoubleListElement"; - title: string; - items: string[]; +interface InnerList { + type: "InnerList"; + items: React.ReactNode[]; } interface Divider { type: "Divider"; @@ -70,7 +65,7 @@ export type PageElement = | Paragraph | Subheader | List - | DoubleList + | InnerList | TertiaryHeader | Divider | MiscElement diff --git a/package-lock.json b/package-lock.json index 60a3861..5f718ed 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "tre", "version": "0.1.0", "dependencies": { + "@behold/react": "^0.1.11", "@sanity/image-url": "^1.2.0", "@sanity/vision": "^4.22.0", "@vis.gl/react-google-maps": "^1.7.1", @@ -1967,6 +1968,16 @@ "node": ">=6.9.0" } }, + "node_modules/@behold/react": { + "version": "0.1.11", + "resolved": "https://registry.npmjs.org/@behold/react/-/react-0.1.11.tgz", + "integrity": "sha512-ww40sMesZHKIvTnMCYltP7Eg1zxLGNmM/EBkdPsKlBuPJL0PUqFhS0QU9vOHSGGUWwLjZe5/08ss7wydQ4YBZw==", + "license": "MIT", + "peerDependencies": { + "react": ">=18.0.0", + "react-dom": ">=18.0.0" + } + }, "node_modules/@codemirror/autocomplete": { "version": "6.20.0", "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.20.0.tgz", diff --git a/package.json b/package.json index 04c2d58..4002b36 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "lint": "eslint ." }, "dependencies": { + "@behold/react": "^0.1.11", "@sanity/image-url": "^1.2.0", "@sanity/vision": "^4.22.0", "@vis.gl/react-google-maps": "^1.7.1", diff --git a/public/images/ResearchPortrait.webp b/public/images/ResearchPortrait.webp new file mode 100644 index 0000000..2a92f8e Binary files /dev/null and b/public/images/ResearchPortrait.webp differ diff --git a/public/images/ResearchPoster.webp b/public/images/ResearchPoster.webp new file mode 100644 index 0000000..f08d94b Binary files /dev/null and b/public/images/ResearchPoster.webp differ diff --git a/public/images/ResearchProject2025.webp b/public/images/ResearchProject2025.webp new file mode 100644 index 0000000..25413a1 Binary files /dev/null and b/public/images/ResearchProject2025.webp differ diff --git a/public/images/scientists.webp b/public/images/scientists.webp new file mode 100644 index 0000000..1b3340a Binary files /dev/null and b/public/images/scientists.webp differ diff --git a/public/pdfs/ChildhoodCancerFacts.pdf b/public/pdfs/ChildhoodCancerFacts.pdf new file mode 100644 index 0000000..46199b9 Binary files /dev/null and b/public/pdfs/ChildhoodCancerFacts.pdf differ diff --git a/public/pdfs/CommunityEventFundraiserForm.pdf b/public/pdfs/CommunityEventFundraiserForm.pdf new file mode 100644 index 0000000..1f8b85f Binary files /dev/null and b/public/pdfs/CommunityEventFundraiserForm.pdf differ diff --git a/public/pdfs/CommunityEventsToolkit.pdf b/public/pdfs/CommunityEventsToolkit.pdf new file mode 100644 index 0000000..8b5f760 Binary files /dev/null and b/public/pdfs/CommunityEventsToolkit.pdf differ diff --git a/public/pdfs/ShareTransferForm.pdf b/public/pdfs/ShareTransferForm.pdf new file mode 100644 index 0000000..573b125 Binary files /dev/null and b/public/pdfs/ShareTransferForm.pdf differ