Merge pull request #768 from CityOfDetroit/about-page

Update the about page

sites/public/layouts/application.tsx

@@ -23,7 +23,12 @@ const Layout = (props) => {
       label: t(`languages.${item}`),
     })) || []
 
-  const menuLinks: MenuLink[] = []
+  const menuLinks: MenuLink[] = [
+    {
+      title: t("pageTitle.about"),
+      href: "/about",
+    },
+  ]
   if (profile) {
     menuLinks.push({
       title: t("nav.myAccount"),

sites/public/pages/about.tsx

@@ -1,18 +1,18 @@
 import React from "react"
 import { MarkdownSection, t, PageHeader, GridSection, GridCell } from "@bloom-housing/ui-components"
-import Markdown from "markdown-to-jsx"
 import Layout from "../layouts/application"
-import pageContent from "../page_content/about.md"
 
 export default function About() {
   return (
     <Layout>
       <PageHeader title={t("pageTitle.about")} inverse />
-      <MarkdownSection>
-        <Markdown>{pageContent}</Markdown>
-      </MarkdownSection>
+      <div className="max-w-5xl m-auto px-5">
+        <p className="my-8">{t("about.body1")}</p>
+        <p className="my-8">{t("about.body2")}</p>
+        <p>{t("about.moreInfoContact")}</p>
+      </div>
       <MarkdownSection fullwidth>
-        <GridSection title="Thank You to Our Partners">
+        <GridSection title={t("about.thankYouPartners")}>
           <GridCell>
             <img src={"images/about/cass.png"} alt="Cass Community Social Services logo" />
           </GridCell>

ui-components/src/locales/ar.json

@@ -2,6 +2,12 @@
     "config": {
         "routePrefix": "ar"
     },
+    "about": {
+        "body1": "نحن نعلم أن العثور على منزل يلبي احتياجاتك قد يكون أمرًا صعبًا ومحبطًا. Detroit Home Connect هي يدك المساعدة في العثور على مكان جديد للاتصال بالمنزل.",
+        "body2": "Detroit Home Connect هي خدمة جديدة لمدينة ديترويت توفر لك خطوة أولى مركزية في العثور على سكن في ديترويت يلبي القدرة على تحمل التكاليف والاحتياجات المنزلية. يمكنك فهم أهليتك لوحدات الإيجار من خلال استكشاف الخيارات بناءً على حجم عائلتك وعمرك ودخلك. تعاونت إدارة الإسكان والتنشيط في مدينة ديترويت مع Google.org لإنشاء Detroit Home Connect. يعتمد تصميم الموقع وميزاته على التعليقات والبصيرة من سكان المنطقة والمنظمات المجتمعية.",
+        "moreInfoContact": "لمزيد من المعلومات ، يرجى الاتصال بـ Safiya Merchant على [email protected].",
+        "thankYouPartners": "شكرا لشركائنا:"
+    },
     "account": {
         "accountSettings": "إعدادت الحساب",
         "errorFetchingApplications": "خطأ في جلب التطبيقات",

ui-components/src/locales/bn.json

@@ -2,6 +2,12 @@
     "config": {
         "routePrefix": "bn"
     },
+    "about": {
+        "body1": "আমরা জানি যে আপনার চাহিদা পূরণ করে এমন একটি বাড়ি খুঁজে পাওয়া কঠিন এবং হতাশাজনক হতে পারে। ডেট্রয়েট হোম কানেক্ট হল বাড়িতে কল করার জন্য একটি নতুন জায়গা খুঁজে পেতে আপনার সাহায্যকারী হাত।",
+        "body2": "ডেট্রয়েট হোম কানেক্ট হল একটি নতুন সিটি অফ ডেট্রয়েট পরিষেবা যা আপনাকে ডেট্রয়েটে আবাসন খোঁজার একটি কেন্দ্রীয় প্রথম ধাপ প্রদান করে যা আপনার সামর্থ্য এবং পরিবারের চাহিদা পূরণ করে। আপনি আপনার পরিবারের আকার, বয়স এবং আয়ের উপর ভিত্তি করে বিকল্পগুলি অন্বেষণ করে ভাড়া ইউনিটের জন্য আপনার যোগ্যতা বুঝতে পারেন। সিটি অফ ডেট্রয়েটের হাউজিং এবং পুনরুজ্জীবন বিভাগ ডেট্রয়েট হোম কানেক্ট তৈরি করতে Google.org-এর সাথে সহযোগিতা করেছে। ওয়েবসাইটের নকশা এবং বৈশিষ্ট্যগুলি এলাকার বাসিন্দাদের এবং সম্প্রদায়-ভিত্তিক সংস্থাগুলির প্রতিক্রিয়া এবং অন্তর্দৃষ্টির উপর ভিত্তি করে।",
+        "moreInfoContact": "আরও তথ্যের জন্য, অনুগ্রহ করে সাফিয়া মার্চেন্টের সাথে [email protected]এ যোগাযোগ করুন।",
+        "thankYouPartners": "আমাদের অংশীদারদের ধন্যবাদ:"
+    },
     "account": {
         "accountSettings": "অ্যাকাউন্ট সেটিংস",
         "errorFetchingApplications": "অ্যাপ্লিকেশন আনতে ত্রুটি",

ui-components/src/locales/es.json

@@ -2,6 +2,12 @@
     "config": {
         "routePrefix": "es"
     },
+    "about": {
+        "body1": "Sabemos que encontrar una vivienda que satisfaga sus necesidades puede ser difícil y frustrante. Detroit Home Connect es su mano amiga para encontrar un nuevo lugar al que llamar hogar.",
+        "body2": "Detroit Home Connect es un nuevo servicio de la ciudad de Detroit que le brinda un primer paso central para encontrar una vivienda en Detroit que satisfaga sus necesidades económicas y familiares. Puede comprender su elegibilidad para unidades de alquiler explorando opciones según el tamaño, la edad y los ingresos de su familia. El Departamento de Vivienda y Revitalización de la Ciudad de Detroit ha colaborado con Google.org para crear Detroit Home Connect. El diseño y las características del sitio web se basan en los comentarios y la información de los residentes del área y las organizaciones comunitarias.",
+        "moreInfoContact": "Para obtener más información, comuníquese con Safiya Merchant en [email protected].",
+        "thankYouPartners": "Gracias a nuestros socios:"
+    },
     "account": {
         "accountSettings": "Configuraciones de la cuenta",
         "errorFetchingApplications": "Error al recuperar aplicaciones",

ui-components/src/locales/general.json

@@ -1,4 +1,10 @@
 {
+  "about": {
+    "body1": "We know that finding housing that meets your needs can be difficult and frustrating. Detroit Home Connect is your helping hand to find a new place to call home.",
+    "body2": "Detroit Home Connect is a new City of Detroit service that provides you a central first step in finding housing in Detroit that meets your affordability and household needs. You can understand your eligibility for rental units by exploring options based on your family size, age, and income. The City of Detroit’s Housing and Revitalization Department has collaborated with Google.org to create Detroit Home Connect. The design and features of the website is based on feedback and insight from area residents and community-based organizations.", 
+    "moreInfoContact": "For more information, please contact Safiya Merchant at [email protected].",
+    "thankYouPartners": "Thank You To Our Partners:"
+  },
   "account": {
     "accountSettings": "Account Settings",
     "errorFetchingApplications": "Error fetching applications",