Skip to content

feat: add animated landing flow#78

Open
Nikhi-l wants to merge 2 commits intomainfrom
codex/implement-landing-page-animations-and-navigation-4d9gi4
Open

feat: add animated landing flow#78
Nikhi-l wants to merge 2 commits intomainfrom
codex/implement-landing-page-animations-and-navigation-4d9gi4

Conversation

@Nikhi-l
Copy link
Owner

@Nikhi-l Nikhi-l commented Sep 9, 2025

Summary

  • add animated transition from hero to landing page
  • link landing page CTAs to /login
  • document landing flow plan

Testing

  • pnpm lint (fails: Do not shadow the global "escape" property; Forbidden non-null assertion; Static Elements should not be interactive)
  • pnpm test (fails: This module cannot be imported from a Client Component module)

https://chatgpt.com/codex/tasks/task_e_68bfb30f2ebc8324bfc207d8f6cbfaa8

@vercel
Copy link

vercel bot commented Sep 9, 2025

@Nikhi-l is attempting to deploy a commit to the Nikhil's projects team on Vercel, but is not a member of this team. To resolve this issue, you can:

  • Make your repository public. Collaboration is free for open source and public repositories.
  • Upgrade to pro and add @Nikhi-l as a member. A Pro subscription is required to access Vercel's collaborative features.
    • If you're the owner of the team, click here to upgrade and add @Nikhi-l as a member.
    • If you're the user who initiated this build request, click here to request access.
    • If you're already a member of the Nikhil's projects team, make sure that your Vercel account is connected to your GitHub account.

To read more about collaboration on Vercel, click here.

Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Codex Review: Here are some suggestions.

Reply with @codex fix comments to fix any unresolved comments.

About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you open a pull request for review, mark a draft as ready, or comment "@codex review". If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex fix this CI failure" or "@codex address that feedback".

Comment on lines +6 to +10
const [showLanding, setShowLanding] = useState(false);

useEffect(() => {
const handleWheel = () => setShowLanding(true);
window.addEventListener('wheel', handleWheel, { once: true });

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[P0] Add use client directive for hook-based home page

The updated home page now calls useState/useEffect and accesses window, but the file is still a default Server Component because there is no 'use client' directive at the top. Next.js will fail to compile with “useEffect can only be used in a Client Component” when loading this module. Add 'use client'; before the imports so the page can render and attach the animation logic on the client.

Useful? React with 👍 / 👎.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@codex fix comments

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Summary

  • Declared the home page as a Client Component so hooks and window access compile correctly app/page.tsxL1-L5

Testing

  • ⚠️ pnpm lint (fails: Do not shadow the global "escape" property; Forbidden non-null assertion; Static Elements should not be interactive)
  • ⚠️ pnpm test (fails: This module cannot be imported from a Client Component module)

Notes

  • Lint and test failures stem from pre-existing issues outside the scope of the current fix.

View task →

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant