The issue is that when navigating from another page to /#contact, the page loads but doesn't scroll to the hash. I need to add a useEffect on the homepage that checks for a hash in the URL on mount and scrolls to it.
I've added a second useEffect that runs on page mount, checks if the URL has a hash fragment (like #contact), and after a 300ms delay (to allow the page to fully render), smoothly scrolls to that section. This ensures that clicking "Contact" from the Projects or Publications pages will correctly navigate to the homepage and then scroll down to the contact section.
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Downloading 110 deployment files...
Restored build cache from previous deployment (E1LnYqSGYf88SYPXg4z1senZpRQT)
...
> Build failed because of webpack errors
error: script "build" exited with code 1
Error: Command "bun run build" exited with 1
There are two issues: a duplicate </h3> tag around line 419-420, and a nested <h3> inside a <p> tag. Let me fix these:
I see the issue - there's a duplicate </h3> tag on line 420. Let me fix it:
I removed the duplicate </h3> closing tag on line 420 that was causing the syntax error. The build should now succeed.
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Downloading 110 deployment files...
Restored build cache from previous deployment (E1LnYqSGYf88SYPXg4z1senZpRQT)
...
> Build failed because of webpack errors
error: script "build" exited with code 1
Error: Command "bun run build" exited with 1