Pages and Features

Pages and Features

All routes live in apps/web/app/. Each page renders the shared Navbar and Footer.

Routes

Route	Purpose
/	Home: hero with video, platform selector, AI trading journal, value proposition, account types, trading platforms, markets, trust metrics, onboarding steps, FAQ and demo call to action
/account-types	Overview and comparison of the account types
/account-types/[slug]	Detail pages for raw, ecn-standard-default and powerup (content in accountDetails inside client-page.tsx)
/platforms	Overview of the supported platforms
/platforms/tradelocker	TradeLocker platform page
/platforms/lock-it-trade	Lock It Trade page
/platforms/ai-trading-journal	AI trading journal page
/markets	Tradable instruments
/partners	Partner programs overview
/partners/ib	Introducing broker program
/partners/affiliate	Affiliate program
/partners/[slug]	Landing page for an individual partner, with bio, YouTube videos and a referral link (data in PARTNERS_DATA)
/demo	Demo account page; the button links to portal registration
/about	About Restro FX
/contact	Contact details, social links and a contact form
/help	Help center with links to guides and support
/support/how-to-deposit-with-debit-cards	Step-by-step card deposit guide
/legal	Index of legal documents
/legal/terms, /legal/privacy, /legal/aml, /legal/risk-disclosure	Legal documents
/login, /register	Redirect straight to portal.restrofx.com/login and /register, with a fallback button

Site-wide components

These are mounted once in app/layout.tsx, so they appear on every page:

• Deposit popup (components/deposit-popup.tsx): an announcement modal about deposit methods that fades in shortly after load and closes with the X button, the backdrop, the "Close Window" link or the Escape key.
• Discord button (components/discord-float.tsx): a floating link to the Restro FX Discord.
• Analytics: Google Tag Manager, Google Analytics 4 and the Meta Pixel, with noscript fallbacks.

The navbar is components/ui/header-3.tsx (wrapped by components/navbar.tsx). It accepts an optional ctaUrl, which partner pages use to point the main call to action at the partner's referral link. The footer holds the platform, account, partner, company and legal links, social links, and the company and risk disclosure text.

Forms

• The contact form keeps its values in React state; its submit handler currently only logs to the browser console and does not send the message anywhere.
• The demo page form collects no data; its button opens portal registration.

Common edits

• Account type copy: edit accountDetails in app/account-types/[slug]/client-page.tsx. A new slug also needs an entry in generateStaticParams() in page.tsx next to it.
• New partner page: add an entry to PARTNERS_DATA in app/partners/[slug]/page.tsx and add the slug to generateStaticParams().
• Images or video: put the file in apps/web/public/ and reference it with withBasePath().
• Legal text: each document is its own page under app/legal/.