Fix zIndex values: string → number in sharkbank page

[Copilot]

zIndex properties in pages/sharkbank/index.tsx were incorrectly typed as strings, which causes type inconsistencies and can lead to unexpected CSS behavior in React.

Changes

• Converted all zIndex string literals to numeric values across the file

// Before
zIndex: '200'
zIndex: '20'
zIndex: '-1'

// After
zIndex: 200
zIndex: 20
zIndex: -1

Affected occurrences: lines 19, 158, 167, 283, 462, 471, 587, 769, 778, 897.

Original prompt

Please apply the following diffs and create a pull request.
Once the PR is ready, give it a title based on the messages of the fixes being applied.

[{"message":"The zIndex property should be a number, not a string. Using strings for numeric CSS properties can lead to unexpected behavior and type inconsistencies.","fixFiles":[{"filePath":"pages/sharkbank/index.tsx","diff":"diff --git a/pages/sharkbank/index.tsx b/pages/sharkbank/index.tsx\n--- a/pages/sharkbank/index.tsx\n+++ b/pages/sharkbank/index.tsx\n@@ -16,7 +16,7 @@\n           fill\n           sizes=\"100vw\"\n           style={{\n-            zIndex: '20',\n+            zIndex: 20,\n             backgroundPosition: 'center',\n             backgroundSize: 'cover',\n             overflow: 'hidden',\n"}]},{"message":"The zIndex property should be a number, not a string. Consistent with the pattern throughout the file, all zIndex values should be numeric.","fixFiles":[{"filePath":"pages/sharkbank/index.tsx","diff":"diff --git a/pages/sharkbank/index.tsx b/pages/sharkbank/index.tsx\n--- a/pages/sharkbank/index.tsx\n+++ b/pages/sharkbank/index.tsx\n@@ -155,7 +155,7 @@\n             justifyContent: 'center',\n             alignItems: 'center',\n             position: 'absolute',\n-            zIndex: '200',\n+            zIndex: 200,\n             bottom: '200px'\n           }}\n         >\n"}]},{"message":"The zIndex property should be a number, not a string. This inconsistency appears multiple times in the file.","fixFiles":[{"filePath":"pages/sharkbank/index.tsx","diff":"diff --git a/pages/sharkbank/index.tsx b/pages/sharkbank/index.tsx\n--- a/pages/sharkbank/index.tsx\n+++ b/pages/sharkbank/index.tsx\n@@ -155,7 +155,7 @@\n             justifyContent: 'center',\n             alignItems: 'center',\n             position: 'absolute',\n-            zIndex: '200',\n+            zIndex: 200,\n             bottom: '200px'\n           }}\n         >\n@@ -164,7 +164,7 @@\n             sx={{\n               fontSize: '30px',\n               position: 'absolute',\n-              zIndex: '20',\n+              zIndex: 20,\n               maxWidth: '750px',\n               textAlign: 'center',\n               transform: 'perspective(800px) rotateX(17deg)',\n"}]},{"message":"The zIndex property should be a number, not a string for proper CSS type handling.","fixFiles":[{"filePath":"pages/sharkbank/index.tsx","diff":"diff --git a/pages/sharkbank/index.tsx b/pages/sharkbank/index.tsx\n--- a/pages/sharkbank/index.tsx\n+++ b/pages/sharkbank/index.tsx\n@@ -459,7 +459,7 @@\n             justifyContent: 'center',\n             alignItems: 'center',\n             position: 'absolute',\n-            zIndex: '200',\n+            zIndex: 200,\n             top: '-350px'\n           }}\n         >\n"}]},{"message":"The zIndex property should be a number, not a string for proper CSS type handling.","fixFiles":[{"filePath":"pages/sharkbank/index.tsx","diff":"diff --git a/pages/sharkbank/index.tsx b/pages/sharkbank/index.tsx\n--- a/pages/sharkbank/index.tsx\n+++ b/pages/sharkbank/index.tsx\n@@ -468,7 +468,7 @@\n             sx={{\n               fontSize: '25px',\n               position: 'absolute',\n-              zIndex: '20',\n+              zIndex: 20,\n               maxWidth: '600px',\n               textAlign: 'center',\n               transform: 'perspective(800px) rotateX(17deg)',\n"}]}]

---

📱 Kick off Copilot coding agent tasks wherever you are with GitHub Mobile, available on iOS and Android.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
site	Ready	Preview, Comment	Mar 28, 2026 0:57am

[leowilkin]

📝 Changed routes:

/sharkbank
(view full size)

Commit ee73fb0 (https://site-7zlkpr3ag.hackclub.dev).