<div class="frp-candidate-hub">
  <style>
    .frp-candidate-hub, .frp-candidate-hub *, .frp-candidate-hub *::before, .frp-candidate-hub *::after {
      box-sizing: border-box;
    }
    .frp-candidate-hub {
      font-family: Arial, Helvetica, sans-serif;
      color: #374047;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 16px;
    }

    /* Hero blend card — overlaps up into the native photo banner above this block */
    .frp-candidate-hub-hero {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      max-width: 1150px;
      margin: -110px auto 40px;
      padding: 70px 70px 60px;
      border-radius: 32px;
      background: #ffffff;
      box-shadow: 0 15px 40px rgba(0,0,0,.08);
      border: 1px solid #dde1e4;
      position: relative;
      overflow: hidden;
    }
    @media (max-width: 640px) {
      .frp-candidate-hub-hero { padding: 40px 26px 34px; margin: -60px auto 32px; }
    }
    .frp-candidate-hub-hero-circle {
      position: absolute;
      top: -80px;
      right: -80px;
      width: 240px;
      height: 240px;
      border-radius: 50%;
      background: rgba(0,0,0,.04);
    }
    .frp-candidate-hub-eyebrow {
      display: inline-block;
      font-weight: 800;
      letter-spacing: .08em;
      margin-bottom: 22px;
      font-size: 12px;
      text-transform: uppercase;
      color: #000000;
    }
    .frp-candidate-hub-hero h1 {
      font-size: clamp(34px, 4.6vw, 56px);
      line-height: 1.05;
      max-width: 820px;
      margin: 0 0 20px;
      color: #000000;
      font-weight: 800;
    }
    .frp-candidate-hub-hero h1 span { color: #374047; }
    .frp-candidate-hub-hero-lead {
      font-size: 22px;
      line-height: 1.55;
      max-width: 800px;
      margin: 0 0 26px;
      color: #374047;
    }
    .frp-candidate-hub-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .frp-candidate-hub-hero-cta {
      display: inline-block;
      background: #000000;
      color: #ffffff;
      padding: 14px 26px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      font-size: 15px;
      box-shadow: 0 8px 20px rgba(0,0,0,.12);
    }
    .frp-candidate-hub-hero-cta--secondary { background: #eaecee; color: #000000; box-shadow: none; }

    .frp-candidate-hub-body { max-width: 1100px; margin: 0 auto; padding: 0 40px; }
    @media (max-width: 640px) { .frp-candidate-hub-body { padding: 0 8px; } }

    /* Groups */
    .frp-candidate-hub-group { margin: 0 0 44px; }
    .frp-candidate-hub-group-head { margin: 0 0 18px; }
    .frp-candidate-hub-group-head h2 {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #000000;
      margin: 0 0 6px;
    }
    .frp-candidate-hub-group-head p {
      font-size: 15px;
      line-height: 1.6;
      color: #5f6e78;
      margin: 0;
      max-width: 700px;
    }

    .frp-candidate-hub-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    @media (max-width: 900px) { .frp-candidate-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 560px) { .frp-candidate-hub-grid { grid-template-columns: 1fr; } }
    .frp-candidate-hub-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    @media (max-width: 560px) { .frp-candidate-hub-grid--2 { grid-template-columns: 1fr; } }

    .frp-candidate-hub-card {
      display: flex;
      flex-direction: column;
      height: 100%;
      background: #ffffff;
      border: 1px solid #dde1e4;
      border-radius: 18px;
      padding: 26px;
      text-decoration: none;
      color: inherit;
      transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    }
    .frp-candidate-hub-card:hover,
    .frp-candidate-hub-card:focus-visible {
      border-color: #000000;
      box-shadow: 0 14px 34px rgba(0,0,0,.08);
      transform: translateY(-3px);
    }
    .frp-candidate-hub-card h3 {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 800;
      color: #000000;
      margin: 0 0 10px;
      line-height: 1.25;
    }
    .frp-candidate-hub-card p {
      font-size: 14px;
      line-height: 1.6;
      color: #5f6e78;
      margin: 0 0 18px;
    }
    .frp-candidate-hub-card-go {
      margin-top: auto;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: 13px;
      color: #000000;
    }
    .frp-candidate-hub-card-go::after { content: "  \2192"; white-space: pre; }

    /* Closing — solid black card */
    .frp-candidate-hub-closing {
      background: #000000;
      border-radius: 24px;
      padding: 48px;
      margin: 8px 0 40px;
      text-align: center;
    }
    @media (max-width: 640px) { .frp-candidate-hub-closing { padding: 34px 24px; } }
    .frp-candidate-hub-closing-statement {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 800;
      font-size: clamp(22px, 3vw, 30px);
      line-height: 1.2;
      color: #ffffff;
      margin: 0 0 12px;
    }
    .frp-candidate-hub-closing p {
      font-size: 16px;
      line-height: 1.6;
      color: #c8ccd0;
      max-width: 560px;
      margin: 0 auto 22px;
    }
    .frp-candidate-hub-closing-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
    }
    .frp-candidate-hub-cta {
      display: inline-block;
      background: #ffffff;
      color: #000000;
      padding: 14px 26px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      font-size: 15px;
    }
    .frp-candidate-hub-cta--outline { background: transparent; color: #ffffff; border: 1px solid #5a5f63; }
  </style>

  <div class="frp-candidate-hub-hero">
    <div class="frp-candidate-hub-hero-circle" aria-hidden="true"></div>
    <span class="frp-candidate-hub-eyebrow">For Candidates</span>
    <h1>Everything You Need, <span>In One Place</span></h1>
    <p class="frp-candidate-hub-hero-lead">Whether you're just starting to look or ready for your next move, here's every tool, guide and resource we offer candidates — job search, career advice, salary tools, real stories from the industry and answers to the questions we hear most.</p>
    <div class="frp-candidate-hub-hero-actions">
      <a href="/jobs" class="frp-candidate-hub-hero-cta">Search Jobs</a>
      <a href="/user/register/applicant" class="frp-candidate-hub-hero-cta frp-candidate-hub-hero-cta--secondary">Create Your Account</a>
    </div>
  </div>

  <div class="frp-candidate-hub-body">

    <div class="frp-candidate-hub-group">
      <div class="frp-candidate-hub-group-head">
        <h2>Start Here</h2>
        <p>The two things most candidates do first.</p>
      </div>
      <div class="frp-candidate-hub-grid frp-candidate-hub-grid--2">
        <a class="frp-candidate-hub-card" href="/jobs">
          <h3>Search Jobs</h3>
          <p>Browse live fashion, retail and beauty roles and apply directly.</p>
          <span class="frp-candidate-hub-card-go">Search now</span>
        </a>
        <a class="frp-candidate-hub-card" href="/user/register/applicant">
          <h3>Create Your Account</h3>
          <p>Register your details so our consultants can match you to the right role.</p>
          <span class="frp-candidate-hub-card-go">Get started</span>
        </a>
      </div>
    </div>

    <div class="frp-candidate-hub-group">
      <div class="frp-candidate-hub-group-head">
        <h2>Explore Your Career</h2>
        <p>Not sure which direction fits you, or want to hear from people already doing the job?</p>
      </div>
      <div class="frp-candidate-hub-grid frp-candidate-hub-grid--2">
        <a class="frp-candidate-hub-card" href="/career-information-fashion-retail-personnel">
          <h3>Every Way Into Fashion &amp; Retail</h3>
          <p>Explore every specialism we recruit for — the day-to-day, typical job titles, skills and salary shape of each.</p>
          <span class="frp-candidate-hub-card-go">Explore careers</span>
        </a>
        <a class="frp-candidate-hub-card" href="/career-insights">
          <h3>Spotlight Sessions</h3>
          <p>Real interviews with people in the industry on what a day in their role is actually like.</p>
          <span class="frp-candidate-hub-card-go">Read the interviews</span>
        </a>
      </div>
    </div>

    <div class="frp-candidate-hub-group">
      <div class="frp-candidate-hub-group-head">
        <h2>Advice &amp; Tools</h2>
        <p>Practical help for wherever you are in the process.</p>
      </div>
      <div class="frp-candidate-hub-grid">
        <a class="frp-candidate-hub-card" href="/fashion-personnel-career-advice">
          <h3>Career Advice</h3>
          <p>CV tips, interview prep, salary negotiation and graduate advice from our specialist consultants.</p>
          <span class="frp-candidate-hub-card-go">Read the guides</span>
        </a>
        <a class="frp-candidate-hub-card" href="/fashion-personnel-salary-calculator">
          <h3>Salary Calculator</h3>
          <p>See what your experience could be worth in today's market.</p>
          <span class="frp-candidate-hub-card-go">Calculate salary</span>
        </a>
        <a class="frp-candidate-hub-card" href="/fashion-personnel-temps-salary-calculator">
          <h3>Temp Pay Calculator</h3>
          <p>Work out your real take-home pay for a temporary or freelance assignment.</p>
          <span class="frp-candidate-hub-card-go">Calculate pay</span>
        </a>
      </div>
    </div>

    <div class="frp-candidate-hub-group">
      <div class="frp-candidate-hub-group-head">
        <h2>Support</h2>
        <p>Temping with us, or just have a question?</p>
      </div>
      <div class="frp-candidate-hub-grid frp-candidate-hub-grid--2">
        <a class="frp-candidate-hub-card" href="/temps-hub">
          <h3>Temps Hub</h3>
          <p>Everything for temporary workers — getting started, timesheets, pay, tax and finishing an assignment.</p>
          <span class="frp-candidate-hub-card-go">Visit the Temps Hub</span>
        </a>
        <a class="frp-candidate-hub-card" href="/fashion-personnel-faqs-candidate">
          <h3>FAQs for Candidates</h3>
          <p>Answers to the questions candidates ask us most, from registering to what happens after you apply.</p>
          <span class="frp-candidate-hub-card-go">See the FAQs</span>
        </a>
      </div>
    </div>

    <div class="frp-candidate-hub-group">
      <div class="frp-candidate-hub-group-head">
        <h2>About Us</h2>
        <p>Get to know the team who could be placing you in your next role.</p>
      </div>
      <div class="frp-candidate-hub-grid frp-candidate-hub-grid--2">
        <a class="frp-candidate-hub-card" href="/meet-team">
          <h3>Meet the Team</h3>
          <p>The consultants behind Fashion &amp; Retail Personnel, and the specialisms they cover.</p>
          <span class="frp-candidate-hub-card-go">Meet the team</span>
        </a>
        <a class="frp-candidate-hub-card" href="/fashion-personnel-our-story">
          <h3>Our Story</h3>
          <p>Who we are, and what candidates who've worked with us have to say.</p>
          <span class="frp-candidate-hub-card-go">Read our story</span>
        </a>
      </div>
    </div>

    <div class="frp-candidate-hub-closing">
      <p class="frp-candidate-hub-closing-statement">Ready to get started?</p>
      <p>Browse live roles right now, or create your account so we can start matching you to the right opportunities.</p>
      <div class="frp-candidate-hub-closing-actions">
        <a href="/jobs" class="frp-candidate-hub-cta">Search Jobs</a>
        <a href="/user/register/applicant" class="frp-candidate-hub-cta frp-candidate-hub-cta--outline">Create Your Account</a>
      </div>
    </div>

  </div>
</div>

Everything You Need, In One Place

Start Here

Search Jobs

Create Your Account

Explore Your Career

Every Way Into Fashion & Retail

Spotlight Sessions

Advice & Tools

Career Advice

Salary Calculator

Temp Pay Calculator

Support

Temps Hub

FAQs for Candidates

About Us

Meet the Team

Our Story