@extends('layouts.app')

@section('content')

<nav class="dsdsd" aria-label="breadcrumb">
    <div class="container">
        <ol class="breadcrumb custom-breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
            
            <li class="breadcrumb-item active" aria-current="page">Careers</li>
        </ol>
    </div>
</nav>
<section class="career-section">
    <div class="container">
      <div class="row align-items-center">
        <!-- Left Content -->
        <div class="col-lg-6 mb-4 mb-lg-0">
          <div class="career-content">
            <h2 class="career-title">Achieve your <span>true potential</span></h2>
            <p class="career-text">
              At Blinds Marketg we value your contributions to our success and want to provide you with a benefits package 
              that protects your health and helps your financial security, now and in the future.
            </p>
            <a href="#" class="career-btn">Current opportunities</a>
          </div>
        </div>
        <!-- Right Image -->
        <div class="col-lg-6 career-image">
          <img src="{{ asset('assets/img/AdobeStock_300203685-r.jpg') }}" alt="Office">
        </div>
      </div>
    </div>
</section>


<section class="benefits-section">
    <div class="container">
      <h2>Our Benefits</h2>
      <div class="row g-4">
        
        <div class="col-md-3 col-6">
          <div class="benefit-box">
            <div class="benefit-icon">
              <i class="fa-solid fa-shield-heart"></i>
            </div>
            <div class="benefit-title">Comprehensive Health Plans</div>
          </div>
        </div>

        <div class="col-md-3 col-6">
          <div class="benefit-box">
            <div class="benefit-icon">
              <i class="fa-regular fa-clock"></i>
            </div>
            <div class="benefit-title">Flexi Time</div>
          </div>
        </div>

        <div class="col-md-3 col-6">
          <div class="benefit-box">
            <div class="benefit-icon">
              <i class="fa-solid fa-people-group"></i>
            </div>
            <div class="benefit-title">Parental and Family Leave</div>
          </div>
        </div>

        <div class="col-md-3 col-6">
          <div class="benefit-box">
            <div class="benefit-icon">
              <i class="fa-solid fa-wallet"></i>
            </div>
            <div class="benefit-title">Attendance Bonus</div>
          </div>
        </div>

      </div>
    </div>
</section>


<section class="graduates-section">
    <div class="container">
      <div class="row align-items-center g-5">
        
        <!-- Left Text -->
        <div class="col-lg-6">
          <h2 class="graduates-title">Graduates & Students</h2>
          <p class="graduates-text">
            With our graduate and student placement opportunities, you’ll jump straight into 
            the role and learn through on-the-job training, as well as contribution to obtaining 
            your professional qualifications. You’ll build core skills and experience the full 
            range of what we do.
          </p>
          <p class="graduates-text">
            Register your interest and we will keep you up-to-date with career opportunities.
          </p>
          <a href="#" class="graduates-btn">Click to register</a>
        </div>

        <!-- Right Image -->
        <div class="col-lg-6 graduates-img text-center">
          <img src="https://images.pexels.com/photos/3184360/pexels-photo-3184360.jpeg" alt="Graduates and Students">
        </div>

      </div>
    </div>
</section>

@endsection