Skip to content

ui: polish landing page trust strip and ENS search - #55

Merged
gertsio merged 7 commits into
mainfrom
ui/landing-page-polish
Feb 23, 2026
Merged

ui: polish landing page trust strip and ENS search#55
gertsio merged 7 commits into
mainfrom
ui/landing-page-polish

Conversation

@gertsio

@gertsio gertsio commented Feb 23, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • refine landing-page hero rhythm and trust strip treatment, including improved mobile logo sizing and spacing
  • simplify ENS name search styling and add a subtle animated border orbit that continuously moves around the input shell
  • clean up supporting landing UI details across features/footer and align CTA/search copy for a clearer registration flow

Validation

  • yarn prettier --write src/components/ens-name-checker/EnsInput.tsx src/style.css
  • yarn eslint src/components/ens-name-checker/EnsInput.tsx

Greptile Summary

Polished landing page UI with refined spacing, simplified ENS search input featuring a subtle animated border orbit effect, and redesigned trust strip showcasing partner logos with improved mobile responsiveness.

  • Replaced complex gradient blur effects on ENS input with clean animated border orbit using CSS custom properties
  • Rebuilt trust strip section with actual logo assets (ENS, Privy, ETHGlobal) instead of card-wrapped placeholders
  • Improved vertical rhythm throughout hero section with adjusted spacing (mt-8, mt-14, mt-12)
  • Simplified features section hover effects by removing gradient overlay
  • Updated CTA copy from "Proceed to setup" to clearer "Register" button
  • Uncommented footer navigation links and added copyright notice

Confidence Score: 4/5

  • Safe to merge after fixing the border radius mismatch
  • Well-structured UI polish with one minor syntax issue - border radius mismatch between shell and input will cause a visual gap. All other changes are cosmetic improvements with proper accessibility considerations (reduced motion support).
  • src/components/ens-name-checker/EnsInput.tsx requires border radius correction

Important Files Changed

Filename Overview
src/components/ens-name-checker/EnsInput.tsx Removed focus state management and simplified styling with new animated border orbit effect
src/style.css Added CSS custom property animation for ENS input border orbit with reduced motion support
src/app/(public)/components/hero-section.tsx Refined spacing, rebuilt trust strip with new logo assets, improved mobile responsiveness

Last reviewed commit: 115e4dc

@vercel

vercel Bot commented Feb 23, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
startupchain Ready Ready Preview, Comment Feb 23, 2026 7:46pm

@greptile-apps greptile-apps Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

10 files reviewed, 1 comment

Edit Code Review Agent Settings | Greptile

'from-primary via-accent to-secondary absolute -inset-0.5 rounded-2xl bg-gradient-to-r opacity-30 blur transition duration-500 group-hover:opacity-60',
isFocused && 'opacity-100 blur-md duration-200'
)}
<div className="ens-input-shell relative w-full rounded-xl">

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

border radius mismatch - shell is rounded-xl (0.75rem) but input is rounded-[11px], creating a 1px gap

Suggested change
<div className="ens-input-shell relative w-full rounded-xl">
<div className="ens-input-shell relative w-full rounded-[11px]">

@gertsio
gertsio merged commit 0213d63 into main Feb 23, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant