// CareerPage Component
import Contact from "@/components/common/Contact";
import Footer3 from "@/components/footers/Footer3";
import Header4 from "@/components/headers/Header4";
import Careerform from "@/components/common/Careerform";
import Oppertunities from "@/components/otherPages/Oppertunities";
import Link from "next/link";
import React from "react";

export const metadata = {
  title: "Career || Keystone Solutions",
  description:
    "Join our team at Keystone Solutions and build your career in business process outsourcing and data solutions",
};

export default function CareerPage() {
  return (
    <>
      <div className="primary-3 bg-color-1">
        <div className="wrap-page-header">
          <Header4 />

          {/* Page Title Section */}
          <section className="page-title tf-spacing-47 bg-color-1">
            <div className="tf-container">
              <div className="row">
                <div className="col-12">
                  {/* Breadcrumb */}
                  <div className="breadcrumb-trail mb-3">
                    <Link href="/" className="home-link text-body-2 text-dark">
                      Home
                    </Link>
                    <span className="separator text-body-2 mx-2">&gt;</span>
                    <span className="current-page text-body-2 text-primary">Career</span>
                  </div>

                  {/* Page Title */}
                  {/* Page Title */}
                  <div className="page-title-content">
                    <h1 className="page-title-main display-4 mb-3">
                      Career
                    </h1>
                    <p className="page-subtitle text-body-1 mb-0">
                      Join our team to take on meaningful challenges, grow your skills, and make an impact.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </section>
        </div>

        <div className="main-content">
          <Careerform />
        </div>
      </div>

      <Footer3 />
    </>
  );
}