Last active
February 6, 2026 16:43
-
-
Save aseba/ed16648cd54a42fb95ed72bb87c5a4d4 to your computer and use it in GitHub Desktop.
FirstMark Portfolio Landing Page - Remotely
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Remotely for FirstMark Portfolio Companies | Scale Your Engineering Team</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --ink: #14151F; | |
| --purple: #5047E2; | |
| --pink: #E14989; | |
| --light: #F7F7F8; | |
| --white: #FFFFFF; | |
| --gray-100: #F3F4F6; | |
| --gray-200: #E5E7EB; | |
| --gray-600: #4B5563; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
| color: var(--ink); | |
| line-height: 1.6; | |
| background: var(--white); | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 24px; | |
| } | |
| /* Header */ | |
| .header { | |
| padding: 16px 0; | |
| border-bottom: 1px solid var(--gray-100); | |
| position: sticky; | |
| top: 0; | |
| background: var(--white); | |
| z-index: 100; | |
| } | |
| .header-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .logo-section { | |
| display: flex; | |
| align-items: center; | |
| gap: 24px; | |
| } | |
| .remotely-logo { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| text-decoration: none; | |
| color: var(--ink); | |
| } | |
| .remotely-logo svg { | |
| width: 32px; | |
| height: 32px; | |
| } | |
| .remotely-logo span { | |
| font-size: 18px; | |
| font-weight: 600; | |
| } | |
| .partner-divider { | |
| width: 1px; | |
| height: 24px; | |
| background: var(--gray-200); | |
| } | |
| .partner-logo { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| } | |
| .partner-logo span { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| /* FirstMark logo SVG inline */ | |
| .firstmark-logo { | |
| height: 20px; | |
| } | |
| .header-cta { | |
| display: flex; | |
| gap: 12px; | |
| } | |
| .btn { | |
| padding: 10px 20px; | |
| border-radius: 8px; | |
| font-weight: 500; | |
| font-size: 14px; | |
| text-decoration: none; | |
| cursor: pointer; | |
| transition: all 0.2s; | |
| border: none; | |
| } | |
| .btn-primary { | |
| background: var(--ink); | |
| color: var(--white); | |
| } | |
| .btn-primary:hover { | |
| background: #2a2b36; | |
| } | |
| .btn-secondary { | |
| background: transparent; | |
| color: var(--ink); | |
| border: 1px solid var(--gray-200); | |
| } | |
| .btn-secondary:hover { | |
| background: var(--light); | |
| } | |
| /* Hero Section */ | |
| .hero { | |
| padding: 80px 0 60px; | |
| } | |
| .hero-content { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .hero-badge { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 8px; | |
| padding: 6px 14px; | |
| background: var(--light); | |
| border-radius: 20px; | |
| font-size: 13px; | |
| font-weight: 500; | |
| color: var(--gray-600); | |
| margin-bottom: 24px; | |
| } | |
| .hero h1 { | |
| font-size: 52px; | |
| font-weight: 700; | |
| line-height: 1.1; | |
| margin-bottom: 20px; | |
| letter-spacing: -0.02em; | |
| } | |
| .hero h1 .highlight { | |
| color: var(--purple); | |
| } | |
| .hero p { | |
| font-size: 18px; | |
| color: var(--gray-600); | |
| margin-bottom: 32px; | |
| max-width: 600px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .hero-ctas { | |
| display: flex; | |
| gap: 12px; | |
| justify-content: center; | |
| margin-bottom: 60px; | |
| } | |
| .hero-ctas .btn { | |
| padding: 14px 28px; | |
| font-size: 15px; | |
| } | |
| /* Company Logos */ | |
| .company-logos { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| gap: 48px; | |
| padding: 32px 0; | |
| border-top: 1px solid var(--gray-100); | |
| } | |
| .company-logos span { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| .company-logos img { | |
| height: 24px; | |
| opacity: 0.6; | |
| filter: grayscale(100%); | |
| } | |
| /* Stats Row */ | |
| .stats-row { | |
| display: flex; | |
| justify-content: center; | |
| gap: 60px; | |
| padding: 40px 0; | |
| background: var(--light); | |
| } | |
| .stat { | |
| text-align: center; | |
| } | |
| .stat-number { | |
| font-size: 42px; | |
| font-weight: 700; | |
| color: var(--ink); | |
| letter-spacing: -0.02em; | |
| } | |
| .stat-label { | |
| font-size: 14px; | |
| color: var(--gray-600); | |
| margin-top: 4px; | |
| } | |
| /* Value Props - Remotely Style */ | |
| .value-props { | |
| padding: 80px 0; | |
| } | |
| .section-header { | |
| text-align: center; | |
| max-width: 600px; | |
| margin: 0 auto 60px; | |
| } | |
| .section-header h2 { | |
| font-size: 36px; | |
| font-weight: 700; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.02em; | |
| } | |
| .section-header p { | |
| font-size: 17px; | |
| color: var(--gray-600); | |
| } | |
| .props-grid { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| gap: 20px; | |
| max-width: 900px; | |
| margin: 0 auto; | |
| } | |
| .prop-item { | |
| display: flex; | |
| gap: 16px; | |
| padding: 24px; | |
| background: var(--white); | |
| border: 1px solid var(--gray-100); | |
| border-radius: 12px; | |
| } | |
| .prop-check { | |
| flex-shrink: 0; | |
| width: 24px; | |
| height: 24px; | |
| background: var(--purple); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-top: 2px; | |
| } | |
| .prop-check svg { | |
| width: 14px; | |
| height: 14px; | |
| stroke: white; | |
| stroke-width: 2.5; | |
| fill: none; | |
| } | |
| .prop-content h3 { | |
| font-size: 16px; | |
| font-weight: 600; | |
| margin-bottom: 6px; | |
| } | |
| .prop-content p { | |
| font-size: 14px; | |
| color: var(--gray-600); | |
| line-height: 1.5; | |
| } | |
| /* Comparison Table - Remotely Style */ | |
| .comparison { | |
| padding: 80px 0; | |
| background: var(--light); | |
| } | |
| .comparison-grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 40px; | |
| max-width: 900px; | |
| margin: 0 auto; | |
| } | |
| .comparison-col h3 { | |
| font-size: 18px; | |
| font-weight: 600; | |
| margin-bottom: 24px; | |
| padding-bottom: 16px; | |
| border-bottom: 2px solid var(--ink); | |
| } | |
| .comparison-col.other h3 { | |
| border-bottom-color: var(--gray-200); | |
| color: var(--gray-600); | |
| } | |
| .comparison-item { | |
| display: flex; | |
| gap: 12px; | |
| margin-bottom: 16px; | |
| font-size: 15px; | |
| } | |
| .comparison-item .icon { | |
| flex-shrink: 0; | |
| font-size: 16px; | |
| } | |
| .comparison-col.remotely .icon { | |
| color: var(--purple); | |
| } | |
| .comparison-col.other .icon { | |
| color: var(--gray-600); | |
| } | |
| /* Testimonials */ | |
| .testimonials { | |
| padding: 80px 0; | |
| } | |
| .testimonials-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 24px; | |
| } | |
| .testimonial-card { | |
| background: var(--white); | |
| border: 1px solid var(--gray-100); | |
| border-radius: 12px; | |
| overflow: hidden; | |
| } | |
| .video-wrapper { | |
| position: relative; | |
| padding-bottom: 177.78%; | |
| background: var(--ink); | |
| } | |
| .video-placeholder { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| background: linear-gradient(135deg, #1a1b26 0%, #2d2e3a 100%); | |
| color: var(--white); | |
| cursor: pointer; | |
| } | |
| .play-btn { | |
| width: 56px; | |
| height: 56px; | |
| background: var(--white); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 12px; | |
| transition: transform 0.2s; | |
| } | |
| .video-placeholder:hover .play-btn { | |
| transform: scale(1.1); | |
| } | |
| .play-btn::after { | |
| content: ''; | |
| width: 0; | |
| height: 0; | |
| border-left: 16px solid var(--ink); | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| margin-left: 3px; | |
| } | |
| .video-placeholder span { | |
| font-size: 13px; | |
| opacity: 0.8; | |
| } | |
| .testimonial-info { | |
| padding: 16px 20px; | |
| } | |
| .testimonial-info h4 { | |
| font-size: 15px; | |
| font-weight: 600; | |
| margin-bottom: 2px; | |
| } | |
| .testimonial-info p { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| /* Quote Section */ | |
| .quote-section { | |
| padding: 80px 0; | |
| background: var(--light); | |
| } | |
| .quote-content { | |
| max-width: 700px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .quote-content blockquote { | |
| font-size: 28px; | |
| font-weight: 500; | |
| line-height: 1.4; | |
| margin-bottom: 24px; | |
| letter-spacing: -0.01em; | |
| } | |
| .quote-author { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| gap: 12px; | |
| } | |
| .quote-author-img { | |
| width: 48px; | |
| height: 48px; | |
| border-radius: 50%; | |
| background: var(--gray-200); | |
| } | |
| .quote-author-info h4 { | |
| font-size: 15px; | |
| font-weight: 600; | |
| } | |
| .quote-author-info p { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| /* Salary Guide */ | |
| .salary-guide { | |
| padding: 80px 0; | |
| background: var(--ink); | |
| color: var(--white); | |
| } | |
| .salary-guide-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| gap: 60px; | |
| } | |
| .salary-guide-text { | |
| max-width: 500px; | |
| } | |
| .salary-guide h2 { | |
| font-size: 32px; | |
| font-weight: 700; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.02em; | |
| } | |
| .salary-guide p { | |
| font-size: 16px; | |
| opacity: 0.8; | |
| margin-bottom: 24px; | |
| } | |
| .salary-guide .btn-primary { | |
| background: var(--white); | |
| color: var(--ink); | |
| } | |
| .guide-features { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 12px; | |
| } | |
| .guide-feature { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| font-size: 14px; | |
| opacity: 0.9; | |
| } | |
| .guide-feature svg { | |
| width: 18px; | |
| height: 18px; | |
| stroke: var(--purple); | |
| stroke-width: 2; | |
| fill: none; | |
| } | |
| /* Final CTA */ | |
| .final-cta { | |
| padding: 100px 0; | |
| text-align: center; | |
| } | |
| .final-cta h2 { | |
| font-size: 40px; | |
| font-weight: 700; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.02em; | |
| } | |
| .final-cta p { | |
| font-size: 17px; | |
| color: var(--gray-600); | |
| margin-bottom: 28px; | |
| max-width: 550px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .final-cta .btn-primary { | |
| padding: 16px 32px; | |
| font-size: 16px; | |
| } | |
| /* Footer */ | |
| .footer { | |
| padding: 32px 0; | |
| border-top: 1px solid var(--gray-100); | |
| text-align: center; | |
| } | |
| .footer p { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| /* Responsive */ | |
| @media (max-width: 768px) { | |
| .hero h1 { font-size: 36px; } | |
| .props-grid, | |
| .comparison-grid, | |
| .testimonials-grid { grid-template-columns: 1fr; } | |
| .company-logos { flex-wrap: wrap; gap: 24px; } | |
| .stats-row { flex-wrap: wrap; gap: 32px; } | |
| .salary-guide-content { flex-direction: column; text-align: center; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Header --> | |
| <header class="header"> | |
| <div class="container"> | |
| <div class="header-content"> | |
| <div class="logo-section"> | |
| <a href="https://remotely.works" class="remotely-logo"> | |
| <svg viewBox="0 0 32 32" fill="none"> | |
| <circle cx="16" cy="16" r="16" fill="#14151F"/> | |
| <path d="M9 23V9h7c3.5 0 6 2.2 6 5.2 0 2.3-1.4 4-3.5 4.6L23 23h-3.5l-4-4H12v4H9zm3-7h4c1.8 0 3-1.2 3-2.3 0-1.2-1.2-2.2-3-2.2h-4v4.5z" fill="#FFFFFF"/> | |
| </svg> | |
| <span>Remotely</span> | |
| </a> | |
| <div class="partner-divider"></div> | |
| <div class="partner-logo"> | |
| <span>Exclusive for</span> | |
| <!-- FirstMark Logo --> | |
| <svg class="firstmark-logo" viewBox="0 0 165 11" fill="none"> | |
| <text x="0" y="9" font-family="Inter, sans-serif" font-size="11" font-weight="600" letter-spacing="0.1em" fill="#14151F">FIRSTMARK</text> | |
| <rect x="130" y="1" width="35" height="8" fill="#F7E547" rx="1"/> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="header-cta"> | |
| <a href="#salary-guide" class="btn btn-secondary">Salary Guide</a> | |
| <a href="#book" class="btn btn-primary">Book a Call</a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero --> | |
| <section class="hero"> | |
| <div class="container"> | |
| <div class="hero-content"> | |
| <div class="hero-badge">Exclusive offer for FirstMark portfolio companies</div> | |
| <h1>Built for growth stage.<br>Stacked with <span class="highlight">top talent</span>.</h1> | |
| <p>Access 8,000+ pre-vetted senior engineers from Latin America. Get matched within 48 hours. Scale your team without the hiring headaches.</p> | |
| <div class="hero-ctas"> | |
| <a href="#book" class="btn btn-primary">Hire Developers</a> | |
| <a href="#salary-guide" class="btn btn-secondary">Download Salary Guide</a> | |
| </div> | |
| </div> | |
| <div class="company-logos"> | |
| <span>Trusted by</span> | |
| <!-- Bluecore Logo --> | |
| <svg height="24" viewBox="0 0 120 24" fill="#14151F"> | |
| <text x="0" y="18" font-family="Inter, sans-serif" font-size="16" font-weight="600">Bluecore</text> | |
| </svg> | |
| <svg height="24" viewBox="0 0 140 24" fill="#14151F"> | |
| <text x="0" y="18" font-family="Inter, sans-serif" font-size="16" font-weight="600">Spring Health</text> | |
| </svg> | |
| <svg height="24" viewBox="0 0 160 24" fill="#14151F"> | |
| <text x="0" y="18" font-family="Inter, sans-serif" font-size="16" font-weight="600">Wonderschool</text> | |
| </svg> | |
| <svg height="24" viewBox="0 0 100 24" fill="#14151F"> | |
| <text x="0" y="18" font-family="Inter, sans-serif" font-size="16" font-weight="600">techstars</text> | |
| </svg> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Row --> | |
| <section class="stats-row"> | |
| <div class="stat"> | |
| <div class="stat-number">8,000+</div> | |
| <div class="stat-label">Senior Engineers</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">48hrs</div> | |
| <div class="stat-label">Time to Match</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">80%</div> | |
| <div class="stat-label">Interview Rate</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">25M+</div> | |
| <div class="stat-label">Developers Analyzed</div> | |
| </div> | |
| </section> | |
| <!-- Comparison Section - Remotely Style --> | |
| <section class="comparison"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>We're breaking all the rules of traditional staff aug.</h2> | |
| </div> | |
| <div class="comparison-grid"> | |
| <div class="comparison-col remotely"> | |
| <h3>Remotely's Transparent Staff Aug</h3> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>You choose the candidates, and they choose you too</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>You control compensation and retain the best talent</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>8,000+ developers vetted for senior experience</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>Startup thinkers, not just coders</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>Speed and visibility powered by a tech-enabled platform</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>Engineers who stay for the long haul</span> | |
| </div> | |
| </div> | |
| <div class="comparison-col other"> | |
| <h3>Traditional Staff Aug</h3> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Developers are assigned, not aligned</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>The agency controls the paycheck</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Limited pool of freelancers</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Code monkeys with no business sense</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Powered by emails & spreadsheets</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Here today, gone tomorrow</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Value Props --> | |
| <section class="value-props"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>Why FirstMark companies choose Remotely</h2> | |
| </div> | |
| <div class="props-grid"> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Only Senior Engineers</h3> | |
| <p>Every engineer has 5+ years experience. We analyzed 25M+ developers and selected only top talent.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>48-Hour Matching</h3> | |
| <p>Get matched with qualified candidates within 48 hours. 80% get interviewed — no wasted time.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Startup-Minded Talent</h3> | |
| <p>Engineers who understand the pace of high-growth startups. They become team members, not contractors.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Transparent Pricing</h3> | |
| <p>$2K/month flat fee + direct compensation. You control salaries, bonuses, and benefits.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Full Compliance Handled</h3> | |
| <p>We handle payroll, contracts, compliance, equipment. One invoice per month.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Long-Term Retention</h3> | |
| <p>3-month minimum contracts. Our talent stays for the long haul — invested in your success.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="testimonials"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>Inspiring stories from real engineering leaders</h2> | |
| <p>Hear from CTOs and VPs who scaled their teams with Remotely</p> | |
| </div> | |
| <div class="testimonials-grid"> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder"> | |
| <div class="play-btn"></div> | |
| <span>Watch Kenny's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Kenny Tang</h4> | |
| <p>CTO @ Bluecore</p> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder"> | |
| <div class="play-btn"></div> | |
| <span>Watch Laurent's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Laurent Pierre</h4> | |
| <p>VP Engineering @ Bluecore</p> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder"> | |
| <div class="play-btn"></div> | |
| <span>Watch Tara's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Tara Sussman</h4> | |
| <p>VP People @ Bluecore</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Quote Section --> | |
| <section class="quote-section"> | |
| <div class="container"> | |
| <div class="quote-content"> | |
| <blockquote>"Two of my best hires are from Remotely, and they're still with the company."</blockquote> | |
| <div class="quote-author"> | |
| <div class="quote-author-img"></div> | |
| <div class="quote-author-info"> | |
| <h4>Kenny Tang</h4> | |
| <p>CTO @ Bluecore</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Salary Guide --> | |
| <section class="salary-guide" id="salary-guide"> | |
| <div class="container"> | |
| <div class="salary-guide-content"> | |
| <div class="salary-guide-text"> | |
| <h2>2026 LATAM Developer Salary Guide</h2> | |
| <p>Get the latest compensation data for senior engineers in Latin America. Plan your budget and build competitive offers.</p> | |
| <a href="#download" class="btn btn-primary">Download Free Guide →</a> | |
| </div> | |
| <div class="guide-features"> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Salary ranges by role & seniority</span> | |
| </div> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Country-by-country breakdown</span> | |
| </div> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Benefits & equity benchmarks</span> | |
| </div> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Cost comparison vs US market</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section class="final-cta" id="book"> | |
| <div class="container"> | |
| <h2>Ready to scale your engineering team?</h2> | |
| <p>Book a strategy call with our team. We'll discuss your hiring needs and show you relevant profiles.</p> | |
| <a href="https://calendly.com/remotely/firstmark" class="btn btn-primary">Hire Developers →</a> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <p>© 2026 Remotely. All rights reserved.</p> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Remotely for FirstMark Portfolio Companies | Scale Your Engineering Team</title> | |
| <style> | |
| /* ============================================ | |
| REMOTELY DESIGN SYSTEM V3 | |
| Based on: remotely-design-system.md | |
| ============================================ */ | |
| /* Fonts */ | |
| @font-face { | |
| font-family: 'Roobert'; | |
| src: url('https://cdn.jsdelivr.net/gh/nicholascelestin/fonts/Roobert-SemiBold.woff2') format('woff2'); | |
| font-weight: 600; | |
| font-style: normal; | |
| } | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'); | |
| /* Design System Variables */ | |
| :root { | |
| /* Primary Colors */ | |
| --ink: #14151F; | |
| --purple: #5047E2; | |
| --white: #FFFFFF; | |
| /* Accent Colors */ | |
| --pink: #E14989; | |
| --orchid: #BE5EC8; | |
| /* Neutral Colors */ | |
| --light-gray: #F7F7F8; | |
| --secondary-btn-gray: #F3F3F4; | |
| --hover-gray: #EAEBEB; | |
| /* Typography */ | |
| --font-headline: 'Roobert', -apple-system, BlinkMacSystemFont, sans-serif; | |
| --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
| /* Border Radius */ | |
| --radius-button: 20px; | |
| --radius-card: 16px; | |
| --radius-input: 8px; | |
| --radius-small: 4px; | |
| /* Shadows - Gradient style */ | |
| --shadow-card: 0 4px 24px rgba(80, 71, 226, 0.08), 0 2px 12px rgba(225, 73, 137, 0.04); | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: var(--font-body); | |
| color: var(--ink); | |
| line-height: 1.6; | |
| background: var(--white); | |
| font-size: 16px; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 24px; | |
| } | |
| /* ============================================ | |
| HEADER | |
| ============================================ */ | |
| .header { | |
| padding: 16px 0; | |
| border-bottom: 1px solid var(--light-gray); | |
| position: sticky; | |
| top: 0; | |
| background: var(--white); | |
| z-index: 100; | |
| } | |
| .header-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .logo-section { | |
| display: flex; | |
| align-items: center; | |
| gap: 24px; | |
| } | |
| .remotely-logo { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| text-decoration: none; | |
| color: var(--ink); | |
| } | |
| .remotely-logo svg { | |
| width: 32px; | |
| height: 32px; | |
| } | |
| .remotely-logo span { | |
| font-family: var(--font-headline); | |
| font-size: 18px; | |
| font-weight: 600; | |
| } | |
| .partner-divider { | |
| width: 1px; | |
| height: 24px; | |
| background: var(--secondary-btn-gray); | |
| } | |
| .partner-logo { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| } | |
| .partner-logo span { | |
| font-family: var(--font-body); | |
| font-size: 13px; | |
| color: var(--ink); | |
| opacity: 0.6; | |
| } | |
| .firstmark-logo { | |
| height: 18px; | |
| } | |
| .header-cta { | |
| display: flex; | |
| gap: 12px; | |
| } | |
| /* ============================================ | |
| BUTTONS - Per Design System | |
| ============================================ */ | |
| .btn { | |
| display: flex; | |
| padding: 8px 16px 8px 12px; | |
| justify-content: center; | |
| align-items: center; | |
| gap: 8px; | |
| border-radius: var(--radius-button); | |
| font-family: var(--font-headline); | |
| font-weight: 600; | |
| font-size: 16px; | |
| text-decoration: none; | |
| cursor: pointer; | |
| border: none; | |
| transition: background 0.2s; | |
| } | |
| .btn-primary { | |
| background: var(--ink); | |
| color: var(--white); | |
| } | |
| .btn-primary:hover { | |
| background: #43444C; | |
| } | |
| .btn-secondary { | |
| background: var(--secondary-btn-gray); | |
| color: var(--ink); | |
| } | |
| .btn-secondary:hover { | |
| background: var(--hover-gray); | |
| } | |
| .btn-ghost { | |
| background: transparent; | |
| color: var(--ink); | |
| } | |
| .btn-ghost:hover { | |
| background: var(--hover-gray); | |
| } | |
| /* ============================================ | |
| HERO SECTION | |
| ============================================ */ | |
| .hero { | |
| padding: 80px 0 60px; | |
| } | |
| .hero-content { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .hero-badge { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 8px; | |
| padding: 6px 14px; | |
| background: var(--light-gray); | |
| border-radius: var(--radius-button); | |
| font-family: var(--font-body); | |
| font-size: 14px; | |
| color: var(--ink); | |
| margin-bottom: 24px; | |
| } | |
| .hero h1 { | |
| font-family: var(--font-headline); | |
| font-size: 52px; | |
| font-weight: 600; | |
| line-height: 1.1; | |
| margin-bottom: 20px; | |
| letter-spacing: -0.02em; | |
| color: var(--ink); | |
| } | |
| /* Gradient text highlight - per design system */ | |
| .hero h1 .highlight { | |
| background: linear-gradient(90deg, var(--purple), var(--pink)); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| background-clip: text; | |
| } | |
| .hero p { | |
| font-family: var(--font-body); | |
| font-size: 18px; | |
| color: var(--ink); | |
| opacity: 0.7; | |
| margin-bottom: 32px; | |
| max-width: 600px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .hero-ctas { | |
| display: flex; | |
| gap: 12px; | |
| justify-content: center; | |
| margin-bottom: 60px; | |
| } | |
| .hero-ctas .btn { | |
| padding: 12px 24px; | |
| } | |
| /* ============================================ | |
| COMPANY LOGOS | |
| ============================================ */ | |
| .company-logos { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| gap: 48px; | |
| padding: 32px 0; | |
| border-top: 1px solid var(--light-gray); | |
| } | |
| .company-logos span { | |
| font-family: var(--font-body); | |
| font-size: 13px; | |
| color: var(--ink); | |
| opacity: 0.5; | |
| } | |
| .company-logos .logo-text { | |
| font-family: var(--font-headline); | |
| font-size: 16px; | |
| font-weight: 600; | |
| color: var(--ink); | |
| opacity: 0.4; | |
| } | |
| /* ============================================ | |
| STATS ROW | |
| ============================================ */ | |
| .stats-row { | |
| display: flex; | |
| justify-content: center; | |
| gap: 60px; | |
| padding: 48px 0; | |
| background: var(--light-gray); | |
| } | |
| .stat { | |
| text-align: center; | |
| } | |
| .stat-number { | |
| font-family: var(--font-headline); | |
| font-size: 42px; | |
| font-weight: 600; | |
| color: var(--ink); | |
| letter-spacing: -0.02em; | |
| } | |
| .stat-label { | |
| font-family: var(--font-body); | |
| font-size: 14px; | |
| color: var(--ink); | |
| opacity: 0.6; | |
| margin-top: 4px; | |
| } | |
| /* ============================================ | |
| SECTION HEADERS | |
| ============================================ */ | |
| .section-header { | |
| text-align: center; | |
| max-width: 600px; | |
| margin: 0 auto 48px; | |
| } | |
| .section-header h2 { | |
| font-family: var(--font-headline); | |
| font-size: 36px; | |
| font-weight: 600; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.02em; | |
| color: var(--ink); | |
| } | |
| .section-header p { | |
| font-family: var(--font-body); | |
| font-size: 17px; | |
| color: var(--ink); | |
| opacity: 0.7; | |
| } | |
| /* ============================================ | |
| COMPARISON SECTION | |
| ============================================ */ | |
| .comparison { | |
| padding: 80px 0; | |
| background: var(--light-gray); | |
| } | |
| .comparison-grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 40px; | |
| max-width: 900px; | |
| margin: 0 auto; | |
| } | |
| .comparison-col h3 { | |
| font-family: var(--font-headline); | |
| font-size: 18px; | |
| font-weight: 600; | |
| margin-bottom: 24px; | |
| padding-bottom: 16px; | |
| border-bottom: 2px solid var(--ink); | |
| color: var(--ink); | |
| } | |
| .comparison-col.other h3 { | |
| border-bottom-color: var(--secondary-btn-gray); | |
| opacity: 0.6; | |
| } | |
| .comparison-item { | |
| display: flex; | |
| gap: 12px; | |
| margin-bottom: 16px; | |
| font-family: var(--font-body); | |
| font-size: 15px; | |
| color: var(--ink); | |
| } | |
| .comparison-item .icon { | |
| flex-shrink: 0; | |
| font-size: 16px; | |
| } | |
| .comparison-col.remotely .icon { | |
| color: var(--purple); | |
| } | |
| .comparison-col.other .icon { | |
| opacity: 0.4; | |
| } | |
| /* ============================================ | |
| VALUE PROPS | |
| ============================================ */ | |
| .value-props { | |
| padding: 80px 0; | |
| } | |
| .props-grid { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| gap: 20px; | |
| max-width: 900px; | |
| margin: 0 auto; | |
| } | |
| .prop-item { | |
| display: flex; | |
| gap: 16px; | |
| padding: 24px; | |
| background: var(--white); | |
| border: 1px solid var(--light-gray); | |
| border-radius: var(--radius-card); | |
| box-shadow: var(--shadow-card); | |
| } | |
| .prop-check { | |
| flex-shrink: 0; | |
| width: 24px; | |
| height: 24px; | |
| background: var(--purple); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-top: 2px; | |
| } | |
| .prop-check svg { | |
| width: 14px; | |
| height: 14px; | |
| stroke: white; | |
| stroke-width: 2.5; | |
| fill: none; | |
| } | |
| .prop-content h3 { | |
| font-family: var(--font-headline); | |
| font-size: 16px; | |
| font-weight: 600; | |
| margin-bottom: 6px; | |
| color: var(--ink); | |
| } | |
| .prop-content p { | |
| font-family: var(--font-body); | |
| font-size: 14px; | |
| color: var(--ink); | |
| opacity: 0.7; | |
| line-height: 1.5; | |
| } | |
| /* ============================================ | |
| TESTIMONIALS | |
| ============================================ */ | |
| .testimonials { | |
| padding: 80px 0; | |
| } | |
| .testimonials-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 24px; | |
| } | |
| .testimonial-card { | |
| background: var(--white); | |
| border: 1px solid var(--light-gray); | |
| border-radius: var(--radius-card); | |
| overflow: hidden; | |
| box-shadow: var(--shadow-card); | |
| } | |
| .video-wrapper { | |
| position: relative; | |
| padding-bottom: 177.78%; | |
| background: var(--ink); | |
| } | |
| .video-placeholder { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| background: linear-gradient(135deg, #1a1b26 0%, #2d2e3a 100%); | |
| color: var(--white); | |
| cursor: pointer; | |
| } | |
| .play-btn { | |
| width: 56px; | |
| height: 56px; | |
| background: var(--white); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 12px; | |
| transition: transform 0.2s; | |
| } | |
| .video-placeholder:hover .play-btn { | |
| transform: scale(1.1); | |
| } | |
| .play-btn::after { | |
| content: ''; | |
| width: 0; | |
| height: 0; | |
| border-left: 16px solid var(--ink); | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| margin-left: 3px; | |
| } | |
| .video-placeholder span { | |
| font-family: var(--font-body); | |
| font-size: 13px; | |
| opacity: 0.8; | |
| } | |
| .testimonial-info { | |
| padding: 16px 20px; | |
| } | |
| .testimonial-info h4 { | |
| font-family: var(--font-headline); | |
| font-size: 15px; | |
| font-weight: 600; | |
| margin-bottom: 2px; | |
| color: var(--ink); | |
| } | |
| .testimonial-info p { | |
| font-family: var(--font-body); | |
| font-size: 13px; | |
| color: var(--ink); | |
| opacity: 0.6; | |
| } | |
| /* ============================================ | |
| QUOTE SECTION | |
| ============================================ */ | |
| .quote-section { | |
| padding: 80px 0; | |
| background: var(--light-gray); | |
| } | |
| .quote-content { | |
| max-width: 700px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| .quote-content blockquote { | |
| font-family: var(--font-headline); | |
| font-size: 28px; | |
| font-weight: 600; | |
| line-height: 1.4; | |
| margin-bottom: 24px; | |
| letter-spacing: -0.01em; | |
| color: var(--ink); | |
| } | |
| .quote-author { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| gap: 12px; | |
| } | |
| .quote-author-img { | |
| width: 48px; | |
| height: 48px; | |
| border-radius: 50%; | |
| background: var(--secondary-btn-gray); | |
| } | |
| .quote-author-info h4 { | |
| font-family: var(--font-headline); | |
| font-size: 15px; | |
| font-weight: 600; | |
| color: var(--ink); | |
| } | |
| .quote-author-info p { | |
| font-family: var(--font-body); | |
| font-size: 13px; | |
| color: var(--ink); | |
| opacity: 0.6; | |
| } | |
| /* ============================================ | |
| SALARY GUIDE CTA | |
| ============================================ */ | |
| .salary-guide { | |
| padding: 80px 0; | |
| background: var(--ink); | |
| color: var(--white); | |
| } | |
| .salary-guide-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| gap: 60px; | |
| } | |
| .salary-guide-text { | |
| max-width: 500px; | |
| } | |
| .salary-guide h2 { | |
| font-family: var(--font-headline); | |
| font-size: 32px; | |
| font-weight: 600; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.02em; | |
| } | |
| .salary-guide p { | |
| font-family: var(--font-body); | |
| font-size: 16px; | |
| opacity: 0.8; | |
| margin-bottom: 24px; | |
| } | |
| .salary-guide .btn-primary { | |
| background: var(--white); | |
| color: var(--ink); | |
| } | |
| .salary-guide .btn-primary:hover { | |
| background: var(--light-gray); | |
| } | |
| .guide-features { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 12px; | |
| } | |
| .guide-feature { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| font-family: var(--font-body); | |
| font-size: 14px; | |
| opacity: 0.9; | |
| } | |
| .guide-feature svg { | |
| width: 18px; | |
| height: 18px; | |
| stroke: var(--purple); | |
| stroke-width: 2; | |
| fill: none; | |
| } | |
| /* ============================================ | |
| FINAL CTA | |
| ============================================ */ | |
| .final-cta { | |
| padding: 100px 0; | |
| text-align: center; | |
| } | |
| .final-cta h2 { | |
| font-family: var(--font-headline); | |
| font-size: 40px; | |
| font-weight: 600; | |
| margin-bottom: 16px; | |
| letter-spacing: -0.02em; | |
| color: var(--ink); | |
| } | |
| .final-cta p { | |
| font-family: var(--font-body); | |
| font-size: 17px; | |
| color: var(--ink); | |
| opacity: 0.7; | |
| margin-bottom: 28px; | |
| max-width: 550px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .final-cta .btn-primary { | |
| padding: 14px 28px; | |
| } | |
| /* ============================================ | |
| FOOTER | |
| ============================================ */ | |
| .footer { | |
| padding: 32px 0; | |
| border-top: 1px solid var(--light-gray); | |
| text-align: center; | |
| } | |
| .footer p { | |
| font-family: var(--font-body); | |
| font-size: 13px; | |
| color: var(--ink); | |
| opacity: 0.5; | |
| } | |
| /* ============================================ | |
| RESPONSIVE | |
| ============================================ */ | |
| @media (max-width: 768px) { | |
| .hero h1 { font-size: 36px; } | |
| .props-grid, | |
| .comparison-grid, | |
| .testimonials-grid { grid-template-columns: 1fr; } | |
| .company-logos { flex-wrap: wrap; gap: 24px; } | |
| .stats-row { flex-wrap: wrap; gap: 32px; } | |
| .salary-guide-content { flex-direction: column; text-align: center; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Header --> | |
| <header class="header"> | |
| <div class="container"> | |
| <div class="header-content"> | |
| <div class="logo-section"> | |
| <a href="https://remotely.works" class="remotely-logo"> | |
| <!-- Remotely Logo (official from remotely.works) --> | |
| <svg viewBox="0 0 400 400" fill="none" style="height: 32px; width: 32px;"> | |
| <rect width="400" height="400" rx="200" fill="#14151F"/> | |
| <path d="M143.727 125H209.352C235.24 125 256.227 145.987 256.227 171.875V171.875C256.227 197.763 235.24 218.75 209.352 218.75H143.727V125Z" stroke="white" stroke-width="12.5" stroke-linejoin="round"/> | |
| <path d="M149.977 218.75C149.977 215.298 147.179 212.5 143.727 212.5C140.275 212.5 137.477 215.298 137.477 218.75H149.977ZM256.227 275V281.25C258.594 281.25 260.758 279.912 261.817 277.795C262.876 275.678 262.647 273.144 261.227 271.25L256.227 275ZM143.727 275H137.477C137.477 278.452 140.275 281.25 143.727 281.25V275ZM184.713 281.25H256.227V268.75H184.713V281.25ZM261.227 271.25L148.727 121.25L138.727 128.75L251.227 278.75L261.227 271.25ZM137.477 218.75V275H149.977V218.75H137.477ZM143.727 281.25H184.713V268.75H143.727V281.25Z" fill="white"/> | |
| </svg> | |
| <span>Remotely</span> | |
| </a> | |
| <div class="partner-divider"></div> | |
| <div class="partner-logo"> | |
| <span>Exclusive for</span> | |
| <!-- FirstMark transparent logo with yellow brush (embedded, smaller) --> | |
| <img src="data:image/png;base64,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" alt="FirstMark" style="height: 20px;"> | |
| <span style="font-family: var(--font-body); font-size: 13px; color: var(--ink); opacity: 0.6;">portfolio companies</span> | |
| </div> | |
| </div> | |
| <div class="header-cta"> | |
| <a href="#salary-guide" class="btn btn-secondary">Salary Guide</a> | |
| <a href="#book" class="btn btn-primary">Hire Developers</a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero --> | |
| <section class="hero"> | |
| <div class="container"> | |
| <div class="hero-content"> | |
| <div class="hero-badge">Exclusive offer for FirstMark portfolio companies</div> | |
| <h1>Built for growth stage.<br>Stacked with <span class="highlight">top talent</span>.</h1> | |
| <p>Access 8,000+ pre-vetted senior engineers from Latin America. Get matched within 48 hours. Scale your team without the hiring headaches.</p> | |
| <div class="hero-ctas"> | |
| <a href="#book" class="btn btn-primary">Hire Developers</a> | |
| <a href="#salary-guide" class="btn btn-secondary">Download Salary Guide</a> | |
| </div> | |
| </div> | |
| <div class="company-logos"> | |
| <span>Trusted by</span> | |
| <span class="logo-text">Bluecore</span> | |
| <span class="logo-text">Spring Health</span> | |
| <span class="logo-text">Wonderschool</span> | |
| <span class="logo-text">Techstars</span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Row --> | |
| <section class="stats-row"> | |
| <div class="stat"> | |
| <div class="stat-number">8,000+</div> | |
| <div class="stat-label">Senior Engineers</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">48hrs</div> | |
| <div class="stat-label">Time to Match</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">80%</div> | |
| <div class="stat-label">Interview Rate</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">25M+</div> | |
| <div class="stat-label">Developers Analyzed</div> | |
| </div> | |
| </section> | |
| <!-- Comparison Section --> | |
| <section class="comparison"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>We're breaking all the rules of traditional staff aug.</h2> | |
| </div> | |
| <div class="comparison-grid"> | |
| <div class="comparison-col remotely"> | |
| <h3>Remotely's Transparent Staff Aug</h3> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>You choose the candidates, and they choose you too</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>You control compensation and retain the best talent</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>8,000+ developers vetted for senior experience</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>Startup thinkers, not just coders</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>Speed and visibility powered by a tech-enabled platform</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✓</span> | |
| <span>Engineers who stay for the long haul</span> | |
| </div> | |
| </div> | |
| <div class="comparison-col other"> | |
| <h3>Traditional Staff Aug</h3> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Developers are assigned, not aligned</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>The agency controls the paycheck</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Limited pool of freelancers</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Code monkeys with no business sense</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Powered by emails & spreadsheets</span> | |
| </div> | |
| <div class="comparison-item"> | |
| <span class="icon">✗</span> | |
| <span>Here today, gone tomorrow</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Value Props --> | |
| <section class="value-props"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>Why FirstMark companies choose Remotely</h2> | |
| </div> | |
| <div class="props-grid"> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Only Senior Engineers</h3> | |
| <p>Every engineer has 5+ years experience. We analyzed 25M+ developers and selected only top talent.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>48-Hour Matching</h3> | |
| <p>Get matched with qualified candidates within 48 hours. 80% get interviewed — no wasted time.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Startup-Minded Talent</h3> | |
| <p>Engineers who understand the pace of high-growth startups. They become team members, not contractors.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Transparent Pricing</h3> | |
| <p>$2K/month flat fee + direct compensation. You control salaries, bonuses, and benefits.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Full Compliance Handled</h3> | |
| <p>We handle payroll, contracts, compliance, equipment. One invoice per month.</p> | |
| </div> | |
| </div> | |
| <div class="prop-item"> | |
| <div class="prop-check"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| </div> | |
| <div class="prop-content"> | |
| <h3>Long-Term Retention</h3> | |
| <p>3-month minimum contracts. Our talent stays for the long haul — invested in your success.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="testimonials"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>Inspiring stories from real engineering leaders</h2> | |
| <p>Hear from CTOs and VPs who scaled their teams with Remotely</p> | |
| </div> | |
| <div class="testimonials-grid"> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder"> | |
| <div class="play-btn"></div> | |
| <span>Watch Kenny's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Kenny Tang</h4> | |
| <p>CTO @ Bluecore</p> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder"> | |
| <div class="play-btn"></div> | |
| <span>Watch Laurent's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Laurent Pierre</h4> | |
| <p>VP Engineering @ Bluecore</p> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder"> | |
| <div class="play-btn"></div> | |
| <span>Watch Tara's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Tara Sussman</h4> | |
| <p>VP People @ Bluecore</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Quote Section --> | |
| <section class="quote-section"> | |
| <div class="container"> | |
| <div class="quote-content"> | |
| <blockquote>"Two of my best hires are from Remotely, and they're still with the company."</blockquote> | |
| <div class="quote-author"> | |
| <div class="quote-author-img"></div> | |
| <div class="quote-author-info"> | |
| <h4>Kenny Tang</h4> | |
| <p>CTO @ Bluecore</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Salary Guide --> | |
| <section class="salary-guide" id="salary-guide"> | |
| <div class="container"> | |
| <div class="salary-guide-content"> | |
| <div class="salary-guide-text"> | |
| <h2>2026 LATAM Developer Salary Guide</h2> | |
| <p>Get the latest compensation data for senior engineers in Latin America. Plan your budget and build competitive offers.</p> | |
| <a href="#download" class="btn btn-primary">Download Free Guide →</a> | |
| </div> | |
| <div class="guide-features"> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Salary ranges by role & seniority</span> | |
| </div> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Country-by-country breakdown</span> | |
| </div> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Benefits & equity benchmarks</span> | |
| </div> | |
| <div class="guide-feature"> | |
| <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Cost comparison vs US market</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section class="final-cta" id="book"> | |
| <div class="container"> | |
| <h2>Ready to scale your engineering team?</h2> | |
| <p>Book a strategy call with our team. We'll discuss your hiring needs and show you relevant profiles.</p> | |
| <a href="https://calendly.com/remotely/firstmark" class="btn btn-primary">Hire Developers →</a> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <p>© 2026 Remotely. All rights reserved.</p> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Remotely for FirstMark Portfolio Companies | Scale Your Engineering Team</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --ink: #14151F; | |
| --purple: #5047E2; | |
| --pink: #E14989; | |
| --light: #F7F7F8; | |
| --white: #FFFFFF; | |
| --gray-100: #F3F4F6; | |
| --gray-600: #4B5563; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
| color: var(--ink); | |
| line-height: 1.6; | |
| background: var(--white); | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 24px; | |
| } | |
| /* Header */ | |
| .header { | |
| padding: 20px 0; | |
| border-bottom: 1px solid var(--gray-100); | |
| position: sticky; | |
| top: 0; | |
| background: var(--white); | |
| z-index: 100; | |
| } | |
| .header-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .logo-section { | |
| display: flex; | |
| align-items: center; | |
| gap: 16px; | |
| } | |
| .logo { | |
| height: 32px; | |
| } | |
| .partner-badge { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| padding: 6px 12px; | |
| background: var(--light); | |
| border-radius: 20px; | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| .partner-badge img { | |
| height: 20px; | |
| } | |
| .header-cta { | |
| display: flex; | |
| gap: 12px; | |
| } | |
| .btn { | |
| padding: 12px 24px; | |
| border-radius: 20px; | |
| font-weight: 600; | |
| font-size: 14px; | |
| text-decoration: none; | |
| cursor: pointer; | |
| transition: all 0.2s; | |
| border: none; | |
| } | |
| .btn-primary { | |
| background: var(--ink); | |
| color: var(--white); | |
| } | |
| .btn-primary:hover { | |
| background: #2a2b36; | |
| } | |
| .btn-secondary { | |
| background: transparent; | |
| color: var(--ink); | |
| border: 1px solid var(--ink); | |
| } | |
| .btn-secondary:hover { | |
| background: var(--light); | |
| } | |
| /* Hero Section */ | |
| .hero { | |
| padding: 80px 0; | |
| background: linear-gradient(135deg, #faf5ff 0%, #fdf2f8 50%, #fff1f2 100%); | |
| } | |
| .hero-content { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 60px; | |
| align-items: center; | |
| } | |
| .hero-badge { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 8px; | |
| padding: 8px 16px; | |
| background: var(--white); | |
| border-radius: 20px; | |
| font-size: 14px; | |
| font-weight: 500; | |
| color: var(--purple); | |
| margin-bottom: 24px; | |
| box-shadow: 0 2px 8px rgba(0,0,0,0.06); | |
| } | |
| .hero h1 { | |
| font-size: 48px; | |
| font-weight: 700; | |
| line-height: 1.1; | |
| margin-bottom: 24px; | |
| } | |
| .hero h1 span { | |
| background: linear-gradient(135deg, var(--purple), var(--pink)); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| background-clip: text; | |
| } | |
| .hero p { | |
| font-size: 18px; | |
| color: var(--gray-600); | |
| margin-bottom: 32px; | |
| max-width: 500px; | |
| } | |
| .hero-ctas { | |
| display: flex; | |
| gap: 16px; | |
| flex-wrap: wrap; | |
| } | |
| .hero-stats { | |
| display: flex; | |
| gap: 40px; | |
| margin-top: 48px; | |
| padding-top: 32px; | |
| border-top: 1px solid rgba(0,0,0,0.1); | |
| } | |
| .stat { | |
| text-align: left; | |
| } | |
| .stat-number { | |
| font-size: 36px; | |
| font-weight: 700; | |
| color: var(--ink); | |
| } | |
| .stat-label { | |
| font-size: 14px; | |
| color: var(--gray-600); | |
| } | |
| .hero-visual { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 20px; | |
| } | |
| .company-logos { | |
| display: flex; | |
| gap: 24px; | |
| align-items: center; | |
| padding: 20px; | |
| background: var(--white); | |
| border-radius: 16px; | |
| box-shadow: 0 4px 20px rgba(0,0,0,0.08); | |
| } | |
| .company-logos span { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| white-space: nowrap; | |
| } | |
| .company-logos img { | |
| height: 28px; | |
| opacity: 0.7; | |
| } | |
| /* Value Props */ | |
| .value-props { | |
| padding: 80px 0; | |
| } | |
| .section-header { | |
| text-align: center; | |
| max-width: 700px; | |
| margin: 0 auto 60px; | |
| } | |
| .section-header h2 { | |
| font-size: 36px; | |
| font-weight: 700; | |
| margin-bottom: 16px; | |
| } | |
| .section-header p { | |
| font-size: 18px; | |
| color: var(--gray-600); | |
| } | |
| .props-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 32px; | |
| } | |
| .prop-card { | |
| padding: 32px; | |
| background: var(--white); | |
| border: 1px solid var(--gray-100); | |
| border-radius: 16px; | |
| transition: all 0.2s; | |
| } | |
| .prop-card:hover { | |
| border-color: var(--purple); | |
| box-shadow: 0 8px 30px rgba(80, 71, 226, 0.1); | |
| } | |
| .prop-icon { | |
| width: 48px; | |
| height: 48px; | |
| background: linear-gradient(135deg, var(--purple), var(--pink)); | |
| border-radius: 12px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 20px; | |
| font-size: 24px; | |
| } | |
| .prop-card h3 { | |
| font-size: 20px; | |
| font-weight: 600; | |
| margin-bottom: 12px; | |
| } | |
| .prop-card p { | |
| color: var(--gray-600); | |
| font-size: 15px; | |
| } | |
| /* Testimonials */ | |
| .testimonials { | |
| padding: 80px 0; | |
| background: var(--light); | |
| } | |
| .testimonials-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 24px; | |
| } | |
| .testimonial-card { | |
| background: var(--white); | |
| border-radius: 16px; | |
| overflow: hidden; | |
| box-shadow: 0 4px 20px rgba(0,0,0,0.06); | |
| } | |
| .video-wrapper { | |
| position: relative; | |
| padding-bottom: 177.78%; /* 9:16 aspect ratio */ | |
| background: var(--ink); | |
| } | |
| .video-wrapper video, | |
| .video-wrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| } | |
| .video-placeholder { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| background: linear-gradient(135deg, #1a1b26 0%, #2d2e3a 100%); | |
| color: var(--white); | |
| cursor: pointer; | |
| } | |
| .play-btn { | |
| width: 64px; | |
| height: 64px; | |
| background: var(--white); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 16px; | |
| transition: transform 0.2s; | |
| } | |
| .video-placeholder:hover .play-btn { | |
| transform: scale(1.1); | |
| } | |
| .play-btn::after { | |
| content: ''; | |
| width: 0; | |
| height: 0; | |
| border-left: 20px solid var(--ink); | |
| border-top: 12px solid transparent; | |
| border-bottom: 12px solid transparent; | |
| margin-left: 4px; | |
| } | |
| .testimonial-info { | |
| padding: 20px; | |
| } | |
| .testimonial-info h4 { | |
| font-size: 16px; | |
| font-weight: 600; | |
| margin-bottom: 4px; | |
| } | |
| .testimonial-info p { | |
| font-size: 14px; | |
| color: var(--gray-600); | |
| } | |
| /* Case Study */ | |
| .case-study { | |
| padding: 80px 0; | |
| } | |
| .case-study-content { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 60px; | |
| align-items: center; | |
| } | |
| .case-study-text h2 { | |
| font-size: 36px; | |
| font-weight: 700; | |
| margin-bottom: 24px; | |
| } | |
| .case-study-text p { | |
| font-size: 16px; | |
| color: var(--gray-600); | |
| margin-bottom: 24px; | |
| } | |
| .case-study-stats { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| gap: 24px; | |
| margin-top: 32px; | |
| } | |
| .case-stat { | |
| padding: 24px; | |
| background: var(--light); | |
| border-radius: 12px; | |
| } | |
| .case-stat-number { | |
| font-size: 32px; | |
| font-weight: 700; | |
| color: var(--purple); | |
| } | |
| .case-stat-label { | |
| font-size: 14px; | |
| color: var(--gray-600); | |
| margin-top: 4px; | |
| } | |
| .case-study-visual { | |
| position: relative; | |
| } | |
| .case-study-visual img { | |
| width: 100%; | |
| border-radius: 16px; | |
| box-shadow: 0 20px 60px rgba(0,0,0,0.15); | |
| } | |
| .quote-card { | |
| position: absolute; | |
| bottom: -30px; | |
| left: -30px; | |
| background: var(--white); | |
| padding: 24px; | |
| border-radius: 16px; | |
| box-shadow: 0 8px 30px rgba(0,0,0,0.12); | |
| max-width: 320px; | |
| } | |
| .quote-card p { | |
| font-size: 15px; | |
| font-style: italic; | |
| color: var(--ink); | |
| margin-bottom: 12px; | |
| } | |
| .quote-author { | |
| font-size: 14px; | |
| font-weight: 600; | |
| } | |
| .quote-role { | |
| font-size: 13px; | |
| color: var(--gray-600); | |
| } | |
| /* Salary Guide CTA */ | |
| .salary-guide { | |
| padding: 80px 0; | |
| background: linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%); | |
| color: var(--white); | |
| } | |
| .salary-guide-content { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 60px; | |
| align-items: center; | |
| } | |
| .salary-guide h2 { | |
| font-size: 36px; | |
| font-weight: 700; | |
| margin-bottom: 16px; | |
| } | |
| .salary-guide p { | |
| font-size: 18px; | |
| opacity: 0.9; | |
| margin-bottom: 32px; | |
| } | |
| .salary-guide .btn-primary { | |
| background: var(--white); | |
| color: var(--ink); | |
| } | |
| .salary-guide .btn-primary:hover { | |
| background: var(--light); | |
| } | |
| .guide-preview { | |
| display: flex; | |
| gap: 20px; | |
| align-items: center; | |
| } | |
| .guide-preview img { | |
| width: 200px; | |
| border-radius: 8px; | |
| box-shadow: 0 20px 60px rgba(0,0,0,0.3); | |
| } | |
| .guide-highlights { | |
| list-style: none; | |
| } | |
| .guide-highlights li { | |
| display: flex; | |
| align-items: center; | |
| gap: 12px; | |
| margin-bottom: 16px; | |
| font-size: 15px; | |
| } | |
| .guide-highlights li::before { | |
| content: '✓'; | |
| width: 24px; | |
| height: 24px; | |
| background: rgba(255,255,255,0.2); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: 12px; | |
| } | |
| /* Final CTA */ | |
| .final-cta { | |
| padding: 100px 0; | |
| text-align: center; | |
| } | |
| .final-cta h2 { | |
| font-size: 42px; | |
| font-weight: 700; | |
| margin-bottom: 16px; | |
| } | |
| .final-cta p { | |
| font-size: 18px; | |
| color: var(--gray-600); | |
| margin-bottom: 32px; | |
| max-width: 600px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .final-cta .btn-primary { | |
| padding: 16px 32px; | |
| font-size: 16px; | |
| } | |
| /* Footer */ | |
| .footer { | |
| padding: 40px 0; | |
| border-top: 1px solid var(--gray-100); | |
| text-align: center; | |
| } | |
| .footer p { | |
| font-size: 14px; | |
| color: var(--gray-600); | |
| } | |
| /* Responsive */ | |
| @media (max-width: 968px) { | |
| .hero-content, | |
| .case-study-content, | |
| .salary-guide-content { | |
| grid-template-columns: 1fr; | |
| } | |
| .props-grid, | |
| .testimonials-grid { | |
| grid-template-columns: 1fr; | |
| } | |
| .hero h1 { | |
| font-size: 36px; | |
| } | |
| .hero-stats { | |
| gap: 24px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Header --> | |
| <header class="header"> | |
| <div class="container"> | |
| <div class="header-content"> | |
| <div class="logo-section"> | |
| <svg class="logo" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <circle cx="16" cy="16" r="14" stroke="#14151F" stroke-width="2" fill="none"/> | |
| <path d="M10 22V10h6c3 0 5 2 5 4.5 0 2-1.2 3.5-3 4L22 22h-3l-3.5-3H13v3h-3zm3-6h3c1.5 0 2.5-1 2.5-2s-1-2-2.5-2h-3v4z" fill="#14151F"/> | |
| <text x="40" y="22" font-family="Inter, sans-serif" font-size="18" font-weight="600" fill="#14151F">Remotely</text> | |
| </svg> | |
| <div class="partner-badge"> | |
| <span>Exclusive for</span> | |
| <strong>FirstMark Portfolio</strong> | |
| </div> | |
| </div> | |
| <div class="header-cta"> | |
| <a href="#salary-guide" class="btn btn-secondary">Salary Guide</a> | |
| <a href="#book" class="btn btn-primary">Book a Call</a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero --> | |
| <section class="hero"> | |
| <div class="container"> | |
| <div class="hero-content"> | |
| <div class="hero-text"> | |
| <div class="hero-badge"> | |
| ⭐ Exclusive offer for FirstMark portfolio companies | |
| </div> | |
| <h1>Scale your engineering team with <span>senior LATAM talent</span></h1> | |
| <p>Access 8,000+ pre-vetted senior engineers ready to join your team within 48 hours. No junior developers. No communication issues. Just exceptional talent that fits your startup culture.</p> | |
| <div class="hero-ctas"> | |
| <a href="#book" class="btn btn-primary">Book a Strategy Call →</a> | |
| <a href="#salary-guide" class="btn btn-secondary">Download Salary Guide</a> | |
| </div> | |
| <div class="hero-stats"> | |
| <div class="stat"> | |
| <div class="stat-number">8,000+</div> | |
| <div class="stat-label">Senior Engineers</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">48h</div> | |
| <div class="stat-label">Time to Match</div> | |
| </div> | |
| <div class="stat"> | |
| <div class="stat-number">80%</div> | |
| <div class="stat-label">Interview Rate</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="hero-visual"> | |
| <div class="company-logos"> | |
| <span>Trusted by:</span> | |
| <strong>Bluecore</strong> | |
| <strong>Spring Health</strong> | |
| <strong>Wonderschool</strong> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Value Props --> | |
| <section class="value-props"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>Why FirstMark companies choose Remotely</h2> | |
| <p>We're not a typical staffing agency. We're your strategic partner for building world-class engineering teams.</p> | |
| </div> | |
| <div class="props-grid"> | |
| <div class="prop-card"> | |
| <div class="prop-icon">🎯</div> | |
| <h3>Only Senior Engineers</h3> | |
| <p>Every engineer in our network has 5+ years of experience. We analyzed 25M+ developers and selected only the top talent based on experience, code quality, and startup mindset.</p> | |
| </div> | |
| <div class="prop-card"> | |
| <div class="prop-icon">⚡</div> | |
| <h3>48-Hour Matching</h3> | |
| <p>Get matched with qualified candidates within 48 hours. 80% of the candidates we present get interviewed — we don't waste your time with unqualified profiles.</p> | |
| </div> | |
| <div class="prop-card"> | |
| <div class="prop-icon">🚀</div> | |
| <h3>Startup-Minded Talent</h3> | |
| <p>No enterprise code monkeys. Our engineers understand the pace and culture of high-growth startups. They become embedded team members, not contractors.</p> | |
| </div> | |
| <div class="prop-card"> | |
| <div class="prop-icon">💰</div> | |
| <h3>Transparent Pricing</h3> | |
| <p>$2K/month flat fee per engineer + their direct compensation. You control salaries, bonuses, and benefits. Every dollar you pay goes to retaining top talent.</p> | |
| </div> | |
| <div class="prop-card"> | |
| <div class="prop-icon">🔒</div> | |
| <h3>Full Compliance</h3> | |
| <p>We handle payroll, contracts, compliance, equipment, and all HR logistics. One invoice per month. Focus on building your product, not paperwork.</p> | |
| </div> | |
| <div class="prop-card"> | |
| <div class="prop-icon">📈</div> | |
| <h3>Long-Term Retention</h3> | |
| <p>3-month minimum contracts because great engineers want stability. Our talent stays for the long haul — they're invested in your success.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="testimonials"> | |
| <div class="container"> | |
| <div class="section-header"> | |
| <h2>Hear from engineering leaders who scaled with Remotely</h2> | |
| <p>Real stories from CTOs and VPs of Engineering at high-growth companies</p> | |
| </div> | |
| <div class="testimonials-grid"> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder" onclick="playVideo(this, 'kenny')"> | |
| <div class="play-btn"></div> | |
| <span>Watch Kenny's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Kenny Tang</h4> | |
| <p>CTO @ Bluecore</p> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder" onclick="playVideo(this, 'laurent')"> | |
| <div class="play-btn"></div> | |
| <span>Watch Laurent's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Laurent Pierre</h4> | |
| <p>VP Engineering @ Bluecore</p> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="video-wrapper"> | |
| <div class="video-placeholder" onclick="playVideo(this, 'tara')"> | |
| <div class="play-btn"></div> | |
| <span>Watch Tara's Story</span> | |
| </div> | |
| </div> | |
| <div class="testimonial-info"> | |
| <h4>Tara Sussman</h4> | |
| <p>VP People @ Bluecore</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Case Study --> | |
| <section class="case-study"> | |
| <div class="container"> | |
| <div class="case-study-content"> | |
| <div class="case-study-text"> | |
| <h2>How Bluecore scaled their engineering team with Remotely</h2> | |
| <p>Bluecore needed to rapidly expand their engineering team without sacrificing quality. They were struggling to find senior engineers who understood startup culture and could hit the ground running.</p> | |
| <p>With Remotely, they found engineers who became core team members — not just contractors filling seats. The result? Faster shipping, better retention, and significant cost savings.</p> | |
| <div class="case-study-stats"> | |
| <div class="case-stat"> | |
| <div class="case-stat-number">2x</div> | |
| <div class="case-stat-label">Faster hiring than US market</div> | |
| </div> | |
| <div class="case-stat"> | |
| <div class="case-stat-number">40%</div> | |
| <div class="case-stat-label">Cost savings vs US salaries</div> | |
| </div> | |
| <div class="case-stat"> | |
| <div class="case-stat-number">100%</div> | |
| <div class="case-stat-label">Retention rate first year</div> | |
| </div> | |
| <div class="case-stat"> | |
| <div class="case-stat-number">48h</div> | |
| <div class="case-stat-label">Average time to first match</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="case-study-visual"> | |
| <div class="quote-card"> | |
| <p>"Two of my best hires are from Remotely, and they're still with the company."</p> | |
| <div class="quote-author">Kenny Tang</div> | |
| <div class="quote-role">CTO @ Bluecore</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Salary Guide --> | |
| <section class="salary-guide" id="salary-guide"> | |
| <div class="container"> | |
| <div class="salary-guide-content"> | |
| <div> | |
| <h2>2026 LATAM Developer Salary Guide</h2> | |
| <p>Get the latest compensation data for senior engineers in Latin America. Understand market rates, plan your budget, and build competitive offers.</p> | |
| <a href="#download" class="btn btn-primary">Download Free Guide →</a> | |
| </div> | |
| <div class="guide-preview"> | |
| <ul class="guide-highlights"> | |
| <li>Salary ranges by role & seniority</li> | |
| <li>Country-by-country breakdown</li> | |
| <li>Benefits & equity benchmarks</li> | |
| <li>Hiring trends for 2026</li> | |
| <li>Cost comparison vs US market</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section class="final-cta" id="book"> | |
| <div class="container"> | |
| <h2>Ready to scale your engineering team?</h2> | |
| <p>Book a strategy call with our team. We'll discuss your hiring needs, show you relevant profiles, and outline a custom plan for your company.</p> | |
| <a href="https://calendly.com/remotely/firstmark" class="btn btn-primary">Book Your Strategy Call →</a> | |
| <p style="margin-top: 16px; font-size: 14px; color: var(--gray-600);"> | |
| Exclusive offer for FirstMark portfolio companies | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <p>© 2026 Remotely. All rights reserved. | <a href="https://remotely.works">remotely.works</a></p> | |
| </div> | |
| </footer> | |
| <script> | |
| function playVideo(element, person) { | |
| // Video URLs - replace with actual video embed URLs | |
| const videos = { | |
| 'kenny': 'https://drive.google.com/file/d/VIDEO_ID_KENNY/preview', | |
| 'laurent': 'https://drive.google.com/file/d/VIDEO_ID_LAURENT/preview', | |
| 'tara': 'https://drive.google.com/file/d/VIDEO_ID_TARA/preview' | |
| }; | |
| // For now, show an alert - replace with actual video player | |
| alert('Video player would load here. Replace VIDEO_ID with actual video URLs from Drive.'); | |
| // Uncomment below when you have video URLs: | |
| // const iframe = document.createElement('iframe'); | |
| // iframe.src = videos[person]; | |
| // iframe.allow = 'autoplay'; | |
| // iframe.allowFullscreen = true; | |
| // element.parentNode.replaceChild(iframe, element); | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment