Satisfy linter; Add default og:image; Update all title to 'xxx | now-…

…u' from 'now-u | xxx'

 'xxx | now-u' is going to provide user better UX vs 'now-u | xxx' because it's easier for user to tell the current path of the page from a compact browser tab title.

.eslintrc.cjs

@@ -32,6 +32,7 @@ module.exports = {
       },
     ],
     "@typescript-eslint/naming-convention": 1,
+    "@typescript-eslint/strict-boolean-expressions": "warn"
   },
   settings: {
     react: { version: "18.2.0" },

src/app/blog/page.tsx

@@ -4,10 +4,10 @@ import { Header } from "@/components/Header";
 import { BlogTile, type BlogTileProps } from "@/components/BlogTile";
 import { Newsletter } from "@/components/Newsletter";
 import { getBlogPosts } from "@/services/api";
-import { Metadata } from "next";
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Blog"
+  title: "Blog | now-u"
 }
 
 async function Blog(): Promise<JSX.Element> {

src/app/causes/page.tsx

@@ -7,7 +7,7 @@ import { type Cause, getCauses } from "@/services/api";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Causes"
+  title: "Causes | now-u"
 }
 
 const CauseTile = (props: { cause: Cause }): JSX.Element => {

src/app/charity-partnership/page.tsx

@@ -11,7 +11,7 @@ import { LinkButton } from "@/components/Button";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Charity Partnership"
+  title: "Charity Partnership | now-u"
 }
 
 

src/app/collaborations/page.tsx

@@ -5,7 +5,7 @@ import { getOrganisations } from "@/services/api";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Collaborations"
+  title: "Collaborations | now-u"
 }
 
 const PartnersPage = async (): Promise<JSX.Element> => {

src/app/faq/page.tsx

@@ -6,7 +6,7 @@ import { FAQBlock } from "@/app/faq/FAQBlock";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | FAQs"
+  title: "FAQs | now-u"
 }
 
 

src/app/get-in-touch/page.tsx

@@ -12,7 +12,7 @@ import { ContactTile } from "./ContactTile";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Get In Touch"
+  title: "Get In Touch | now-u"
 }
 
 const contacts = [

src/app/info/cookie-policy/page.tsx

@@ -4,7 +4,7 @@ import md from "markdown-it";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Cookie Policy"
+  title: "Cookie Policy | now-u"
 }
 
 export default async function Page(): Promise<JSX.Element> {

src/app/info/privacy-notice/page.tsx

@@ -4,7 +4,7 @@ import md from "markdown-it";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Privacy Notice"
+  title: "Privacy Notice | now-u"
 }
 
 export default async function Page(): Promise<JSX.Element> {

src/app/info/terms-and-conditions-for-users/page.tsx

@@ -4,7 +4,7 @@ import md from "markdown-it";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Terms and Conditions for Users"
+  title: "Terms and Conditions for Users | now-u"
 }
 
 export default async function Page(): Promise<JSX.Element> {

src/app/layout.tsx

@@ -7,7 +7,8 @@ import { Footer } from "@/components/Footer";
 import { getRequiredEnvironmentVariable } from "@/utils/getRequiredEnvironmentVariable";
 import { Toaster } from "@/components/ui/toaster";
 import { ScrollHack } from "@/components/ScrollHack";
-import { Metadata } from "next";
+import OGImage from "assets/graphics/og-image.png"
+import type { Metadata } from "next";
 
 const Analytics = lazy(async () => await import("@/components/Analytics"));
 
@@ -42,9 +43,16 @@ const ppPangram = localFont({
 })
 
 export const metadata: Metadata = {
+  metadataBase: new URL('https://www.now-u.com'),
   title: "now-u",
+  description: "Learn more about this non-profit with a mission to inform, involve and inspire people to help tackle some of the world's most pressing social and environmental issues.",
   openGraph: {
     siteName: "now-u",
+    images: [
+      {
+        url: OGImage.src,
+      }
+    ],
     type: "website"
   }
 }

src/app/page.tsx

@@ -16,7 +16,7 @@ import { Newsletter } from "@/components/Newsletter";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Home"
+  title: "Drive Changes | now-u"
 }
 
 

src/app/press/page.tsx

@@ -9,7 +9,7 @@ import { type PressArticle, pressArticles } from "./pressArticles";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "now-u | Press"
+  title: "Press | now-u"
 }
 
 interface PressPack {