import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
import CareerListing from "./CareerListing";
import { Col, Container, Row } from "react-bootstrap";
import Link from "next/link";
const CareerPage = () => {
  const banners = [
    {
      imageSrc: "/images/banner/career.webp",
      pageTitle: "Career",
      homePageUrl: "/",
      homePageText: "Home",
      activePageText: "Career",
    },
  ];
  return (
    <>
      <PageBanner banners={banners} />
      {/* <CareerListing /> */}
    <section className="ptb-100">
    <Container>
        <Row className="justify-content-center text-center">
          <Col md={10}>
            <h3 className="text-center">
              We're more than just a workplace. We're a family.
            </h3>
            <p className="text-center">
              We know that finding a meaningful and rewarding job can be a long
              journey. Our goal is to make that process as easy as possible for
              you, and to create a work environment that's satisfying - one
              where you'll look forward to coming to every day. Start your
              journey with us by browsing available jobs.
            </p>
          <Link href="https://advithconsulting.zohorecruit.in/careers" target="_blank"> <button className="default-btn mt-4"> Browse Jobs <i className="ri-arrow-right-line"></i></button></Link> 
          </Col>
        </Row>
      </Container>
      </section>
    </>
  );
};

export default CareerPage;