Update SEO title and descriptions per page, and add OpenGraph and Twi…

…tter images

src/app/contact/page.tsx

@@ -3,6 +3,7 @@ import ContactCard from "@/components/contact/card";
 import Container from "@/components/layout/container";
 import Header from "@/components/layout/header";
 import MainWrapper from "@/components/layout/main-wrapper";
+import { Metadata } from "next";
 
 const contactCards = [
   {
@@ -33,6 +34,11 @@ const contactCards = [
   },
 ];
 
+export const metadata: Metadata = {
+  title: "Contact",
+  description: "Contact the Hyku team",
+};
+
 export default function ContactPage() {
   return (
     <div className="">

src/app/features/page.tsx

@@ -4,8 +4,13 @@ import FeatureList from "@/components/features/list";
 import Header from "@/components/layout/header";
 import Implementations from "@/components/features/implementations";
 import MainWrapper from "@/components/layout/main-wrapper";
+import { Metadata } from "next";
 import PageHeader from "@/components/page-header";
 
+export const metadata: Metadata = {
+  title: "Features and Implementations",
+};
+
 export default async function FeaturesPage() {
   return (
     <div className="">

src/app/getting-started/page.tsx

@@ -5,8 +5,13 @@ import GettingStartedList from "@/components/getting-started/list";
 import Header from "@/components/layout/header";
 import HostedSolutions from "@/components/hosted-solutions";
 import MainWrapper from "@/components/layout/main-wrapper";
+import { Metadata } from "next";
 import PageHeader from "@/components/page-header";
 
+export const metadata: Metadata = {
+  title: "Getting Started",
+};
+
 export default function GettingStartedPage() {
   return (
     <div className="">

src/app/news/page.tsx

@@ -2,9 +2,15 @@ import BgLayer from "@/components/layout/bg-layer";
 import Container from "@/components/layout/container";
 import Header from "@/components/layout/header";
 import MainWrapper from "@/components/layout/main-wrapper";
+import { Metadata } from "next";
 import NewsList from "@/components/news/list";
 import PageHeader from "@/components/page-header";
 
+export const metadata: Metadata = {
+  title: "News and Events",
+  description: "Keep up with the latest news and events in the Hyku ecosystem",
+};
+
 export default function Homepage() {
   return (
     <div className="">

src/app/presentations/page.tsx

@@ -2,9 +2,15 @@ import BgLayer from "@/components/layout/bg-layer";
 import Container from "@/components/layout/container";
 import Header from "@/components/layout/header";
 import MainWrapper from "@/components/layout/main-wrapper";
+import { Metadata } from "next";
 import PageHeader from "@/components/page-header";
 import PresentationsList from "@/components/presentations/list";
 
+export const metadata: Metadata = {
+  title: "Presentations and Demos",
+  description: "View presentations and demos about Hyku and its ecosystem.",
+};
+
 export default function PresentationsPage() {
   return (
     <div className="">