rena-site.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rena Shah – Bitcoin DeFi Investor & Operator</title>
<meta name="description" content="Rena Shah is President & COO of the Stacks Endowment, investing in Bitcoin DeFi. Former COO of Trust Machines and Head of Exchange at Binance.US.">
<meta name="keywords" content="Rena Shah, Bitcoin DeFi, Stacks Endowment, Trust Machines, Binance US, Bitcoin Layer 2, crypto operator">
<meta name="author" content="Rena Shah">
<meta name="robots" content="index, follow">

<!-- Open Graph (LinkedIn, Facebook, iMessage previews) -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.renashah.com">
<meta property="og:title" content="Rena Shah – Bitcoin DeFi Investor & Operator">
<meta property="og:description" content="President & COO of the Stacks Endowment. Former Binance.US exchange builder. Bitcoin DeFi investor writing about DeFi, Layer 2s, and stablecoins.">
<meta property="og:image" content="https://cdn.prod.website-files.com/69a35418bad53219bb664a92/69a3548d33dd21f5b1f9290a_IMG_8237.PNG">

<!-- Twitter / X Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@renapshah">
<meta name="twitter:creator" content="@renapshah">
<meta name="twitter:title" content="Rena Shah – Bitcoin DeFi Investor & Operator">
<meta name="twitter:description" content="President & COO of the Stacks Endowment. Former Binance.US exchange builder. Bitcoin DeFi investor.">
<meta name="twitter:image" content="https://cdn.prod.website-files.com/69a35418bad53219bb664a92/69a3548d33dd21f5b1f9290a_IMG_8237.PNG">

<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='18' fill='%230a0a0f'/><text y='.9em' font-size='72' x='50%' text-anchor='middle' font-family='Arial Black,sans-serif' fill='%23f7931a'>R</text></svg>">
<link rel="apple-touch-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='18' fill='%230a0a0f'/><text y='.9em' font-size='72' x='50%' text-anchor='middle' font-family='Arial Black,sans-serif' fill='%23f7931a'>R</text></svg>">
<meta name="theme-color" content="#f7931a">
<style>
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --bg: #0a0a0f;
    --surface: #111118;
    --border: #1e1e2e;
    --accent: #f7931a;
    --accent2: #6c63ff;
    --text: #e8e8f0;
    --muted: #8888aa;
  }

  body {
    font-family: 'Inter', sans-serif;
    background: var(--bg);
    color: var(--text);
    min-height: 100vh;
    line-height: 1.6;
  }

  /* NAV */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.2rem 2.5rem;
    background: rgba(10,10,15,0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
  }
  .logo { font-size: 1rem; font-weight: 600; letter-spacing: 0.04em; color: var(--accent); }
  .nav-links { display: flex; gap: 2rem; }
  .nav-links a { color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: color .2s; }
  .nav-links a:hover { color: var(--text); }
  .nav-email {
    display: inline-flex; align-items: center; gap: 0.4rem;
    font-size: 0.8rem; color: var(--accent); text-decoration: none;
    border: 1px solid rgba(247,147,26,0.35); border-radius: 20px;
    padding: 0.3rem 0.85rem; transition: all .2s;
  }
  .nav-email:hover { background: rgba(247,147,26,0.1); }

  /* HERO */
  .hero {
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    padding: 8rem 2rem 4rem;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse 60% 50% at 70% 40%, rgba(247,147,26,0.08), transparent),
                radial-gradient(ellipse 50% 60% at 20% 70%, rgba(108,99,255,0.06), transparent);
    pointer-events: none;
  }
  .hero-inner { max-width: 900px; width: 100%; display: flex; align-items: center; gap: 4rem; }
  .hero-text { flex: 1; }
  .hero-photo {
    flex-shrink: 0; width: 260px; height: 320px;
    border-radius: 16px; overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: 0 0 60px rgba(247,147,26,0.12);
    position: relative;
  }
  .hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
  .hero-photo::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(10,10,15,0.3), transparent 60%);
  }
  @media (max-width: 640px) {
    .hero-inner { flex-direction: column-reverse; gap: 2rem; }
    .hero-photo { width: 160px; height: 200px; }
  }
  .eyebrow {
    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em;
    color: var(--accent); text-transform: uppercase; margin-bottom: 1.2rem;
    display: flex; align-items: center; gap: 0.6rem;
  }
  .eyebrow::before { content: ''; display: block; width: 24px; height: 1px; background: var(--accent); }
  h1 { font-size: clamp(2.8rem, 6vw, 4.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1.5rem; }
  h1 span { color: var(--accent); }
  .tagline { font-size: 1.1rem; color: var(--muted); max-width: 560px; margin-bottom: 2.5rem; }
  .cta-group { display: flex; gap: 1rem; flex-wrap: wrap; }
  .btn {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.75rem 1.5rem; border-radius: 6px;
    font-size: 0.9rem; font-weight: 500; text-decoration: none;
    transition: all .2s;
  }
  .btn-primary { background: var(--accent); color: #000; }
  .btn-primary:hover { background: #e8851a; transform: translateY(-1px); }
  .btn-ghost { border: 1px solid var(--border); color: var(--text); }
  .btn-ghost:hover { border-color: var(--accent); color: var(--accent); }

  /* SECTIONS */
  section { padding: 5rem 2rem; }
  .section-inner { max-width: 800px; margin: 0 auto; }
  .section-label {
    font-size: 0.7rem; font-weight: 700; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--accent); margin-bottom: 1rem;
  }
  h2 { font-size: 1.8rem; font-weight: 700; margin-bottom: 2rem; }
  .divider { border: none; border-top: 1px solid var(--border); margin: 0; }

  /* BIO */
  .bio-text { font-size: 1rem; color: var(--muted); line-height: 1.9; }
  .bio-text strong { color: var(--text); font-weight: 600; }

  /* CONNECT CARDS */
  .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
  .card {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 10px; padding: 1.5rem;
    text-decoration: none; color: var(--text);
    transition: all .25s;
    display: flex; flex-direction: column; gap: 0.6rem;
  }
  .card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(247,147,26,0.08); }
  .card-icon { font-size: 1.4rem; }
  .card-title { font-size: 0.95rem; font-weight: 600; }
  .card-sub { font-size: 0.78rem; color: var(--muted); }

  /* LOGO BAR */
  .logo-bar {
    padding: 2.5rem 2rem;
    background: var(--surface);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  .logo-bar-inner { max-width: 800px; margin: 0 auto; }
  .logo-bar-label {
    text-align: center; font-size: 0.65rem; font-weight: 700;
    letter-spacing: 0.2em; text-transform: uppercase;
    color: var(--muted); margin-bottom: 1.8rem;
  }
  .logo-bar-logos {
    display: flex; align-items: center; justify-content: center;
    flex-wrap: wrap; gap: 2rem 3rem;
  }
  .logo-pill {
    font-size: 0.85rem; font-weight: 700; letter-spacing: 0.04em;
    color: var(--muted); opacity: 0.6; transition: opacity .2s;
    text-decoration: none; white-space: nowrap;
  }
  .logo-pill:hover { opacity: 1; color: var(--text); }
  .logo-pill span { color: var(--accent); }

  /* MEDIA */
  .media-list { display: flex; flex-direction: column; gap: 0.8rem; }
  .media-item {
    display: flex; align-items: flex-start; gap: 1rem;
    padding: 1rem 1.2rem; background: var(--surface);
    border: 1px solid var(--border); border-radius: 8px;
    text-decoration: none; color: var(--text);
    transition: all .2s;
  }
  .media-item:hover { border-color: var(--accent); }
  .media-tag {
    font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em;
    text-transform: uppercase; color: var(--accent);
    background: rgba(247,147,26,0.1); padding: 0.2rem 0.5rem;
    border-radius: 4px; white-space: nowrap; margin-top: 2px;
  }
  .media-title { font-size: 0.9rem; line-height: 1.4; }
  .media-pub { font-size: 0.78rem; color: var(--muted); margin-top: 0.2rem; }

  /* FOOTER */
  footer {
    border-top: 1px solid var(--border);
    padding: 2rem; text-align: center;
    font-size: 0.8rem; color: var(--muted);
  }
  footer a { color: var(--accent); text-decoration: none; }
</style>
</head>
<body>

<nav>
  <div class="logo">Rena Shah</div>
  <div class="nav-links">
    <a href="#about">About</a>
    <a href="#connect">Connect</a>
    <a href="#media">Media</a>
    <a href="https://www.casitahq.com" target="_blank">Work With Me</a>

  </div>
</nav>

<section class="hero">
  <div class="hero-inner">
    <div class="hero-text">
      <div class="eyebrow">President & COO · Stacks Endowment</div>
      <h1>Rena Shah</h1>
      <p class="tagline">Bitcoin DeFi investor. Former Binance.US exchange builder. Ex-drilling engineer turned crypto native.</p>
      <div class="cta-group">
        <a class="btn btn-primary" href="https://www.casitahq.com" target="_blank">Work With Me ↗</a>
        <a class="btn btn-ghost" href="#about">Read My Story</a>
      </div>
    </div>
    <div class="hero-photo">
      <img src="rena.png" alt="Rena Shah">
    </div>
  </div>
</section>

<hr class="divider">

<!-- LOGO BAR -->
<div class="logo-bar">
  <div class="logo-bar-inner">
    <div class="logo-bar-label">As seen in & associated with</div>
    <div class="logo-bar-logos">
      <a class="logo-pill" href="https://www.bloomberg.com" target="_blank">Bloomberg</a>
      <a class="logo-pill" href="https://www.coindesk.com/author/rena-shah" target="_blank"><span>Coin</span>Desk</a>
      <a class="logo-pill" href="https://blockworks.co/news/rena-shah-bitcoin-is-her-new-oil" target="_blank">Blockworks</a>
      <span class="logo-pill">Binance<span>.US</span></span>
      <span class="logo-pill">Trust Machines</span>
      <span class="logo-pill">Stacks<span> Endowment</span></span>
    </div>
  </div>
</div>

<hr class="divider">

<section id="about">
  <div class="section-inner">
    <div class="section-label">About</div>
    <h2>Bio</h2>
    <p class="bio-text">
      Rena Shah is the <strong>President & COO of the Stacks Endowment</strong>, the long-term treasury for the Stacks Ecosystem, where she invests in <strong>Bitcoin DeFi</strong>. She previously was COO of <strong>Trust Machines</strong>, a Bitcoin product studio, where she contributed to <strong>Granite</strong> (Bitcoin Lending Protocol) and <strong>Leather</strong> (Bitcoin Wallet).
      <br><br>
      Prior to that, Rena was <strong>Head of Exchange at Binance.US</strong>, where she grew the exchange from <strong>$30M to $3B in daily trading volume</strong> within 18 months.
      <br><br>
      Rena has a distinctive background spanning commodities and energy — she began her career as a <strong>drilling engineer working offshore on drilling rigs</strong>, while simultaneously spinning up Bitcoin mining pools. She frequently contributes to crypto media, writing about <strong>DeFi</strong>, <strong>Layer 2s</strong>, and <strong>stablecoins</strong>.
    </p>
  </div>
</section>

<hr class="divider">

<section id="connect">
  <div class="section-inner">
    <div class="section-label">Connect</div>
    <h2>Find Me Online</h2>
    <div class="cards">
      <a class="card" href="https://www.x.com/renapshah" target="_blank">
        <div class="card-icon">𝕏</div>
        <div class="card-title">Twitter / X</div>
        <div class="card-sub">@renapshah</div>
      </a>
      <a class="card" href="https://www.linkedin.com/renapeteshah" target="_blank">
        <div class="card-icon">in</div>
        <div class="card-title">LinkedIn</div>
        <div class="card-sub">Rena Pete Shah</div>
      </a>
      <a class="card" href="https://www.casitahq.com" target="_blank">
        <div class="card-icon">🤝</div>
        <div class="card-title">Work With Me</div>
        <div class="card-sub">casitahq.com</div>
      </a>
      <a class="card" href="mailto:rena@casitahq.com">
        <div class="card-icon">✉️</div>
        <div class="card-title">Email Me</div>
        <div class="card-sub">rena@casitahq.com</div>
      </a>
    </div>
  </div>
</section>

<hr class="divider">

<section id="media">
  <div class="section-inner">
    <div class="section-label">Media</div>
    <h2>Writing & Interviews</h2>
    <div class="media-list">
      <a class="media-item" href="https://www.coindesk.com/author/rena-shah" target="_blank">
        <span class="media-tag">Writing</span>
        <div>
          <div class="media-title">CoinDesk Author Page</div>
          <div class="media-pub">CoinDesk</div>
        </div>
      </a>
      <a class="media-item" href="https://www.coindesk.com/opinion/2024/11/01/bitcoin-at-16-getting-its-drivers-license-and-entering-a-new-era" target="_blank">
        <span class="media-tag">Op-Ed</span>
        <div>
          <div class="media-title">Bitcoin at 16: Getting Its Driver's License and Entering a New Era</div>
          <div class="media-pub">CoinDesk · Nov 2024</div>
        </div>
      </a>
      <a class="media-item" href="https://blockworks.co/news/rena-shah-bitcoin-is-her-new-oil" target="_blank">
        <span class="media-tag">Feature</span>
        <div>
          <div class="media-title">Bitcoin Is Her New Oil</div>
          <div class="media-pub">Blockworks</div>
        </div>
      </a>
      <a class="media-item" href="https://www.bloomberg.com/news/videos/2024-04-09/all-eyes-on-bitcoin-s-halving-event-video" target="_blank">
        <span class="media-tag">Interview</span>
        <div>
          <div class="media-title">All Eyes on Bitcoin's Halving Event</div>
          <div class="media-pub">Bloomberg · Apr 2024</div>
        </div>
      </a>
      <a class="media-item" href="https://creators.spotify.com/pod/profile/isabelfoxenduke/episodes/Fee-Market-Maximalism--With-Rena-Shah-e31s7ov" target="_blank">
        <span class="media-tag">Podcast</span>
        <div>
          <div class="media-title">Fee Market Maximalism with Rena Shah</div>
          <div class="media-pub">Spotify Podcast</div>
        </div>
      </a>
      <a class="media-item" href="https://www.thinkingcrypto.com/tag/rena-shah/" target="_blank">
        <span class="media-tag">Podcast</span>
        <div>
          <div class="media-title">Thinking Crypto — Rena Shah Episodes</div>
          <div class="media-pub">Thinking Crypto</div>
        </div>
      </a>
    </div>
  </div>
</section>

<footer>
  <p>© 2026 Rena Shah · <a href="https://www.renashah.com">renashah.com</a></p>
</footer>

</body>
</html>