[Enhancement] New Pages: Features Overhaul, Company Pages (About, FAQ, Contact), Navbar Dropdown & 404 Page

[Chirag1724]

Overview

The CryptoHub project lacked several key informational and navigational pages expected from a
professional platform. This issue covers:

1. Features Page Overhaul — Chart controls, coin selector moved above chart, professional capabilities grid
2. New Company Pages — About Us, FAQ, Contact Us with the Cosmic Blue Neon theme
3. Navbar Company Dropdown — Hover-based dropdown in desktop nav + accordion in mobile drawer
4. 404 Not Found Page — Professional "Signal Lost" page for invalid routes

Branch to work on: development

---

Scope of Work

1. Features Page — Chart UX & Capabilities Grid

Problem: Coin selector was below the chart, dropdowns had no proper theme styling, no product capabilities section existed.

Fix:

• Move "Elite Index Performance" coin selector above the chart
• Restyle cosmic-select dropdowns with glassmorphism, glow on hover/focus, clean chevron arrow
• Add "Platform Protocol Capabilities" section below the chart with 4 feature cards (Real-Time Intelligence, Institutional Security, Global Data, AI Insights)

Files: src/components/Features.jsx, src/components/Features.css

---

2. Company Pages — About Us, FAQ, Contact Us

Problem: No informational pages existed for users wanting to learn about the platform.

Fix:

• AboutUs.jsx — Vision, stats (500+ Exchanges, 99.9% Uptime), Core Principles grid, tech stack badges
• FAQ.jsx — Sidebar category navigation (General, Data, Security, Billing), glassmorphic Q&A cards, CTA to Contact page
• ContactUs.jsx — Split layout with contact methods (Email, HQ, Phone) + full contact form
• Shared Company.css with vertical grids, ambient orbs, glassmorphism

Files: src/pages/Company/AboutUs.jsx, src/pages/Company/FAQ.jsx, src/pages/Company/ContactUs.jsx, src/pages/Company/Company.css

---

3. Navbar — Company Dropdown

Problem: Company pages were not accessible from the navbar. No dropdown navigation existed.

Fix:

• Desktop: Hover-triggered "Company" dropdown with glassmorphic panel (blue top border, fade-up animation), showing About Us, FAQ, Contact Support
• Mobile: Accordion-style "Company" toggle in the mobile drawer
• Arrow icon rotates on hover for visual feedback

Files: src/components/Navbar.jsx, src/components/Navbar.css

---

4. 404 Not Found Page

Problem: Invalid routes showed a blank white screen / default browser error.

Fix:

• Custom "Signal Lost" 404 page with glowing 404 text, pulsing alert icon, institutional messaging
• "Back to Terminal" CTA button
• Full Cosmic Blue Neon theme (ambient orbs, vertical grids)
• Catch-all * route registered in App.jsx

Files: src/pages/NotFound/NotFound.jsx, src/pages/NotFound/NotFound.css

---

Files Modified / Added

File	Change
src/App.jsx	Added routes for About, FAQ, Contact, NotFound
src/components/Features.jsx	Moved coin selector above chart, added capabilities section
src/components/Features.css	Restyled dropdowns, added grid section CSS
src/components/Navbar.jsx	Added Company dropdown (desktop + mobile)
src/components/Navbar.css	Added dropdown + mobile accordion styles
src/components/Footer.jsx	Removed Company section (moved to Navbar)
src/pages/Company/AboutUs.jsx	New file
src/pages/Company/FAQ.jsx	New file
src/pages/Company/ContactUs.jsx	New file
src/pages/Company/Company.css	New file
src/pages/NotFound/NotFound.jsx	New file
src/pages/NotFound/NotFound.css	New file

---

Screenshot

• After -

---

Acceptance Criteria

• Coin selector appears above the chart on the Features page
• Dropdowns on Features page are styled per Cosmic Blue Neon theme
• /about, /faq, /contact routes render correctly
• "Company" dropdown appears on hover in desktop navbar
• "Company" accordion works in mobile drawer
• Any invalid URL renders the 404 "Signal Lost" page
• All new pages are fully responsive on mobile

@KaranUnique i would love to work on this issue! Please assign this to me.

[Chirag1724]

@KaranUnique Hi! I've already worked on this issue and have the implementation ready locally. I'd really appreciate if you could assign it to me — I can raise the PR immediately once assigned.

Also, today is the last day for ECWOC contributions, so a quick assignment would mean a lot. The work is done, just waiting on your go-ahead! 🙏