use constants.APP_NAME

src/app/layout.tsx

@@ -1,13 +1,12 @@
-//import { Provider } from "../components/ui/provider"
 import "../styles/globals.css";
 import Navbar from "../components/Navbar";
 import PopNav from "@src/components/PopNav/page";
 import { Roboto } from 'next/font/google'
-
+import constants from "@src/lib/constants";
 
 export const metadata = {
-  title: 'Ballistic Builder',
-  description: 'Freedom On',
+  title: constants.APP_NAME,
+  description: constants.DESCRIPTION,
 }
 
 const roboto = Roboto({

src/app/signin/layout.tsx

@@ -1,6 +1,7 @@
+import constants from "@src/lib/constants"
 export const metadata = {
-  title: 'Ballistic Bu8ilder',
-  description: 'Generated by Forward Group, LLC',
+  title: constants.APP_NAME,
+  description: constants.DESCRIPTION,
 }
 
 export default function RootLayout({

src/app/signin/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 import React, { useState } from 'react';
 import { useRouter } from 'next/navigation';
+import constants from '@src/lib/constants';
 
 export default function SignupPage() {
   const router = useRouter();
@@ -49,7 +50,7 @@ export default function SignupPage() {
           <div className="mx-auto w-full max-w-sm lg:w-96">
             <div>
               <img
-                alt="Ballistic Builder"
+                alt={constants.APP_NAME}
                 src="https://tailwindui.com/plus/img/logos/mark.svg?color=lime&shade=600"
                 className="h-10 w-auto"
               />