got bg-images working with passing in url

src/components/Navbar.tsx

@@ -8,6 +8,7 @@ import Image from 'next/image';
 import Dropdown from "./Dropdown";
 
 export interface MenuItem {
+  id: string;
   title: string;
   route?: string;
   children?: MenuItem[];
@@ -15,49 +16,60 @@ export interface MenuItem {
 
 const menuItems: MenuItem[] = [
   {
+    id: "employers",
     title: "Employers",
     children: [
       {
+        id: "employerServices",
         title: "Employer Services",
         route: "",
       },
       {
+        id: "selfFundedPlans",
         title: "Self-Funded Plans",
         route: "",
       },
       {
+        id: "controlHealthCareCosts",
         title: "Control Health Care Costs",
         route: "",
       },
     ],
   },
   {
+    id: "members",
     title: "Members",
     children: [
       {
+        id: "findMedicalProvider",
         title: "Find a Medical Provider",
         route: "",
       },
       {
+        id: "obtainRxInformation",
         title: "Obtain Rx Information",
         route: "",
       },
     ],
   },
   {
+    id: "providers",
     title: "Providers",
     children: [
       {
+        id: "eligibilityLookup",
         title: "Eligibility Lookup",
         route: "",
       },
       {
+        id: "contactBbs",
         title: "Contact BBS",
         route: "",
       },
     ],
   },
   {
+    id: "brokers",
     title: "Brokers",
     route: "",
     },
@@ -98,8 +110,8 @@ const Navbar = () => {
                     <Image
                         src="/images/bbstpa-forsite.png"
                         alt="Britton Logo"
-                        width={273}
-                        height={80}
+                        width={205}
+                        height={60}
                     />
                 </div>
                 <div className={classnames('rounded-b-3xl py-2 bg-britton-dark font-semibold text-britton-neutral text-center text-lg uppercase w-72', {"hidden" : !isScrolled})}>
@@ -134,7 +146,7 @@ const Navbar = () => {
                         </Link>
                     </li>
                 </ul> */}
-                <div className={classnames("flex space-x-4 font-semibold text-lg uppercase", {"pl-2" : isScrolled})}>
+                <div className={classnames("flex space-x-4 font-semibold text-lg", {"pl-2" : isScrolled})}>
                     {menuItems.map((item) => {
                     return item.hasOwnProperty("children") ? 
                     (