import Link from "next/link"

export default function ValuesSection() {
  return (
    <section id="more-positions" className="section pd-top-0 overflow-hidden">
      <div className="w-layout-blockcontainer container-default w-container">
        <div className="inner-container _1068px center">
          <div data-w-id="5c1fa9c3-1e74-faeb-fdc1-94202ec40445" style={{"opacity": "0", "filter": "blur(8px)"}} className="title-left-content-right">
            <div className="inner-container _460px">
              <h2>More positions</h2>
              <div className="mg-top-4x-extra-small">
                <p>
    ipsum dolor sit amet consectetur nec quis suspendisse nulla.                  </p>
              </div>
            </div>
            <Link href="/careers" className="tertiary-button w-inline-block">
              <div className="button-content">
                <div>
     See all positions</div>
                <div className="button-icon-wrapper secondary">
                  <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
                    <path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
                    </path>
                  </svg>
                  <div className="button-icon-bg bg-neutral-800">
                  </div>
                  <div className="button-icon-bg-inside bg-neutral-600">
                  </div>
                </div>
              </div>
            </Link>
          </div>
        </div>
      </div>
      <div data-w-id="21838807-4067-5a92-54da-582050a56a5c" style={{"opacity": "0", "filter": "blur(8px)"}} className="container-large">
        <div className="corner-gradient-container">
          <div className="box-wrapper">
            <div className="border-wrapper">
              <div className="box-grid">
                <div className="box-heading-wrapper">
                  <h3 className="display-4">Research</h3>
                </div>
                <div className="w-dyn-list">
                  <div role="list" className="careers-grid w-dyn-items">
                    <div role="listitem" className="flex-item w-dyn-item">
                      <Link href="/careers/ai-research-scientist" className="career-item w-inline-block">
                        <div>
                          <h3 className="display-4">AI Research Scientist</h3>
                          <div className="mg-top-3x-extra-small">
                            <div className="career-item-details">
                              <div className="item-details">New York, NY</div>
                              <div className="item-details-divider">
                               </div>
                              <div className="item-details">Full time</div>
                            </div>
                          </div>
                        </div>
                        <div className="button-icon-wrapper secondary">
                          <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
                            <path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
                            </path>
                          </svg>
                          <div className="button-icon-bg bg-neutral-800">
                          </div>
                          <div className="button-icon-bg-inside bg-neutral-600">
                          </div>
                        </div>
                        <div className="career-item-bg">
                        </div>
                      </Link>
                    </div>
                    <div role="listitem" className="flex-item w-dyn-item">
                      <Link href="/careers/machine-learning-engineer" className="career-item w-inline-block">
                        <div>
                          <h3 className="display-4">Machine Learning Engineer</h3>
                          <div className="mg-top-3x-extra-small">
                            <div className="career-item-details">
                              <div className="item-details">Los Angeles, CA</div>
                              <div className="item-details-divider">
                               </div>
                              <div className="item-details">Full time</div>
                            </div>
                          </div>
                        </div>
                        <div className="button-icon-wrapper secondary">
                          <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
                            <path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
                            </path>
                          </svg>
                          <div className="button-icon-bg bg-neutral-800">
                          </div>
                          <div className="button-icon-bg-inside bg-neutral-600">
                          </div>
                        </div>
                        <div className="career-item-bg">
                        </div>
                      </Link>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="box-divider">
              <div data-wf--corner-gradient-outline--variant="small" className="corner-gradient-wrapper">
                <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-left">
                </div>
                <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-left">
                </div>
                <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-right">
                </div>
                <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-right">
                </div>
              </div>
            </div>
            <div className="border-wrapper">
              <div className="box-grid">
                <div className="box-heading-wrapper">
                  <h3 className="display-4">Engineering</h3>
                </div>
                <div className="w-dyn-list">
                  <div role="list" className="careers-grid w-dyn-items">
                    <div role="listitem" className="flex-item w-dyn-item">
                      <Link href="/careers/ai-infrastructure-engineer" className="career-item w-inline-block">
                        <div>
                          <h3 className="display-4">AI Infrastructure Engineer</h3>
                          <div className="mg-top-3x-extra-small">
                            <div className="career-item-details">
                              <div className="item-details">
                                    </div>
                              <div className="item-details-divider">
                               </div>
                              <div className="item-details">Full time</div>
                            </div>
                          </div>
                        </div>
                        <div className="button-icon-wrapper secondary">
                          <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
                            <path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
                            </path>
                          </svg>
                          <div className="button-icon-bg bg-neutral-800">
                          </div>
                          <div className="button-icon-bg-inside bg-neutral-600">
                          </div>
                        </div>
                        <div className="career-item-bg">
                        </div>
                      </Link>
                    </div>
                    <div role="listitem" className="flex-item w-dyn-item">
                      <Link href="/careers/mlops-engineer" className="career-item w-inline-block">
                        <div>
                          <h3 className="display-4">
    Engineer                            </h3>
                          <div className="mg-top-3x-extra-small">
                            <div className="career-item-details">
                              <div className="item-details">
                                    </div>
                              <div className="item-details-divider">
                               </div>
                              <div className="item-details">Full time</div>
                            </div>
                          </div>
                        </div>
                        <div className="button-icon-wrapper secondary">
                          <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
                            <path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
                            </path>
                          </svg>
                          <div className="button-icon-bg bg-neutral-800">
                          </div>
                          <div className="button-icon-bg-inside bg-neutral-600">
                          </div>
                        </div>
                        <div className="career-item-bg">
                        </div>
                      </Link>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div data-wf--corner-gradient-outline--variant="small" className="corner-gradient-wrapper">
            <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-left">
            </div>
            <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-left">
            </div>
            <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-right">
            </div>
            <div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-right">
            </div>
            <div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-left">
            </div>
            <div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-right">
            </div>
            <div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-left">
            </div>
            <div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-right">
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
