Skip to content

[Bug] Fix invisible landing screen content #334

@chetanbarakki

Description

@chetanbarakki

Describe the bug
The landing screen renders only the dark grid/background, while the ImageLab title, intro content, and “Start Building” button stay invisible. This happens because LandingScreen.tsx references animation names like fadeUp, float1, and float2 from inline styles, but those keyframes are defined inside a CSS module and get scoped/renamed.

To Reproduce
Steps to reproduce the behavior:
Run npm run dev
Open the ImageLab frontend.
The landing screen is down.

Expected behavior
To be able to view landing screen

Screenshots

Image

Environment:
OS: Linux Lite
Browser: Any modern browser
Node.js version: Project uses the frontend dependencies in imagelab-frontend/package.json

Additional context
Any other relevant information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions