From 608705772ebc612a62d0799e701a169aa7fb1e4e Mon Sep 17 00:00:00 2001
From: Don Starwsburg <don@goforward.group>
Date: Tue, 26 Nov 2024 00:43:58 -0500
Subject: [PATCH] <Image is broken

---
 next.config.ts                  | 18 ++++++++++++++++++
 src/components/Navbar/index.tsx | 16 ++++++++++------
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index 8ff99fb..fb0b978 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -5,6 +5,24 @@ const nextConfig: NextConfig = {
   experimental: {
     optimizePackageImports: ["@chakra-ui/react"],
   },
+ /*  module.exports = {
+    images: {
+      remotePatterns: [
+        {
+          protocol: 'https',
+          hostname: 'images.unsplash.com',
+          port: '',
+          pathname: '/**',
+        },
+        {
+          protocol: 'https',
+          hostname: 'tailwindui.com',
+          port: '',
+          pathname: '/plus/img/logos/**',
+        }
+      ],
+    }, 
+  },*/
 };
 
 export default nextConfig;
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 94f1241..3fe55aa 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -44,11 +44,13 @@ 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
+            {/*   <Image
                 alt="Ballistic Builder"
                 src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=500"
-                className="h-8 w-auto"
-              />
+                className="h-8 w-auto" 
+                width={100} 
+                height={100}
+              /> */}
             </div>
             <div className="hidden sm:ml-6 sm:block">
               <div className="flex space-x-4">
@@ -86,11 +88,13 @@ export default function Example() {
                 <MenuButton className="relative flex rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800">
                   <span className="absolute -inset-1.5" />
                   <span className="sr-only">Open user menu</span>
-                  <Image
+                {/*   <Image
                     alt=""
                     src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
-                    className="size-8 rounded-full"
-                  />
+                    className="size-8 rounded-full" 
+                    width={100} 
+                    height={100}
+                  /> */}
                 </MenuButton>
               </div>
               <MenuItems