Skip to content

Implement responsive landing page and restructure explorer - #34

Merged
priscaenoch merged 1 commit into
octraban:mainfrom
jrcity:feat/landing-page-implementation
Jul 29, 2026
Merged

Implement responsive landing page and restructure explorer#34
priscaenoch merged 1 commit into
octraban:mainfrom
jrcity:feat/landing-page-implementation

Conversation

@jrcity

@jrcity jrcity commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

This PR introduces a dedicated, responsive landing page for the Octraban Frontend and formally separates the core explorer functionality into its own route.

Changes Included

  • Routing Overhaul: The existing root Home.tsx has been renamed to Explorer.tsx and moved to /explorer. The application root (/) now serves the new Landing.tsx component.
  • New Landing Page: Created a responsive, visually engaging landing page (/) featuring:
    • A bold hero section ("Stellar Indexer for Soroban") with a primary call-to-action to enter the explorer.
    • A responsive 3-column features grid highlighting real-time events, sub-invocations, and network analysis.
    • A live testnet section listing 3 notable verified testnet smart contracts with exact stellar.expert links.
    • A stylized footer with repository links and setup guidance.
  • Navigation Update: The global Nav.tsx now prominently features an "Explorer" link to clearly direct users.
  • Unit Testing:
    • Added full test coverage for the new Landing component in test/Landing.test.tsx verifying tagline rendering, correct CTA routing, and correct Stellar Expert href links.
    • Renamed test/Home.test.tsx to test/Explorer.test.tsx to maintain parity.
  • Test Suite Stabilisation:
    • Fixed pre-existing timeout issues in test/BackendStatusBanner.test.tsx that were stalling due to incorrect Node AbortSignal and fake timer interactions.
    • Fixed test/EventPage.test.tsx failure by correctly asserting against null instead of undefined API responses to align with React Query v5 default behavior.
  • Code Quality: Formatted and linted the entire codebase using standard npm run format:fix and npm run lint:fix.

Motivation

Providing an introductory landing page gives new users immediate context about what Octraban is and what it does before throwing them into a wall of technical data. Separating the explorer into its own route provides a cleaner structure as the app grows.

Verification

  • npm test passes successfully.
  • npm run build succeeds cleanly.
  • npm run lint passes successfully.

Closes #6

- Move existing explorer functionality to `/explorer`
- Create new responsive landing page at root (`/`) featuring a hero, features grid, and live testnet contract links
- Update navigation and routing for the new application structure
- Add unit tests for the new landing page
- Fix pre-existing test timeouts in BackendStatusBanner by removing fake timers that stalled React Query
- Fix EventPage test asserting against undefined instead of null
- Run format and lint fixes across the codebase
@vercel

vercel Bot commented Jul 28, 2026

Copy link
Copy Markdown

@jrcity is attempting to deploy a commit to the Prisca's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Jul 29, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
octraban Ready Ready Preview, Comment Jul 29, 2026 7:42am

@priscaenoch
priscaenoch merged commit 69bd06e into octraban:main Jul 29, 2026
3 checks passed
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.

Add a public landing page describing Octraban and its live testnet deployment

2 participants