Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Vultbuxe SME Investments — Coming Soon</title>
  <meta name="description" content="Vultbuxe is investing in thriving 'boring businesses' and partnering with co-investors to acquire and grow cash-flowing SMEs. Join the waitlist." />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=PT+Serif:wght@400;700&display=swap" rel="stylesheet" />
  <style>
    :root{
      --bg1:#0b0f2a; --bg2:#0a133a;
      --brand:#6B5CFF; --cyan:#00D1FF;
      --text:#fff; --sub:#cfd6ea; --muted:rgba(255,255,255,.6);
      --glass:rgba(255,255,255,.06); --border:rgba(255,255,255,.16);
      --ok:#50e3a4; --warn:#ffd166;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; color:var(--text); font-family:'PT Serif',serif;
      background:
        radial-gradient(1200px 600px at 10% -20%, rgba(107,92,255,.18), transparent 60%),
        radial-gradient(1000px 600px at 100% 0%, rgba(0,209,255,.14), transparent 60%),
        linear-gradient(180deg, var(--bg1), var(--bg2) 60%, #060915 100%);
    }
    .wrap{max-width:1100px; margin:0 auto; padding:clamp(18px,4vw,28px)}
    header.hero{ text-align:center; padding:clamp(36px,8vw,90px) 0 0 }
    .badge{
      display:inline-grid; grid-auto-flow:column; gap:8px; place-items:center;
      padding:8px 12px; border-radius:999px; background:var(--glass); border:1px solid var(--border);
      font-family:'Poppins',system-ui,sans-serif; font-weight:600; font-size:12px; opacity:.95
    }
    .hero h1{
      margin:16px auto 10px; max-width:940px;
      font-family:'Poppins',system-ui,sans-serif; font-weight:500;
      font-size:clamp(32px,6vw,56px); line-height:1.06; letter-spacing:-.02em;
      background:linear-gradient(90deg,var(--brand),var(--cyan));
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    }
    .hero p.sub{
      margin:0 auto; max-width:900px; color:var(--sub);
      font-size:clamp(14px,2.2vw,18px); line-height:1.7;
    }

    .countdown{
      margin:clamp(18px,4vw,28px) auto; display:flex; justify-content:center; flex-wrap:wrap; gap:12px;
    }
    .tile{
      min-width:110px; padding:14px 16px; border-radius:16px;
      background:var(--glass); border:1px solid var(--border);
      text-align:center; box-shadow:0 10px 26px rgba(0,0,0,.25);
    }
    .tile .num{ font-family:'Poppins',system-ui,sans-serif; font-weight:600; font-size:clamp(22px,4vw,34px) }
    .tile .lbl{ margin-top:4px; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--muted) }

    .cards{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:clamp(18px,4vw,30px) auto; max-width:980px }
    @media (max-width:860px){ .cards{ grid-template-columns:1fr } }
    .card{
      padding:clamp(16px,3vw,22px); border-radius:18px; background:var(--glass); border:1px solid var(--border);
      box-shadow:0 10px 26px rgba(0,0,0,.25);
    }
    .card h3{
      margin:0 0 8px; font-family:'Poppins',system-ui,sans-serif; font-weight:600; font-size:20px
    }
    .card p{ margin:0; color:var(--sub); font-size:14.5px; line-height:1.7 }
    .card .hint{ margin-top:8px; color:var(--muted); font-size:12.5px }

    form.grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px }
    @media (max-width:620px){ form.grid{ grid-template-columns:1fr } }
    input,select,button{ font-family:'Poppins',system-ui,sans-serif; font-size:14px }
    input,select{
      width:100%; padding:14px; border-radius:12px; color:#000; /* black while typing */
      background:rgba(255,255,255,.04); border:1px solid var(--border); outline:none
    }
    button.cta{
      padding:14px 18px; border-radius:12px; border:1px solid rgba(255,255,255,.22);
      background:linear-gradient(90deg,var(--brand),var(--cyan)); color:#0b0f1a; font-weight:700; cursor:pointer;
grid-column: 1 / -1;   /* make the button span full width of the grid */
  justify-self: center;  /* center it horizontally */
  width: auto; 
    }
    .ok{ color:var(--ok); font-weight:600 }
    .warn{ color:var(--warn) }

    .props{ max-width:980px; margin:clamp(18px,4vw,28px) auto 0; display:grid; gap:12px; grid-template-columns:repeat(3,1fr) }
    @media (max-width:900px){ .props{ grid-template-columns:1fr 1fr } }
    @media (max-width:580px){ .props{ grid-template-columns:1fr } }
    .prop{ padding:16px; border-radius:16px; background:var(--glass); border:1px solid var(--border) }
    .prop h4{ margin:0 0 6px; font-family:'Poppins',system-ui,sans-serif; font-weight:600; font-size:15px }
    .prop p{ margin:0; color:var(--sub); font-size:14.5px; line-height:1.7 }
  </style>
</head>
<body>
  <div class="wrap">
    <header class="hero">
      <span class="badge">Buy & Build • “Boring Businesses” • Coming Soon</span>
      <h1>Vultbuxe is investing in thriving, cash-flowing SMEs — and partnering with co-investors to buy “boring businesses.”</h1>
      <p class="sub">We focus on durable, operator-led companies with steady demand and sensible leverage. If you own a strong business and want to explore a sale/partner-buyout — or you’re an investor who wants to co-invest alongside us — join the list below.</p>

      <div id="countdown" class="countdown" aria-live="polite">
        <div class="tile"><div class="num" data-k="days">–</div><div class="lbl">Days</div></div>
        <div class="tile"><div class="num" data-k="hours">–</div><div class="lbl">Hours</div></div>
        <div class="tile"><div class="num" data-k="mins">–</div><div class="lbl">Minutes</div></div>
        <div class="tile"><div class="num" data-k="secs">–</div><div class="lbl">Seconds</div></div>
      </div>
    </header>

    <section class="cards">
      
      <article class="card" role="region" aria-labelledby="sell-title">
        <h3 id="sell-title">I own a thriving SME (let’s talk)</h3>
        <p>We’re exploring full acquisitions and flexible structures (majority buyout with owner roll-over, or staged transitions). Confidential, straightforward, and aligned.</p>
        <form id="ownerForm" class="grid" novalidate>
          <input type="text" id="o_name" placeholder="Your name" autocomplete="name" />
          <input type="email" id="o_email" placeholder="you@company.com" autocomplete="email" required />
          <input type="text" id="o_company" placeholder="Company name" />
          
          <input type="text" id="o_city" placeholder="City / Province" />
          <button class="cta" type="submit">Share my business privately</button>
        </form>
        <div id="o_hint" class="hint">We’ll only use this to contact you about a confidential conversation.</div>
      </article>

      
      <article class="card" role="region" aria-labelledby="inv-title">
        <h3 id="inv-title">I’m an investor (co-invest with Vultbuxe)</h3>
        <p>Join our private list to see qualified deals with standardized diligence. We prioritize cash-flow strength, DSCR discipline, and operator quality.</p>
        <form id="invForm" class="grid" novalidate>
          <input type="text" id="i_name" placeholder="Your name" autocomplete="name" />
          <input type="email" id="i_email" placeholder="you@fund.com" autocomplete="email" required />
          
          <input type="text" id="i_city" placeholder="City / Country" />
          <button class="cta" type="submit">Join co-investor list</button>
        </form>
        <div id="i_hint" class="hint">You’ll receive occasional updates on qualified opportunities (no spam).</div>
      </article>
    </section>

    <section class="props" aria-label="Why partner with Vultbuxe">
      <article class="prop">
        <h4>Real cash flow, not hype</h4>
        <p>We target durable businesses with stable demand and clear unit economics.</p>
      </article>
      <article class="prop">
        <h4>Aligned structures</h4>
        <p>Transparent terms, pragmatic leverage, and owner-friendly transitions.</p>
      </article>
      <article class="prop">
        <h4>Diligence you can verify</h4>
        <p>Standardized data rooms, bank-verified statements, and scenario testing.</p>
      </article>
    </section>
  </div>

  <script>
    const EMAIL_OWNER = "info@vultbuxe.com";
    const EMAIL_INV   = "info@vultbuxe.com";

    const validEmail = (v)=> /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test((v||"").trim());
    const mailto = (to, subject, body) =>
      window.open(`mailto:${encodeURIComponent(to)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`, '_blank');

    // --- Unix-based countdown: keep same structure/tiles ---
    (function initCountdown(){
      const root = document.getElementById('countdown');
      if(!root) return;
      const $ = (k)=> root.querySelector(`[data-k="${k}"]`);
      const fmt = (n)=> String(Math.max(0,n)).padStart(2,'0');

      // Set your fixed UTC target here:
      const LAUNCH_UNIX = Math.floor(Date.UTC(2026, 0, 1, 0, 0, 0) / 1000); // 2026-01-01 00:00:00 UTC

      function tick(){
        const nowUnix = Math.floor(Date.now() / 1000);
        let diff = Math.max(0, LAUNCH_UNIX - nowUnix);

        const d = Math.floor(diff / 86400); diff -= d * 86400;
        const h = Math.floor(diff / 3600);  diff -= h * 3600;
        const m = Math.floor(diff / 60);    diff -= m * 60;
        const s = diff;

        $('days').textContent  = d;
        $('hours').textContent = fmt(h);
        $('mins').textContent  = fmt(m);
        $('secs').textContent  = fmt(s);
      }

      tick();
      setInterval(tick, 1000);
    })();

    (function ownerForm(){
      const form = document.getElementById('ownerForm');
      const hint = document.getElementById('o_hint');
      if(!form) return;

      form.addEventListener('submit', (e)=>{
        e.preventDefault();
        const name    = document.getElementById('o_name').value || '';
        const email   = document.getElementById('o_email').value || '';
        const company = document.getElementById('o_company').value || '';
     
        const city    = document.getElementById('o_city').value || '';

        if(!validEmail(email)){
          hint.innerHTML = '<span class="warn">Please enter a valid email.</span>';
          return;
        }

        const key = 'vultbuxe_owner_leads';
        const entries = JSON.parse(localStorage.getItem(key) || '[]');
        entries.push({name,email,company, city,ts:Date.now()});
        localStorage.setItem(key, JSON.stringify(entries));

        const subject = 'Owner Inquiry — SME (Confidential)';
        const body = `Please contact me about a potential sale/partner-buyout.

Name: ${name||'-'}
Email: ${email}
Company: ${company||'-'}

Location: ${city||'-'}

(Submitted from Vultbuxe SME Investments coming-soon page)`;
        mailto(EMAIL_OWNER, subject, body);
        form.reset();
        hint.innerHTML = '<span class="ok">Thanks — we’ll reach out confidentially.</span>';
      });
    })();

    (function investorForm(){
      const form = document.getElementById('invForm');
      const hint = document.getElementById('i_hint');
      if(!form) return;

      form.addEventListener('submit', (e)=>{
        e.preventDefault();
        const name   = document.getElementById('i_name').value || '';
        const email  = document.getElementById('i_email').value || '';
       
        const city   = document.getElementById('i_city').value || '';

        if(!validEmail(email)){
          hint.innerHTML = '<span class="warn">Please enter a valid email.</span>';
          return;
        }

        const key = 'vultbuxe_investor_leads';
        const entries = JSON.parse(localStorage.getItem(key) || '[]');
        entries.push({name,email, city,ts:Date.now()});
        localStorage.setItem(key, JSON.stringify(entries));

        const subject = 'Co-Investor — SME Buyouts';
        const body = `Please add me to the private co-investor list.

Name: ${name||'-'}
Email: ${email}


Location: ${city||'-'}

(Submitted from Vultbuxe SME Investments coming-soon page)`;
        mailto(EMAIL_INV, subject, body);
        form.reset();
        hint.innerHTML = '<span class="ok">Great — you’re on the list.</span>';
      });
    })();

    document.getElementById('yr') && (document.getElementById('yr').textContent = new Date().getFullYear());
  </script>
</body>
</html>