Redesign landing page with premium dark Islamic aesthetic - #1
Conversation
Deeper background, refined gold palette, geometric overlay, elegant section dividers, new stats bar, improved typography, smoother transitions, phone mockup, glow effects, scroll indicator, consistent donate button. Co-authored-by: Ali <143140806+its3li@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: e64bdd28ad
ℹ️ 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
- 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 address that feedback".
| <button id="close-menu-btn" class="absolute top-8 left-8 text-white/50 hover:text-white"> | ||
| <i data-lucide="x" class="w-8 h-8"></i> | ||
| <!-- Mobile Menu --> | ||
| <div id="mobile-menu" class="fixed inset-0 z-40 bg-midnight-950/98 backdrop-blur-2xl transform translate-x-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] md:hidden flex flex-col items-center justify-center gap-10"> |
There was a problem hiding this comment.
The mobile menu uses bg-midnight-950/98, but Tailwind's color-opacity shorthand does not generate a class for 98 (you need a supported token like /95 or an arbitrary value like /[0.98]). On mobile, this leaves the menu backdrop effectively transparent, so the underlying page competes with the menu text and reduces readability when the menu is opened.
Useful? React with 👍 / 👎.
1 participant
v0 Session