remove footsteps background

src/components/Footer.tsx

@@ -7,6 +7,10 @@ interface QuickLink {
 }
 
 const links: QuickLink[] = [
+  {
+    label: "Provide Feedback",
+    href: "https://forms.gle/FD2abgwBuTaipysZ6",
+  },
   {
     label: "Communication Sciences and Disorders",
     href: "https://csd.uiowa.edu/",

src/components/Header.tsx

@@ -99,7 +99,7 @@ const NavBar = () => {
               <div className="flex h-full flex-row space-x-[4px]">
                 <div className="my-auto inline-block">
                   <span className="align-text-middle inline-block py-2 text-lg font-bold">
-                    Provide Feedback
+                    Feedback
                   </span>
                 </div>
               </div>

src/pages/about.tsx

@@ -95,19 +95,8 @@ const About: NextPage = () => {
           </div>
         </div>
         <div className="w-full">
-          <div
+          <div className="mx-auto max-w-7xl">
-            style={{
+            <div className="sm:p-8">
-              backgroundImage: `url("/backdrops/foot-steps.png")`,
-            }}
-            className="mx-auto max-w-7xl"
-          >
-            <div
-              style={{
-                WebkitBackdropFilter: `blur(2px)`,
-                backdropFilter: `blur(2px)`,
-              }}
-              className="sm:p-8"
-            >
               {/** Small screens */}
               <div className="w-full border-b-2 border-yellow-400 bg-neutral-900 p-4 sm:hidden">
                 <h1 className="text-center text-4xl font-bold text-white">