title changes

kchenturtles · Nov 13, 2023 · b48e4fa · b48e4fa
1 parent ad15c4f
commit b48e4fa
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 6 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -2,7 +2,8 @@ import Footer from "../components/footer";
 import Navbar from "../components/navbar";
 import "./global.css";
 import styles from "./layout.module.css";
-import type { AppProps } from 'next/app'
+import type { AppProps } from 'next/app';
+import Head from 'next/head';
 
 export const metadata = {
     title: {
@@ -18,15 +19,20 @@ export const metadata = {
 
 
 
-  export default function App ({ Component, pageProps }: AppProps) {
+  export default function App ({ Component, pageProps}: AppProps) {
     return (
+      <div>
+      <Head>
+        <title>The Wild Thistle Productions</title>
+      </Head>
       <main>
         <Navbar />
         <div className={styles.content}>
         <Component {...pageProps} />
         </div>
         <Footer />
       </main>
+      </div>
     );
   }
 
diff --git a/pages/about.tsx b/pages/about.tsx
@@ -3,16 +3,22 @@ import Image from "next-image-export-optimizer";
 import Link from "next/link";
 import { ExternalLink } from "react-feather";
 import PageTitle from "../components/page-title";
+import Head from 'next/head';
 
 export const metadata = {
   title: "About",
 };
 
 export default function About() {
   return (
+    <div>
+    <Head>
+        <title>About | The Wild Thistle Productions</title>
+      </Head>
     <main>
       <PageTitle>
         About
       </PageTitle>
-    </main>);
+    </main>
+    </div>);
 }
diff --git a/pages/contact.tsx b/pages/contact.tsx
@@ -1,11 +1,16 @@
 import styles from "./contact.module.css";
+import Head from 'next/head';
 
 export const metadata = {
   title: "Contact Us",
 };
 
 export default function Contact () {
   return (
+    <div>
+    <Head>
+    <title>Contact | The Wild Thistle Productions</title>
+    </Head>
     <main>
       <div className={`section container ${styles.main}`}>
         <h1>Leave A Comment </h1>
@@ -29,5 +34,6 @@ export default function Contact () {
         </div>
       </div>
     </main>
+    </div>
   );
 }
diff --git a/pages/shows.js b/pages/shows.js
@@ -5,8 +5,8 @@ import { ExternalLink } from "react-feather";
 import PageTitle from "../components/page-title";
 import React from 'react';
 import fetch from 'node-fetch';
-// import { getLatestEpisodes } from ".";
-import { InferGetStaticPropsType, GetStaticProps } from 'next'
+import { InferGetStaticPropsType, GetStaticProps } from 'next';
+import Head from 'next/head';
 
 export const metadata = {
   title: "Shows",
@@ -16,6 +16,10 @@ export default function Shows ({episodes}) {
   console.log(episodes[0]["images"][0]["url"]);
 
   return (
+    <div>
+    <Head>
+        <title>Shows | The Wild Thistle Productions</title>
+      </Head>
     <main>
       <PageTitle> 
         Shows
@@ -40,7 +44,8 @@ export default function Shows ({episodes}) {
         </div>
         <Link className = {`button ${styles.transcripts}`} href = "https://drive.google.com/drive/folders/1Az_03z0v7c8jZdKIGyCo5ssf9DPwK1F_">View Episode Transcripts</Link>
       </div>
-    </main>);
+    </main>
+    </div>);
 
  }