diff --git a/src/app/footer.tsx b/src/app/footer.tsx
new file mode 100644
index 0000000..ae1d1c5
--- /dev/null
+++ b/src/app/footer.tsx
@@ -0,0 +1,49 @@
+import { Bai_Jamjuree } from 'next/font/google';
+import NebulaLogo from 'src/app/nebula-logo';
+
+const baiJamjuree = Bai_Jamjuree({ subsets: ['latin'], weight: '700' });
+
+export default function Footer() {
+ return (
+
+ );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 22e397a..2ea7ce5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import { type Metadata } from 'next';
import { GoogleAnalytics } from '@next/third-parties/google';
+import Footer from './footer';
+
const inter = Inter({
subsets: ['latin'],
variable: '--font-inter',
@@ -23,12 +25,10 @@ export const metadata: Metadata = {
template: '%s - UTD NOTEBOOK',
default: 'UTD NOTEBOOK',
},
- description:
- '',
+ description: '',
openGraph: {
title: 'UTD Notebook',
- description:
- '',
+ description: '',
type: 'website',
},
twitter: {
@@ -50,11 +50,14 @@ export default function RootLayout({
}) {
return (
-
+
{children}
{process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' && (
)}
+
);
diff --git a/src/app/nebula-logo.tsx b/src/app/nebula-logo.tsx
new file mode 100644
index 0000000..9e8ea30
--- /dev/null
+++ b/src/app/nebula-logo.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface Props {
+ className?: string;
+}
+
+export default function NebulaLogo(props: Props) {
+ return (
+
+ );
+}