Next.js 16 · Tailwind CSS v4 · TypeScript · App Router

The MIA logo is a multi-layered symbol. Each element encodes a core investment philosophy:

A camera aperture controls precisely what light — and how much — enters the frame. In markets: disciplined, targeted exposure. We open and close our view with intent, not noise.

Inside the aperture, the negative space forms the silhouette of a bull. This signals constructive conviction: a fundamentally bullish belief in markets and human ingenuity, expressed through independent, research-driven positions.

The three triangles simultaneously spell out M, I, and A — and trace the payoff diagram of a straddle options strategy. A straddle profits from large moves in either direction — up or down. This expresses a volatility-aware, asymmetric investment approach: we are structured to benefit from decisive market dislocations, not be crushed by them.

• Primary colour: Gold / Amber (logo mark)
• Background: Deep navy-dark (#080c14) with navy radial gradients
• Logo variants:
  • public/logos/Final.png — stacked mark, dark bg (website hero)
  • public/logos/sideward_navy.png — horizontal, dark bg (navbar)
  • public/logos/final_small.png — small horizontal, dark bg (footer)
  • public/logos/Final_white.png — stacked, white/transparent (reports, light bg)
  • public/logos/sideward_white.png — horizontal, white (light bg)
  • public/logos/final_small_white.png — small, white (light bg)

npm run dev      # start dev server → http://localhost:3000
npm run build    # production build
npm run lint     # ESLint

All site copy and configuration lives in src/content/site.ts.

src/
  app/
    globals.css        # Tailwind v4 theme, dark bg, navy gradients
    layout.tsx         # Fonts: Open Sans + Space Grotesk + Orbitron
    page.tsx
  components/
    Navbar.tsx         # Sticky, blur-on-scroll, intersection-observer nav
    Hero.tsx           # Full-height logo + tagline + CTAs
    About.tsx          # Mission copy + 3 logo-symbol pillars
    Services.tsx       # 3 service cards
    Contact.tsx        # mailto CTA
    Footer.tsx
    ui/                # Button, Container
  content/
    site.ts            # ← edit here to update all copy & config
  lib/
    cn.ts
public/logos/          # All MIA logo variants

The site includes a dedicated Research area under:

• /research (landing)
• /research/ex-ante (Capital Market Assumptions)
• /research/ex-post (Historical Risk & Return)
• /research/methodology (calculation conventions)

• Series registry: src/data/seriesRegistry.json
• Price data (monthly): src/data/prices/*.json
• FX rates: src/data/fxRates.json
• Ex-ante assumptions: src/data/cmaAssumptions.json

1. Add metadata in src/data/seriesRegistry.json.
2. Add monthly price history in src/data/prices/<series_id>.json.
3. Register the new price file in src/lib/data/getPrices.ts.
4. Add optional CMA assumptions in src/data/cmaAssumptions.json.

• Replace JSON-backed access functions:
  • src/lib/data/getSeries.ts
  • src/lib/data/getPrices.ts
• Keep the response contracts unchanged so API/UI layers continue to work:
  • src/types/research.ts
  • src/app/api/research/ex-ante/route.ts
  • src/app/api/research/ex-post/route.ts

• Frequency: monthly by default
• Annualization: geometric return, volatility scaled by sqrt(12)
• Sharpe: rf = 0
• Hedging: hedge ratio reduces FX return exposure linearly; hedge carry cost is set to 0 in MVP