Skip to content

feat(contact): enhance Contact Us section with modern hero, info cards, and accessible form (#1573) - #1814

Open
Tarulatapriya wants to merge 1 commit into
reframe-oss:mainfrom
Tarulatapriya:feat/enhance-contact-section
Open

Tarulatapriya wants to merge 1 commit into
reframe-oss:mainfrom
Tarulatapriya:feat/enhance-contact-section

Conversation

@Tarulatapriya

Copy link
Copy Markdown
Contributor

Summary of Changes

Closes #1573.

Redesigned and enhanced the /contact section to align with Reframe's modern branding and visual polish while improving accessibility:

  • Hero & Layout: Added a branded hero with clean typography, subtitle, and badge consistent with the rest of the application. Responsive grid collapsing cleanly across mobile, tablet, and desktop.
  • Contact Cards: Added interactive cards for the GitHub Repository, GitHub Discussions, and Direct Inquiries, plus an informational callout highlighting Reframe's privacy-first, client-side processing model.
  • Form & Validation: Expanded the contact form with structured inputs (Name, Email, Topic, optional GitHub/Social handle, Message) with real-time field validation, inline errors, and live feedback banners.
  • Accessibility & SEO: Strict ARIA tags (aria-invalid, aria-describedby, role="status", role="alert"), explicit label associations, and static Next.js metadata export in page.tsx.

Verification

  • npx tsc --noEmit — 0 errors.
  • npx eslint src/app/contact/ — 0 errors.
  • npx next build --webpack — Static export succeeded with 0 errors.

@netlify

netlify Bot commented Oct 18, 2026

Copy link
Copy Markdown

👷 Deploy request for reframe-os pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit b8d8ceb

@github-actions

Copy link
Copy Markdown
Contributor

✅ PR Format Check Passed — @Tarulatapriya

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@github-actions github-actions Bot added level:advanced Advanced level - 55 pts type:design UI/UX design labels Oct 18, 2026
@github-actions

Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @Tarulatapriya!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. ✅ Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

This branch has not been deployed

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

Labels

level:advanced Advanced level - 55 pts type:design UI/UX design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Enhancing contact us section

1 participant