
<style>{`
  /* Break the home page out of Zudoku's xl:max-w-3xl prose cap and
     drop the empty sidecar column that's reserved for the TOC. */
  .prose:has(> .home-hero) {
    max-width: none !important;
    width: 100% !important;
  }
  div.grid:has(.home-hero) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  div.grid:has(.home-hero) > div.hidden {
    display: none !important;
  }

  .home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
    padding: 1rem 0 2rem;
    max-width: 1200px;
  }
  @media (min-width: 900px) {
    .home-hero {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
      gap: 3rem;
    }
  }
  .home-hero h1 {
    margin-top: 0.75rem;
    font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.02em;
  }
  .home-hero .eyebrow {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted-foreground, #6b7280);
  }
  .home-hero .lede {
    margin-top: 1rem;
    font-size: 1.05rem;
    line-height: 1.55;
    color: var(--muted-foreground, #4b5563);
    max-width: 38rem;
  }
  .home-hero .cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
  }
  .home-hero .cta a {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
  }
  .home-hero .cta a.primary {
    background: var(--primary, #4f46e5);
    color: var(--primary-foreground, #ffffff);
  }
  .home-hero .cta a.secondary {
    border: 1px solid var(--border, #e5e7eb);
    color: inherit;
  }
  .home-hero .code {
    min-width: 0;
  }

  .home-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0 2rem;
  }
  .home-stats .stat {
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 0.5rem;
    padding: 0.65rem 0.9rem;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }
  .home-stats .stat .num {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--primary, #4f46e5);
    line-height: 1;
  }
  .home-stats .stat .label {
    font-size: 0.8rem;
    color: var(--muted-foreground, #6b7280);
  }
`}</style>

<div className="home-hero">
  <div>
    <h1>High Performance Job Posting API</h1>
    <p className="lede">Access over 10 million jobs per month across ATS platforms and job boards. Our APIs refresh hourly, and 95% of jobs are discovered within 3 hours of posting.</p>
    <div className="cta">
      <a href="/pricing" className="primary">Get API key</a>
      <a href="/api" className="secondary">Explore docs</a>
    </div>
  </div>
  <div className="code">
    <CodeTabs>
      <CodeTabPanel
        language="bash"
        title="curl"
        code={`curl --get https://data.fantastic.jobs/v0.9/active-ats \\
  -H "Authorization: Bearer YOUR_API_KEY" \\
  -d time_frame="24h" \\
  -d title="Software Engineer" \\
  -d location="United States"`}
      />
    </CodeTabs>
  </div>
</div>

<div className="home-stats">
  <div className="stat">
    <span className="num">3M+</span>
    <span className="label">Career site jobs / month</span>
  </div>
  <div className="stat">
    <span className="num">11M+</span>
    <span className="label">Job board jobs / month</span>
  </div>
</div>

{/*
```json title="Example ATS response"
{
  "id": 2117296904,
  "date_posted": "2026-04-21T16:42:37",
  "date_created": "2026-04-21T17:18:27.29391",
  "title": "Staff Software Engineer, Continuous Integration",
  "organization": "Anthropic",
  "organization_url": "https://www.anthropic.com/",
  "date_valid_through": "2026-05-21T23:59:59",
  "locations": [
    {
      "@type": "Place",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "United Kingdom",
        "addressLocality": "London, UK"
      }
    }
  ],
  "locations_alt": "London, UK (Hybrid)",
  "location_type": "On-site",
  "location_requirements": "United Kingdom",
  "salary": {
    "@type": "MonetaryAmount",
    "currency": "GBP",
    "value": {
      "@type": "QuantitativeValue",
      "minValue": 325000,
      "maxValue": 390000,
      "unitText": "YEAR"
    }
  },
  "employment_type": ["FULL_TIME"],
  "url": "https://job-boards.greenhouse.io/anthropic/jobs/5073998008",
  "source_type": "ats",
  "source": "greenhouse",
  "source_domain": "job-boards.greenhouse.io",
  "organization_logo": "https://logos.anthropic.com/logo.png",
  "cities_derived": ["London"],
  "counties_derived": ["Greater London"],
  "regions_derived": ["England"],
  "countries_derived": ["United Kingdom"],
  "locations_derived": ["London, England, United Kingdom"],
  "timezones_derived": ["Europe/London"],
  "lats_derived": [51.5074456],
  "lngs_derived": [-0.1277653],
  "domain_derived": "anthropic.com",
  "org_linkedin_slug": "anthropicresearch",
  "ai_salary_currency": "GBP",
  "ai_salary_value": null,
  "ai_salary_min_value": 325000,
  "ai_salary_max_value": 390000,
  "ai_salary_unit_text": "YEAR",
  "ai_benefits": [
    "Competitive compensation",
    "Optional equity donation matching",
    "Generous vacation",
    "Parental leave",
    "Flexible working hours"
  ],
  "ai_experience_level": "10+",
  "ai_work_arrangement": "Hybrid",
  "ai_work_arrangement_office_days": 1,
  "ai_remote_location": "null",
  "ai_remote_location_derived": null,
  "ai_key_skills": [
    "CI/CD systems",
    "Buildkite",
    "Jenkins",
    "GitHub Actions",
    "Container orchestration",
    "Kubernetes",
    "Developer productivity",
    "Incident response",
    "Observability",
    "Test infrastructure",
    "Merge queue management",
    "Branching strategies",
    "CLI tools",
    "GitHub API",
    "Automation"
  ],
  "ai_hiring_manager_name": "Jane Doe",
  "ai_hiring_manager_email_address": "jane.doe@anthropic.com",
  "ai_core_responsibilities": "Design and build highly reliable, scalable CI infrastructure to support thousands of daily builds across multiple cloud providers. Develop intelligent test selection systems and incident response automation to improve developer productivity and system reliability.",
  "ai_requirements_summary": "Requires 10+ years of industry experience in building and operating large-scale CI/CD systems and container orchestration. Candidates must possess excellent communication skills and a deep focus on developer productivity and system reliability.",
  "ai_working_hours": 40,
  "ai_employment_type": ["FULL_TIME"],
  "ai_job_language": "English",
  "ai_visa_sponsorship": true,
  "ai_keywords": [
    "Software Engineer",
    "Continuous Integration",
    "CI/CD",
    "Infrastructure",
    "Kubernetes",
    "Buildkite",
    "Jenkins",
    "GitHub Actions",
    "Monorepo",
    "Cloud providers",
    "Test infrastructure",
    "Merge queue",
    "Branch management",
    "Observability",
    "Automation",
    "Developer productivity",
    "Reliability",
    "Scalability",
    "Flake detection",
    "CLI tools",
    "GitHub API",
    "AI systems",
    "Software development lifecycle"
  ],
  "ai_taxonomies_a": ["Software", "Technology", "Engineering"],
  "ai_education": ["bachelor degree"]
}
```
*/}
