Create "Coming Soon" Page & Placeholder Consolidation

[Benjtalkshow]

Create "Coming Soon" Page & Placeholder Consolidation

Goal

Implement a high-fidelity "Coming Soon" page to handle unimplemented routes and provide a structured features roadmap for users and contributors.

---

Technical Requirements

Route

• app/coming-soon/page.tsx

Shared Component

• Create components/ComingSoon.tsx with a premium design consistent with the Boundless brand

Consolidation

• Centralize all placeholder and missing features to this page to avoid "broken link" UX

Defunct Links (404s) to Route Here

Sidebar

• /me/analytics
• /me/projects/create
• /me/hackathons
• /me/hackathons/submissions
• /me/profile
• /me/notifications

Landing Page

• /submit (Banner link)

Placeholder Pages to Replace with ComingSoon Component

Route	Context
/grants	Landing page
/bounties	Landing page
/contact	Landing page
/organizations/[id]/grants	Organization dashboard
/profile/[username]/projects	Public profile subpage

Roadmap Content

The page must dynamically list the following features as "In Progress":

Feature	Description
Full Grant Flow & Architecture	End-to-end grant application and approval system
Bounty Implementation	Decentralized bounty posting and submission verification
Advanced Analytics Dashboard	Visualized financial data and participation metrics
Verified Project Badging	System for certifying high-quality projects

Engagement

• Integrate a "Notify Me" form that connects to the subscription/waitlist API

---

⚠️ Caution

This is a production environment — not a sandbox.

• Code must be performant, accessible, and clean
• No dummy data — all implementation MUST use real API endpoints and types
• AI-generated code will be scrutinized; poorly structured or "hallucinated" code will result in immediate issue closure
• Follow the existing design system: shadcn/ui, Tailwind, Framer Motion

---

Testing & Verification

Automated Tests

npm run lint    # Ensure code quality
npm run build   # Verify no breaking changes in routing or types

Manual Verification

• Confirm all defunct sidebar links (/me/analytics, /me/projects/create, /me/hackathons, /me/hackathons/submissions, /me/profile, /me/notifications) correctly redirect to the Coming Soon page
• Confirm the /submit banner link on the landing page routes to the Coming Soon page
• Confirm all placeholder pages (/grants, /bounties, /contact, /organizations/[id]/grants, /profile/[username]/projects) render the ComingSoon component
• Test the "Notify Me" form — ensure it triggers the correct subscription/waitlist API call
• Verify no broken links or 404s remain for the routes listed above
• Provide screenshot or video evidence

You can take this as a reference

https://contribute.grantfox.xyz/coming-soon

[linear]

BOU-104

[coderabbitai]

🔗 Related PRs

#376 - Fix hackathon [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[Joaco2603]

Hi, I’m Joaquin. I have a strong background in UI/UX and 3 years of experience working with React and Next.js, building responsive and accessible interfaces aligned with design systems.

I can implement the high-fidelity Coming Soon page and consolidate placeholder routes into a centralized, reusable component. The implementation will follow the existing shadcn/ui, Tailwind, and Framer Motion patterns, ensure accessibility and performance, and integrate the “Notify Me” form with the waitlist API.

Before starting, could you confirm whether there is a high-fidelity Figma design or brand guidelines available for the Boundless style? If not, I can proceed using the current design system to maintain visual consistency.

[Shadow-MMN]

Hi, I’d like to work on this issue.

I’ll implement a dedicated app/coming-soon/page.tsx and create a reusable components/ComingSoon.tsx aligned with the existing design system.

Centralize all placeholder and unimplemented routes to this page to prevent broken-link UX.

Redirect the listed sidebar and landing routes to /coming-soon.

Ensure the component is polished, accessible, and consistent with the Boundless brand.

I’ll verify routing integrity with npm run lint and npm run build before submitting the PR.

[Agbeleshe]

Hello, I’d like to work on this issue.

I am a frontend developer experienced with Next.js App Router architectures and building production-ready placeholder and fallback flows that prevent broken navigation states in large applications. I’ve implemented centralized “Coming Soon” and feature-roadmap patterns in repositories managed on GitHub, with strong focus on reusable component composition, semantic routing structure, and clean integration with existing design systems. I also have solid experience working with dark-theme UI, accessibility standards (focus states, semantic headings, keyboard navigation), and animation-driven layouts using modern component stacks.

For this task, I will implement the app/coming-soon/page.tsx route and create a reusable components/ComingSoon.tsx component aligned with the Boundless design system, leveraging existing primitives and motion patterns consistent with Vercel’s Next.js ecosystem and animation tooling from Framer. I will consolidate all placeholder and defunct routes to this centralized experience, ensuring proper routing behavior (no residual 404s), responsive layout consistency, and clean API integration for the “Notify Me” waitlist form using real endpoints and typed data flows. I will also validate lint/build integrity, verify sidebar and landing redirects, and keep the component extensible for future roadmap updates without introducing duplicated placeholder logic.

[Sandijigs]

hi My name is Sandra.
I have reviewed the issue and understand what needs to be done
I am a fullstack software/ Blockchain Engineer with over 6years of experience web2 experience(Fullstack) and 2 year web3 experience (JavaScript,TypeScript, Rust ,Python, Soroban,Solidity,(Backend, frontend, Mobile and smart contracts) ). I have contributed to several projects in the stellar ecosystem. . please Assign this Issue to me

[JayWebtech]

Hello, my name is Jethro. I am a full-stack/blockchain developer with 7 years of experience building solution-oriented products.

I am also an expert in building dApps

I can confidently handle this issue.
Here is my portfolio and projects I have handled:

https://ecohotels.com
https://runescard.com
https://usepaystrata.com
https://tafscrapper.com
https://www.usememora.xyz
https://escrowlink.vercel.app
https://reciept-animation.vercel.app

[jahrulezfrancis]

I'll create a premium ComingSoon component that matches the Boundless brand, implement it at /coming-soon/page.tsx, and redirect all defunct sidebar links (/me/analytics, /me/projects/create, etc.) and the /submit banner link to this page. This will eliminate broken links and provide a clean, structured features roadmap for users.

ETA: ~6 hours.

[DiegoERS]

Hello, I'm interested in working on this issue! a Full-Stack Software Engineer. Experienced in Java, TypeScript, JavaScript, C#, and Python, with hands-on work across React, Angular, Vue, NestJS, Node.js, and .NET Core. Comfortable with both SQL (MySQL, MSSQL) and NoSQL (MongoDB) databases, and familiar with cloud platforms like AWS and Azure. I can contribute to areas involving backend APIs, frontend interfaces, database design, or system architecture, and I'm currently deepening my knowledge in cybersecurity and cloud technologies.