color changes.

src/components/Navbar/index.tsx

@@ -23,7 +23,7 @@ function classNames(...classes: unknown[]) {
   return classes.filter(Boolean).join(" ");
 }
 
-export default function Example() {
+export default function Navbar() {
   return (
     <Disclosure as="nav" className="bg-gray-800">
       <div className="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
@@ -45,13 +45,7 @@ export default function Example() {
           </div>
           <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
             <div className="flex shrink-0 items-center">
-            {/*   <Image
-                alt="Ballistic Builder"
-                src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=500"
-                className="h-8 w-auto" 
-                width={100} 
-                height={100}
-              /> */}
+              <p>Ballistics Builder</p>
             </div>
             <div className="hidden sm:ml-6 sm:block">
               <div className="flex space-x-4">