Merge pull request #3 from spencer-rafada/spencer/add-routes

Added Routes and Metadata for each page

src/app/about/page.tsx

@@ -0,0 +1,15 @@
+import { Metadata } from 'next'
+import React from 'react'
+
+export const metadata: Metadata = {
+  title: 'About',
+  description: 'About Page',
+}
+
+export default function About() {
+  return (
+    <>
+      <div>About Page</div>
+    </>
+  )
+}

src/app/contact/page.tsx

@@ -0,0 +1,11 @@
+import { Metadata } from 'next'
+import React from 'react'
+
+export const metadata: Metadata = {
+  title: 'Contact',
+  description: 'Contact Page',
+}
+
+export default function Contact() {
+  return <div>Contact Page</div>
+}

src/app/layout.tsx

@@ -6,8 +6,8 @@ import ThemeProvider from './_providers/ThemeProvider'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'Ray Foundation',
+  description: 'Transforming Lives Through Service',
 }
 
 export default function RootLayout({

src/app/projects/page.tsx

@@ -0,0 +1,11 @@
+import { Metadata } from 'next'
+import React from 'react'
+
+export const metadata: Metadata = {
+  title: 'Project',
+  description: 'Project Page',
+}
+
+export default function Project() {
+  return <div>Project Page</div>
+}

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

@@ -0,0 +1,24 @@
+import { Metadata, ResolvingMetadata } from 'next'
+import React from 'react'
+
+type MetadataProps = {
+  params: { id: string }
+}
+
+export async function generateMetadata(
+  { params }: MetadataProps,
+  parent: ResolvingMetadata
+): Promise<Metadata> {
+  const id = params.id
+
+  // Fetch Team Member Information Here
+
+  return {
+    title: `Team Member ${id}`,
+    description: `Team Member ${id}`,
+  }
+}
+
+export default function TeamMember({ params }: { params: { id: string } }) {
+  return <div>TeamMember {params.id}</div>
+}

src/app/team/page.tsx

@@ -0,0 +1,11 @@
+import { Metadata } from 'next'
+import React from 'react'
+
+export const metadata: Metadata = {
+  title: 'Team',
+  description: 'Team Page',
+}
+
+export default function Team() {
+  return <div>Team Page</div>
+}