// Shared MYRAVYRA components — particle field, navbar, footer, audio icon,
// ASCII crest, waveform divider, etc. Used across every page mockup.
const ParticleField = ({ density = 60, seed = 1 }) => {
// Deterministic pseudo-random placement so renders are stable.
const rng = (i) => {
const x = Math.sin(i * 9301 + seed * 49297) * 233280;
return x - Math.floor(x);
};
const dots = [];
for (let i = 0; i < density; i++) {
const left = rng(i) * 100;
const top = rng(i + 1000) * 100;
const size = 1 + rng(i + 2000) * 2;
const op = 0.06 + rng(i + 3000) * 0.10;
dots.push(
);
}
return {dots}
;
};
const Navbar = ({ active = 'GATE', hidden = false }) => {
const items = ['GATE', 'DECLARATION', 'REPUBLIC', 'SIGNAL WIRE', 'RESEARCH', 'AI BIBLE', 'TOOLS', 'ABOUT'];
return (
MYRAVYRA
{items.map(it => (
{it}
))}
);
};
const Footer = () => (
DISSOVERSE LLC — SOVEREIGN INTELLIGENCE
);
const AudioIcon = ({ active = false }) => (
{active ? '◉' : '○'}
);
// Compass-rose cursor rendered inline as SVG (the asset spec).
const CursorRose = ({ x, y, size = 22 }) => (
);
// Subtle ember trail behind the cursor — small dots that fade.
const CursorEmbers = ({ x, y, count = 6 }) => {
const embers = [];
for (let i = 0; i < count; i++) {
const t = (i + 1) / count;
const dx = -t * 28 + (Math.sin(i * 1.3) * 6);
const dy = -t * 14 + (Math.cos(i * 1.7) * 4);
embers.push(
);
}
return <>{embers};
};
// Waveform divider (audio drone visualization, used in Declaration)
const WaveformDivider = ({ bars = 60, seed = 7 }) => {
const rng = (i) => {
const x = Math.sin(i * 1287 + seed * 731) * 233280;
return x - Math.floor(x);
};
return (
{Array.from({ length: bars }).map((_, i) => {
const h = 2 + rng(i) * 12;
return
;
})}
{art};
};
// Smaller geometric mark for headers / nav contexts
const SmallMark = ({ size = 28 }) => (
);
Object.assign(window, {
ParticleField, Navbar, Footer, AudioIcon, CursorRose, CursorEmbers,
WaveformDivider, ASCIICrest, SmallMark,
});