/* global React */
/*
* Shared left icon navigation rail.
*
* Loaded by every page so the rail markup lives in one place instead of being
* copy-pasted per page. Pages under a subdirectory pass base="../" so the
* hash links resolve against the homepage rather than the current page.
*/
const HomeIcon = () => (
);
const DemoIcon = () => (
);
const ReviewIcon = () => (
);
const BentoIcon = () => (
);
const StepsIcon = () => (
);
const KeyIcon = () => (
);
const PricingIcon = () => (
);
const FAQIcon = () => (
);
/*
* `scope` decides which anchors this rail offers, because the sections it used
* to point at moved.
*
* "home" (default) Home, Demo, Products, Manage Key - all of which exist
* on `/`. Every page that passes only `base` gets this, so a rail
* on /store/ or /support/ cannot link to an anchor that is no
* longer on the homepage.
* "product" Features, How It Works, Pricing, FAQ as LOCAL anchors, for the
* product pages that actually carry those sections now.
*
* Before 2026-09-04 there was one list, pointing at #features / #pricing / #faq
* on the homepage. Those sections live on /products/virtue-fx-manager/ now, so
* that list would have been four dead links on nine pages.
*/
const LeftSidebar = ({ activeSection, base = '', scope = 'home' }) => {
const items = scope === 'product'
? [
{ id: 'home', href: `${base}#`, label: 'Home', icon: },
{ id: 'features', href: '#features', label: 'Features', icon: },
{ id: 'how', href: '#how', label: 'How It Works', icon: },
{ id: 'pricing', href: '#pricing', label: 'Pricing Plan', icon: },
{ id: 'faq', href: '#faq', label: 'Common FAQ', icon: },
{ id: 'recovery', href: `${base}support/`, label: 'Manage Key', icon: }
]
: [
{ id: 'home', href: `${base}#`, label: 'Home', icon: },
{ id: 'demo', href: `${base}#demo`, label: 'Demo Video', icon: },
{ id: 'products', href: `${base}#products`, label: 'Products', icon: },
{ id: 'recovery', href: `${base}support/`, label: 'Manage Key', icon: }
];
return (
{/* Brand logo top link */}
{/* Nav icon categories */}