---
import Layout from "../../layouts/Layout.astro";
import Header from "../../components/Header.astro";
import Footer from "../../components/Footer.astro";
import HeroSection from "../../components/HeroSection.astro";
---

<Layout 
  title="Equality, Diversity & Inclusion | Green Orbit Digital"
  description="Learn how Green Orbit Digital fosters an inclusive, diverse, and equitable workplace where everyone belongs and can thrive."
>
  <Header />

  <main class="py-8">
  <!-- HERO -->
  <HeroSection
    title="Equality, Diversity & Inclusion"
    description="We believe that equality, diversity and inclusion are fundamental to creating a positive, collaborative and forward-thinking culture."
  />

  <!-- INTRO -->
  <section class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 text-gray-700 dark:text-white space-y-6">

    <p>
      At Green Orbit Digital, we recognise that diverse perspectives drive stronger ideas, 
      more innovative solutions, and a more resilient organisation. By creating an environment 
      where everyone belongs, we empower our team to do their best work and ensure our impact 
      benefits the communities and industries we serve.
    </p>

    <p>
      Our approach to Equality, Diversity and Inclusion (EDI) is grounded in openness, 
      transparency, and continuous improvement. We aim to build a team that reflects the 
      diversity of the UK and the global space, technology and sustainability communities.
    </p>

    <p>
      EDI is not a box-ticking exercise—it is a fundamental part of who we are and how we work.
    </p>

  </section>

  <!-- COMMITMENTS -->
  <section class="py-16 bg-gray-50 dark:bg-primary-500">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12">

      <h2 class="text-3xl font-bold text-gray-900 dark:text-white text-center">
        Our Commitments
      </h2>

      <ul class="list-disc list-inside text-gray-700 dark:text-white space-y-4">
        <li>Embedding EDI principles into our culture, policies, and ways of working.</li>
        <li>Recruiting talented individuals from all backgrounds and enabling them to thrive.</li>
        <li>Celebrating individuality as part of a strong, collaborative and diverse team.</li>
        <li>Encouraging partners and collaborators to uphold inclusive practices.</li>
        <li>Sharing best practice and continually improving our approach.</li>
      </ul>

    </div>
  </section>

  <!-- OUR CULTURE -->
  <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20 space-y-8">
    <h2 class="text-3xl font-bold text-gray-900 dark:text-white">Our Inclusive Culture</h2>

    <p class="text-gray-700 dark:text-white">
      Our workplace is shaped by openness, collaboration, and the belief that all voices 
      should be heard. We maintain this through regular company-wide updates, open feedback 
      channels, and internal communities that help shape our direction.
    </p>

    <p class="text-gray-700 dark:text-white">
      We support a range of employee-led affinity groups—including networks for parents, 
      women in tech, mental health awareness, and early-career professionals. These groups 
      champion initiatives and ensure our EDI culture is lived, not just stated.
    </p>

    <p class="text-gray-700 dark:text-white">
      Our year-round EDI and wellbeing programme includes celebrations and learning 
      opportunities around events such as International Women’s Day, Pride, National 
      Inclusion Week, and Black History Month. Through workshops, talks, and shared 
      learning, we strengthen awareness across the organisation.
    </p>

    <p class="text-gray-700 dark:text-white">
      We also believe in connection and community—through social events, volunteering, 
      sports groups, film clubs, and shared interests that bring our team together.
    </p>
  </section>

  <!-- CAREER DEVELOPMENT -->
  <section class="py-16 bg-gray-50 dark:bg-primary-500">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">
      <h2 class="text-3xl font-bold text-gray-900 dark:text-white">Inclusive Career Development</h2>

      <p class="text-gray-700 dark:text-white">
        We’re building a workplace where everyone can advance confidently. Our Manager 
        Academy ensures leaders across the organisation foster inclusive, supportive 
        environments. Our training programmes reflect diverse learning styles so everyone 
        can grow in the way that suits them best.
      </p>

      <p class="text-gray-700 dark:text-white">
        We actively remove bias from our development and promotion processes by ensuring a 
        consistent, transparent framework for progression. We also support apprenticeships 
        and early-career pathways as part of our long-term commitment to a diverse pipeline 
        of talent.
      </p>

    </div>
  </section>

  <!-- DISABILITY CONFIDENT SECTION -->
  <section class="py-20 bg-white dark:bg-secondary-500">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 grid md:grid-cols-2 gap-12 items-center">

      <!-- Text -->
      <div data-aos="fade-right" class="space-y-6 text-gray-700 dark:text-white">
        <h2 class="text-3xl font-bold text-gray-900 dark:text-white">
          Disability Confident
        </h2>

        <p>
          We are a <strong>Disability Confident Committed Level 1</strong> employer. 
          We work proactively to ensure our environment, processes, and culture are 
          accessible and supportive for disabled people and colleagues with long-term 
          health conditions.
        </p>

        <p>
          Our commitments include widely promoting vacancies, offering interviews to 
          disabled applicants who meet the minimum criteria, and anticipating reasonable 
          adjustments during recruitment and employment.
        </p>

        <p>
          The UK’s 
          <a 
            href="https://www.gov.uk/government/collections/disability-confident-campaign" 
            target="_blank" 
            rel="noopener noreferrer"
            class="text-accent-500 underline"
          >
            Disability Confident programme
          </a> 
          encourages employers to champion accessibility and rethink traditional 
          approaches to recruitment, retention, and development.
        </p>
      </div>

      <!-- Image -->
      <div data-aos="fade-left" class="flex justify-center md:justify-end">
        <img 
          src="https://www.digicatapult.org.uk/wp-content/uploads/2024/03/Disability-confident-logo-497-x-228-700x0-c-default.jpg" 
          alt="Disability Confident logo"
          class="rounded-lg shadow-lg max-w-xs w-full object-contain"
          loading="lazy"
          decoding="async"
        />
      </div>

    </div>
  </section>

  <!-- GEDI PLAN -->
  <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20 space-y-6">
    <h2 class="text-3xl font-bold text-gray-900 dark:text-white">Our Gender, Equity, Diversity & Inclusion Plan</h2>

    <p class="text-gray-700 dark:text-white">
      Our team represents more than 40 nationalities, bringing together a rich diversity 
      of experience, perspectives and expertise. Our Gender, Equity, Diversity and 
      Inclusion (GEDI) plan is a living document—updated annually to reflect new learning, 
      evolving expectations and our commitment to continual improvement.
    </p>

    <a
      href="/gedi-plan"
      class="inline-block bg-accent-500 hover:bg-accent-600 text-white font-semibold px-8 py-4 rounded-lg transition"
    >
      Read the Plan
    </a>
  </section>
  </main>

  <!-- CTA -->
  <section class="w-full bg-secondary-500 py-16 text-white text-center">
    <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">Building a More Inclusive Future</h2>
    <p class="text-gray-700 dark:text-white mb-8">
      We’re committed to creating a workplace—and an industry—where everyone can thrive.
    </p>

    <a 
      href="/contact"
      class="inline-block px-8 py-4 bg-accent-500 hover:bg-accent-600 text-white text-lg rounded-lg transition font-semibold"
    >
      Get in Touch
    </a>
  </section>

  <Footer />
</Layout>