Skip to content

Feature/landing hero UI#216

Open
Heet27 wants to merge 12 commits into
mainfrom
feature/landing-hero-ui
Open

Feature/landing hero UI#216
Heet27 wants to merge 12 commits into
mainfrom
feature/landing-hero-ui

Conversation

@Heet27
Copy link
Copy Markdown
Collaborator

@Heet27 Heet27 commented May 7, 2026

This contribution focuses on improving the landing page hero section UI and overall user experience.

The main goal was to make the landing page look more modern, visually balanced, and easier to read while keeping the existing functionality unchanged.

Changes Made

  • Redesigned the hero information cards on the right side of the landing page
  • Improved spacing, alignment, and layout consistency
  • Fixed subtitle text wrapping issues for better readability
  • Added polished hover animations and visual effects
  • Improved visual hierarchy between icons, headings, and descriptions
  • Enhanced overall landing page appearance using cleaner styling and gradients
  • Improved responsiveness for smaller screen sizes

Technical Work

  • Updated HeroSection.tsx
  • Refactored landing page CSS styling
  • Improved card structure using better grid layout
  • Added reusable text container styling for hero cards
  • Enhanced hover transitions and glow effects

Result
The landing page now feels more polished and professional while maintaining the existing AutoAudit branding and functionality. The updated hero cards are cleaner, easier to read, and provide a better first impression for users visiting the platform.

image

Copy link
Copy Markdown

@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 automated review suggestions for this pull request.

Reviewed commit: 0deba4442b

ℹ️ About Codex in GitHub

Codex has been enabled to automatically 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 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

}

setError("Unsupported provider.");
onSubmit(formData);
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Include accepted terms in submit payload

When a user completes the checkbox validation, this now submits the raw formData instead of the SignUpSubmitPayload shape used by SignUpPage, so consumers no longer receive agreeTerms: true even though the panel has verified it. Any signup handler or audit/test path that depends on that flag will see it as missing for every successful form submission.

Useful? React with 👍 / 👎.

className="w-full p-3 rounded-xl bg-[#173454] text-white"
/>

<input
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Restore the organization name field

The signup flow still initializes and types organizationName, but the rendered form now jumps from email straight to password with no control calling onFormChange('organizationName', ...). As a result, every user registering through /signup sends the initial empty organization name even when the UI previously collected it.

Useful? React with 👍 / 👎.

</div>

<p className="signup-text">
<p className="text-center text-blue-100 mt-6 text-sm">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Restore Google signup entry point

The social signup section was removed, so the signup form no longer offers the Google button that previously redirected to /v1/auth/google/authorize and is still covered by the OAuth helper/tests. Users who choose the signup page specifically to register with Google now have no way to start that OAuth flow from this screen.

Useful? React with 👍 / 👎.

@Heet27 Heet27 self-assigned this May 7, 2026
@Heet27 Heet27 closed this May 7, 2026
@Heet27 Heet27 reopened this May 7, 2026
Copy link
Copy Markdown
Collaborator

@liyunze-coding liyunze-coding left a comment

Choose a reason for hiding this comment

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

This seems to be reversing the TailwindCSS migration change, which is counter-productive. If you had made it with TailwindCSS then I'd consider reviewing it

@Heet27 Heet27 removed their assignment May 9, 2026
@Heet27
Copy link
Copy Markdown
Collaborator Author

Heet27 commented May 9, 2026

Hi Ryan, thanks for the feedback. I have now refactored the landing hero section to align more closely with the TailwindCSS migration approach by moving the UI styling into Tailwind utility classes and reducing the additional custom CSS usage. I also cleaned up the implementation and fixed the remaining formatting/linting issues in the PR.

@Heet27 Heet27 requested a review from liyunze-coding May 9, 2026 10:00
Copy link
Copy Markdown
Collaborator

@liyunze-coding liyunze-coding left a comment

Choose a reason for hiding this comment

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

Remove LandingPage.css and use TailwindCSS

Comment thread frontend/src/pages/Landing/LandingPage.css Outdated
@Heet27 Heet27 requested a review from liyunze-coding May 10, 2026 21:42
Copy link
Copy Markdown
Collaborator

@liyunze-coding liyunze-coding left a comment

Choose a reason for hiding this comment

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

LGTM

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.

2 participants