feat: main page redesign by gertsio · Pull Request #40 · zenbitETH/startupchain

gertsio · 2026-01-17T04:49:49Z

Summary

refresh landing hero/sections with new logo assets, timeline features layout, and mobile spacing tweaks
enhance ENS checker status UI with debounced updates and richer states
update AI chat panel styling with fixed height and add hydration-warning suppression

Greptile Summary

Comprehensive redesign of the landing page with modern hero section, animated backgrounds, partner logos, and timeline-style features section replacing the previous minimal design
Enhanced ENS checker component with debounced input handling, gradient border effects, and rich status states including error suggestions and loading animations
Updated AI chat widget with suggestion prompts, improved mobile responsiveness, auto-resizing textarea, and visual enhancements using backdrop blur effects

Important Files Changed

Filename	Overview
`src/app/(public)/components/features-section.tsx`	Complete redesign from static grid to animated timeline; requires 'use client' and complex scroll-based animations
`src/components/ens-name-checker/EnsStatus.tsx`	Major UI overhaul with motion animations, glassmorphism effects, and enhanced error handling with domain suggestions
`src/app/(public)/components/hero-section.tsx`	Full hero redesign with AnimatedRocket component, background effects, and partner logos; complex responsive layout
`src/components/ai-chat/ai-chat-widget.tsx`	Comprehensive chat interface redesign with suggestion system, auto-resizing textarea, and modern styling
`src/app/(public)/components/footer.tsx`	Footer redesign with placeholder social links pointing to generic domains (twitter.com, discord.com)

Confidence score: 3/5

This PR introduces significant visual improvements but has several concerning issues that require attention before merging
Score reflects concerns about non-functional placeholder links, violation of server-component preferences, and potential custom Tailwind classes that may not be defined
Pay close attention to footer placeholder links, features section client-side complexity, and hero section AnimatedRocket positioning classes

Sequence Diagram

sequenceDiagram
    participant User
    participant HeroSection
    participant EnsNameChecker
    participant EnsInput
    participant useEnsCheck
    participant API
    participant useWalletAuth
    participant Router

    User->>HeroSection: "Visits main page"
    HeroSection->>EnsNameChecker: "Renders ENS checker component"
    EnsNameChecker->>EnsInput: "Renders input field"
    
    User->>EnsInput: "Types ENS name"
    EnsInput->>EnsNameChecker: "Updates ensName state"
    EnsNameChecker->>useEnsCheck: "Calls with debounced name"
    
    useEnsCheck->>API: "GET /api/ens/check?name=..."
    API-->>useEnsCheck: "Returns availability result"
    useEnsCheck-->>EnsNameChecker: "Returns ENS status"
    EnsNameChecker->>EnsStatus: "Renders status component"
    EnsStatus-->>User: "Shows availability status"

    User->>EnsStatus: "Clicks 'Register Now'"
    EnsStatus->>EnsNameChecker: "Calls handleProceed"
    EnsNameChecker->>useWalletAuth: "Calls connect()"
    useWalletAuth-->>EnsNameChecker: "Authentication successful"
    EnsNameChecker->>Router: "push('/dashboard/setup?ensName=...')"
    Router-->>User: "Redirects to setup page"

Context used:

Context from dashboard - AGENTS.md (source)

vercel · 2026-01-17T04:49:54Z

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

Project	Deployment	Review	Updated (UTC)
startupchain	Ready	Preview, Comment	Jan 17, 2026 4:53am

greptile-apps

_{12 files reviewed, 5 comments}

_{Edit Code Review Agent Settings | Greptile}

greptile-apps · 2026-01-17T05:01:29Z

src/app/(public)/components/footer.tsx

+              href="#privacy"
+              className="hover:text-primary transition-colors"
+            >
              Privacy
-            </a>
-            <a href="#" className="hover:text-foreground transition-colors">
+            </Link>
+            <Link
+              href="#terms"
+              className="hover:text-primary transition-colors"


logic: These hash fragment links (#privacy, #terms) will not navigate to actual pages and may confuse users

Suggested change

href="#privacy"

className="hover:text-primary transition-colors"

>

Privacy

</a>

<a href="#" className="hover:text-foreground transition-colors">

</Link>

<Link

href="#terms"

className="hover:text-primary transition-colors"

<Link

href="/privacy"

className="hover:text-primary transition-colors"

>

Privacy

</Link>

<Link

href="/terms"

className="hover:text-primary transition-colors"

Are there actual Privacy and Terms pages that should be linked, or should these be removed for now?

Prompt To Fix With AI

This is a comment left during a code review. Path: src/app/(public)/components/footer.tsx Line: 24:31 Comment: **logic:** These hash fragment links (#privacy, #terms) will not navigate to actual pages and may confuse users ```suggestion <Link href="/privacy" className="hover:text-primary transition-colors" > Privacy </Link> <Link href="/terms" className="hover:text-primary transition-colors" ``` Are there actual Privacy and Terms pages that should be linked, or should these be removed for now? How can I resolve this? If you propose a fix, please make it concise.

greptile-apps · 2026-01-17T05:01:30Z

src/components/ens-name-checker/EnsStatus.tsx

-              <span className="font-medium">Invalid name format</span>
+                </span>
+                {/* Shine effect on button */}
+                <div className="absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent group-hover/btn:animate-[shimmer_1.5s_infinite]" />


style: Custom animation name 'shimmer' may not be defined in Tailwind config. Is the shimmer animation defined in your Tailwind configuration?

Prompt To Fix With AI

This is a comment left during a code review. Path: src/components/ens-name-checker/EnsStatus.tsx Line: 264:264 Comment: **style:** Custom animation name 'shimmer' may not be defined in Tailwind config. Is the shimmer animation defined in your Tailwind configuration? How can I resolve this? If you propose a fix, please make it concise.

greptile-apps · 2026-01-17T05:01:31Z

src/components/ens-name-checker/EnsStatus.tsx

+                {['hq', 'dao', 'app', 'eth'].map((suffix) => (
+                  <div
+                    key={suffix}
+                    className="group border-border/50 bg-background/50 hover:border-primary/30 hover:bg-primary/5 flex cursor-pointer items-center rounded-md border px-2.5 py-1.5 text-sm transition-colors"
+                  >
+                    <span className="text-foreground group-hover:text-primary font-medium">
+                      {ensName}
+                      {suffix}
                    </span>
-                    <p className="text-muted-foreground mt-1 text-sm">
-                      Claim it now before someone else does
-                    </p>
+                    <span className="text-muted-foreground/60">.eth</span>
+                  </div>
+                ))}
+              </div>


logic: Alternative name suggestions are clickable but don't have click handlers - this could confuse users

Suggested change

{['hq', 'dao', 'app', 'eth'].map((suffix) => (

<div

key={suffix}

className="group border-border/50 bg-background/50 hover:border-primary/30 hover:bg-primary/5 flex cursor-pointer items-center rounded-md border px-2.5 py-1.5 text-sm transition-colors"

>

<span className="text-foreground group-hover:text-primary font-medium">

{ensName}

{suffix}

</span>

<p className="text-muted-foreground mt-1 text-sm">

Claim it now before someone else does

</p>

<span className="text-muted-foreground/60">.eth</span>

</div>

))}

</div>

{['hq', 'dao', 'app', 'eth'].map((suffix) => (

<div

key={suffix}

className="group border-border/50 bg-background/50 hover:border-primary/30 hover:bg-primary/5 flex items-center rounded-md border px-2.5 py-1.5 text-sm transition-colors"

>

<span className="text-foreground group-hover:text-primary font-medium">

{ensName}

{suffix}

</span>

<span className="text-muted-foreground/60">.eth</span>

</div>

))}

</div>

Prompt To Fix With AI

This is a comment left during a code review. Path: src/components/ens-name-checker/EnsStatus.tsx Line: 187:199 Comment: **logic:** Alternative name suggestions are clickable but don't have click handlers - this could confuse users ```suggestion {['hq', 'dao', 'app', 'eth'].map((suffix) => ( <div key={suffix} className="group border-border/50 bg-background/50 hover:border-primary/30 hover:bg-primary/5 flex items-center rounded-md border px-2.5 py-1.5 text-sm transition-colors" > <span className="text-foreground group-hover:text-primary font-medium"> {ensName} {suffix} </span> <span className="text-muted-foreground/60">.eth</span> </div> ))} </div> ``` How can I resolve this? If you propose a fix, please make it concise.

greptile-apps · 2026-01-17T05:01:31Z

src/app/(public)/components/features-section.tsx

+              <span className="text-primary/80 text-xs font-bold tracking-wider uppercase">
+                Step 0{index + 1}
+              </span>


style: String template Step 0{index + 1} creates Step 01, Step 02 etc - consider using Step ${index + 1} for cleaner numbering

Suggested change

<span className="text-primary/80 text-xs font-bold tracking-wider uppercase">

Step 0{index + 1}

</span>

<span className="text-primary/80 text-xs font-bold tracking-wider uppercase">

Step {index + 1}

</span>

_{Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!}

Prompt To Fix With AI

This is a comment left during a code review. Path: src/app/(public)/components/features-section.tsx Line: 180:182 Comment: **style:** String template `Step 0{index + 1}` creates `Step 01`, `Step 02` etc - consider using `Step ${index + 1}` for cleaner numbering ```suggestion <span className="text-primary/80 text-xs font-bold tracking-wider uppercase"> Step {index + 1} </span> ``` <sub>Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!</sub> How can I resolve this? If you propose a fix, please make it concise.

greptile-apps · 2026-01-17T05:01:32Z

src/components/ai-chat/ai-chat-widget.tsx

+          <p className="text-muted-foreground text-[10px]">
+            {inputValue.length}/1000
+          </p>


logic: Character limit is displayed as 1000 but no validation prevents exceeding this limit

Prompt To Fix With AI

This is a comment left during a code review. Path: src/components/ai-chat/ai-chat-widget.tsx Line: 245:247 Comment: **logic:** Character limit is displayed as 1000 but no validation prevents exceeding this limit How can I resolve this? If you propose a fix, please make it concise.

gertsio added 6 commits January 16, 2026 23:04

polish: enhance visibility of landing page assets and inputs

ae968df

feat: modernize landing page sections

c04e464

feat: refine hero layout and partner logos

8480e10

feat: enrich ENS status feedback

c8df351

feat: refresh AI chat panel UI

2567dc3

fix: suppress root hydration warning

41f3bc0

vercel bot deployed to Preview – startupchain January 17, 2026 04:53 View deployment

greptile-apps bot reviewed Jan 17, 2026

View reviewed changes

HabacucMX mentioned this pull request Jan 26, 2026

Alpha MVP Checkpoint #41

Open

11 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: main page redesign#40

feat: main page redesign#40
gertsio wants to merge 6 commits intomainfrom
main-page-redesign

gertsio commented Jan 17, 2026 •

edited by greptile-apps bot

Loading

Uh oh!

vercel bot commented Jan 17, 2026 •

edited

Loading

Uh oh!

greptile-apps bot left a comment

Uh oh!

greptile-apps bot Jan 17, 2026

Uh oh!

greptile-apps bot Jan 17, 2026

Uh oh!

greptile-apps bot Jan 17, 2026

Uh oh!

greptile-apps bot Jan 17, 2026

Uh oh!

greptile-apps bot Jan 17, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

gertsio commented Jan 17, 2026 • edited by greptile-apps bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Greptile Summary

Important Files Changed

Confidence score: 3/5

Sequence Diagram

Uh oh!

vercel bot commented Jan 17, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

greptile-apps bot left a comment

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Jan 17, 2026

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Jan 17, 2026

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Jan 17, 2026

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Jan 17, 2026

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot Jan 17, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

gertsio commented Jan 17, 2026 •

edited by greptile-apps bot

Loading

vercel bot commented Jan 17, 2026 •

edited

Loading