Casimir43/enhancement/657 update coming soon page

[Casimir43]

📄 Pull Request Overview

Closes #657

🔧 Changes Made

• Replaced the old hero character lineup with new characters
• Added an SVG curved title with a fog background image
• Added a swinging "coming soon" sign with animated text overlay
• Added Finnish/English language-specific letter spacing
• Created new folder for comingpage character

---

✅ Checklist Before Submission

• Functionality: I have tested my code, and it works as expected.
• JSDoc: I have added or updated JSDoc comments for all relevant code.
• Debugging: No console.log() or other debugging statements are left.
• Clean Code: Removed commented-out or unnecessary code.
• Tests: Added new tests or updated existing ones for the changes made.
• Documentation: Documentation has been updated (if applicable).

---

📝 Additional Information

Provide any additional context or information that reviewers may need to know:

• Decided to just use an image for the title fog instead of glass component.
• different letter spacing due to using image instead of the glass component

swing.webm

[Skoivumaki]

Build is failing on tests. Fix or remove tests causing issues.

[Casimir43]

Build is failing on tests. Fix or remove tests causing issues.

Removed the invalid assertion. Tests passes now.

[Skoivumaki]

The animation looks great 👍
There´s still some odd changes done, that require explanation or discarding:

• You didn't use the Glass component that was requested, but I think your implementation might have been better/easier.
• You removed Glass from HeaderDesktop/HeaderMobile, which breaks the component on pages its referred on. (it seems you were planning to use this component and decided not to, but forgot to remove the edits.)
• Sometimes you implement fonts incorrectly, not serious but bad for structure. (https://github.com/Alt-Org/Altzone-WebPages/wiki/9.-Css-rules#fonts)
• See comments

[Skoivumaki]

Why was this change done?

[Casimir43]

my bad reverted.

[Skoivumaki]

What does editing navbar have to do with issue?

[Casimir43]

Accident from my end. Editing Navbar is my other issue im working on. Forgot to switch branches more likely. Or just having both issues open and made the edits accidentally on another window that was suppose to be for the other issue.

[Casimir43]

I'll revert these

[Casimir43]

The animation looks great 👍 There´s still some odd changes done, that require explanation or discarding:

• You didn't use the Glass component that was requested, but I think your implementation might have been better/easier.
• You removed Glass from HeaderDesktop/HeaderMobile, which breaks the component on pages its referred on. (it seems you were planning to use this component and decided not to, but forgot to remove the edits.)
• Sometimes you implement fonts incorrectly, not serious but bad for structure. (https://github.com/Alt-Org/Altzone-WebPages/wiki/9.-Css-rules#fonts)
• See comments

The pre-existing glass component does not like following curves(it would just be behind the title not follow along the curve). One way was to make the title so that each letter are seperate and apply the glass effect on each letter, but it wouldnt be optimal performance wise and positioning was awful. So i chose just having it as an image behind the Title.

[Skoivumaki]

Requested changes done👍

[Rutjake]

The build is currently failing due to a TypeScript error:

I've left a specific comment on the code.
Please verify and make sure the project builds successfully locally after making the fix.

[Rutjake]

This is causing a build error because TypeScript is running into a JSX type conflict with the priority prop here. Please remove priority from images. It will fix the build, and since these images are lower down the page, letting Next.js lazy-load them naturally is actually better for performance.