feat: add metadata

Author: prokopsimek

src/app/about/page.tsx

@@ -1,7 +1,11 @@
-'use client';
-
 import Navigation from '../components/Navigation';
 import { FaLinkedin } from 'react-icons/fa';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'About 1:1 Meeting Cards | Our Mission',
+  description: 'Learn about our mission to improve workplace relationships through meaningful 1:1 conversations. Discover how we help teams build stronger connections.'
+};
 
 export default function About() {
   return (

src/app/how-to/page.tsx

@@ -1,6 +1,10 @@
-'use client';
-
 import Navigation from '../components/Navigation';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'How to Use 1:1 Meeting Cards | Guide',
+  description: 'Learn how to effectively use 1:1 Meeting Cards to lead better one-on-one conversations. Step-by-step guide to improve your team meetings.'
+};
 
 export default function HowTo() {
   return (

src/app/page.tsx

@@ -1,5 +1,11 @@
 import DxHeroesLogo from './components/DxHeroesLogo';
 import HomeCTA from './components/HomeCTA';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: '1:1 Meeting Cards | Lead Better One-on-One Conversations',
+  description: 'Lead meaningful 1on1 conversations that strengthen your team and drive growth. A curated collection of conversation cards for better team management.'
+};
 
 export default function Home() {
   return (

src/app/topics/[id]/page.tsx

@@ -1,17 +1,34 @@
+import { topics, type TopicId } from '../../constants/topics';
 import DifficultyPage from './DifficultyPage';
-import { type TopicId, topics } from '../../constants/topics';
+import type { Metadata } from 'next';
 
-export const dynamic = 'force-static';
+type Props = {
+  params: { id: TopicId }
+};
 
 export function generateStaticParams() {
   return Object.keys(topics).map((id) => ({
     id,
   }));
 }
 
-export default async function Difficulty({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params;
-  const topic = topics[id as TopicId];
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const topic = topics[params.id];
 
-  return <DifficultyPage id={id} title={topic.title} description={topic.description} />;
+  if (!topic) {
+    return {
+      title: 'Topic Not Found | 1:1 Meeting Cards',
+      description: 'The requested topic could not be found.'
+    };
+  }
+
+  return {
+    title: `${topic.title} | 1:1 Meeting Cards`,
+    description: `Explore ${topic.title.toLowerCase()} questions for your 1:1 meetings. Choose from different difficulty levels to guide your conversations.`
+  };
+}
+
+export default function Topic({ params }: Props) {
+  const topic = topics[params.id];
+  return <DifficultyPage id={params.id} title={topic.title} description={topic.description} />;
 } 

src/app/topics/[id]/questions/[difficulty]/page.tsx

@@ -1,6 +1,7 @@
 import QuestionsPage from './QuestionsPage';
 import { topics, difficulties, difficultyNames } from '../../../../constants/topics';
 import type { TopicId, Difficulty } from '../../../../constants/topics';
+import type { Metadata } from 'next';
 
 export const dynamic = 'force-static';
 
@@ -13,6 +14,29 @@ export function generateStaticParams() {
   );
 }
 
+type Props = {
+  params: { id: TopicId; difficulty: string }
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+    const topic = topics[params.id];
+    const difficultyName = params.difficulty === 'easy' ? 'Surface Level' : 
+                          params.difficulty === 'medium' ? 'Medium Depth' : 
+                          'Deep Questions';
+    
+    if (!topic) {
+      return {
+        title: 'Questions Not Found | 1:1 Meeting Cards',
+        description: 'The requested questions could not be found.'
+      };
+    }
+  
+    return {
+      title: `${difficultyName} Questions - ${topic.title} | 1:1 Meeting Cards`,
+      description: `${difficultyName} questions for ${topic.title.toLowerCase()} discussions in your 1:1 meetings. Guide meaningful conversations with carefully crafted questions.`
+    };
+  }
+
 export default async function Questions({ params }: { params: Promise<{ id: string; difficulty: string }> }) {
   const { id, difficulty } = await params;
   const topic = topics[id as TopicId];

src/app/topics/page.tsx

@@ -1,5 +1,11 @@
 import Navigation from '../components/Navigation';
 import TopicsList from '../components/TopicsList';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Choose Your Topic | 1:1 Meeting Cards',
+  description: 'Explore our curated collection of conversation topics for 1:1 meetings. Find the perfect questions to lead meaningful discussions with your team.'
+};
 
 export default function Topics() {
   return (