add titles to the pages

ethancedwards8 · Nov 29, 2024 · fe6a1eb · fe6a1eb
1 parent 3233922
commit fe6a1eb
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 0 deletions.
diff --git a/pages/about.js b/pages/about.js
@@ -1,9 +1,14 @@
 import React from 'react';
 import styles from '../styles/about.module.scss';
+import Head from 'next/head';
 
 export default function About() {
     return (
         <>
+            <Head>
+                <title>About Me</title>
+            </Head>
+
           <div className={styles.wrapper}>
             <div className={`${styles.zero} ${styles.makecenter}`}>
               <img src="/logo.jpg" alt="my logo" className={styles.logo}/>

diff --git a/pages/blog/index.js b/pages/blog/index.js
@@ -1,12 +1,17 @@
 import Link from 'next/link';
 import dayjs from 'dayjs';
+import Head from 'next/head';
 
 import { getAllPosts } from '../../lib/posts';
 import styles from '../../styles/blog.module.scss';
 
 export default function Blog({ posts }) {
     return (
         <>
+            <Head>
+                <title>Blog</title>
+            </Head>
+
           <h1 className={styles.header}>List of posts:</h1>
           <div className={styles.blog}>
             {posts.map((post, index) => (

diff --git a/pages/congress/index.js b/pages/congress/index.js
@@ -1,6 +1,7 @@
 import Link from 'next/link';
 import dayjs from 'dayjs';
 import { useState } from 'react';
+import Head from 'next/head';
 
 import styles from '../../styles/blog.module.scss';
 
@@ -25,6 +26,11 @@ export default function Congress() {
 
     return (
         <>
+            <Head>
+                <title>Congress Search</title>
+            </Head>
+
+
             <h1 className={styles.header}>Welcome to Find Your Rep.</h1>
             <p className={styles.text}>To learn more about who represents you in congress, input your address below.
                 Please note that inputting your full address increases accuracy.</p>

diff --git a/pages/podcast.js b/pages/podcast.js
@@ -1,12 +1,17 @@
 import Link from 'next/link';
 import dayjs from 'dayjs';
+import Head from 'next/head';
 
 import styles from '../styles/blog.module.scss';
 
 export default function Blog({ episodes }) {
 
     return (
         <>
+            <Head>
+                <title>The Ridge Podcast</title>
+            </Head>
+
             <div className={styles.podcast}>
                 <h1 className={styles.header}>Welcome to The Ridge Podcast</h1>
                 <p>Here you can find conversations on Appalachia history and culture.</p>