diff --git a/public/thumbnail.png b/public/thumbnail.png new file mode 100644 index 00000000..1039a867 Binary files /dev/null and b/public/thumbnail.png differ diff --git a/src/app/(content-pages)/about/layout.tsx b/src/app/(content-pages)/about/layout.tsx index e1d76ec5..9c4298cf 100644 --- a/src/app/(content-pages)/about/layout.tsx +++ b/src/app/(content-pages)/about/layout.tsx @@ -1,6 +1,15 @@ -export const metadata = { - title: "About", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "About"; +const description = + "Philadelphia has a gun violence problem. Clean & Green Philly empowers Philadelphians to take action to solve it."; +const url = "/about"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const AboutLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/gentrification/layout.tsx b/src/app/(content-pages)/gentrification/layout.tsx index 06385c61..e110c3d1 100644 --- a/src/app/(content-pages)/gentrification/layout.tsx +++ b/src/app/(content-pages)/gentrification/layout.tsx @@ -1,6 +1,15 @@ -export const metadata = { - title: "Gentrification", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Gentrification"; +const url = "/gentrification"; +const description = + "At Clean & Green Philly, we try to avoid contributing to green gentrification here in Philadelphia."; + +export const metadata = generateMetadata({ + title, + url, + description, +}); const GentrificationLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/get-access/layout.tsx b/src/app/(content-pages)/get-access/layout.tsx index 09837f0a..30c7ebf6 100644 --- a/src/app/(content-pages)/get-access/layout.tsx +++ b/src/app/(content-pages)/get-access/layout.tsx @@ -1,6 +1,15 @@ -export const metadata = { - title: "Get Access", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Get Access"; +const description = + "In order to intervene in a property, you need to have some kind of legal access to do so."; +const url = "/get-access"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const GetAccessLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/legal-disclaimer/layout.tsx b/src/app/(content-pages)/legal-disclaimer/layout.tsx index 99f85e06..b39a5fbd 100644 --- a/src/app/(content-pages)/legal-disclaimer/layout.tsx +++ b/src/app/(content-pages)/legal-disclaimer/layout.tsx @@ -1,6 +1,14 @@ -export const metadata = { - title: "Legal Disclaimer", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Legal Disclaimer"; +const description = "Acceptance of Terms and Conditions of Use"; +const url = "/legal-disclaimer"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const LegalDisclaimerLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/methodology/layout.tsx b/src/app/(content-pages)/methodology/layout.tsx index 8609d49c..a6dd8224 100644 --- a/src/app/(content-pages)/methodology/layout.tsx +++ b/src/app/(content-pages)/methodology/layout.tsx @@ -1,6 +1,15 @@ -export const metadata = { - title: "Methodology", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Methodology"; +const description = + "Clean & Green Philly combines several public datasets to categorize Philadelphia’s vacant properties based on how important it is that someone intervene there."; +const url = "/methodology"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const MethodologyLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/request-removal/layout.tsx b/src/app/(content-pages)/request-removal/layout.tsx index 15c8bb7f..278cf3e3 100644 --- a/src/app/(content-pages)/request-removal/layout.tsx +++ b/src/app/(content-pages)/request-removal/layout.tsx @@ -1,6 +1,14 @@ -export const metadata = { - title: "Request Removal", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Request Removal"; +const description = "Request to Remove a Property Listing"; +const url = "/request-removal"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const RequestRemovalLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/take-action-overview/layout.tsx b/src/app/(content-pages)/take-action-overview/layout.tsx index 889e2f2f..2aee1c4c 100644 --- a/src/app/(content-pages)/take-action-overview/layout.tsx +++ b/src/app/(content-pages)/take-action-overview/layout.tsx @@ -1,6 +1,15 @@ -export const metadata = { - title: "Overview", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Overview"; +const description = + "Clean & Green Philly can help you prioritize vacant properties to return to productive use."; +const url = "/take-action-overview"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const OverviewLayout = ({ children }: { children: React.ReactNode }) => { return <>{children}>; diff --git a/src/app/(content-pages)/transform-property/layout.tsx b/src/app/(content-pages)/transform-property/layout.tsx index d86075b8..47d63d2d 100644 --- a/src/app/(content-pages)/transform-property/layout.tsx +++ b/src/app/(content-pages)/transform-property/layout.tsx @@ -1,6 +1,15 @@ -export const metadata = { - title: "Transform a Property", -}; +import { generateMetadata } from "@/utilities/generateMetaData"; + +const title = "Transform a Property"; +const description = + "After gaining access to the property, you can transform a property to improve the quality of life in the neighborhood."; +const url = "/transform-property"; + +export const metadata = generateMetadata({ + title, + description, + url, +}); const TransformPropertyLayout = ({ children, diff --git a/src/app/find-properties/[[...opa_id]]/layout.tsx b/src/app/find-properties/[[...opa_id]]/layout.tsx index c8be3f11..909d321a 100644 --- a/src/app/find-properties/[[...opa_id]]/layout.tsx +++ b/src/app/find-properties/[[...opa_id]]/layout.tsx @@ -1,10 +1,17 @@ import { Header, Hotjar } from "@/components"; +import { generateMetadata } from "@/utilities/generateMetaData"; import CookieConsentBanner from "@/components/CookieConsentBanner"; -export const metadata = { - title: "Find Properties", -}; +const title = "Find Properties"; +const url = "/find-properties"; +const description = + "You can search and find vacant properties that match your goals. Use our data to understand those properties and how to take action."; +export const metadata = generateMetadata({ + title, + url, + description, +}); const MapLayout = ({ children }: { children: React.ReactNode }) => { return (