import { Metadata } from 'next';
import Header from "@/components/shared/layout/header/Header";
import CareerBanner from "@/components/pages/career/CareerBanner";
import OpenPosition from "@/components/pages/career/OpenPosition";
import Thrive from "@/components/pages/career/Thrive";
import Footer from "@/components/shared/layout/footer/Footer";
import CareerScrollProgressButton from "@/components/pages/career/CareerScrollProgressButton";
import CareerInitAnimations from "@/components/pages/career/CareerInitAnimations";
import { generateMetadata as createMetadata } from "@/lib/seo/metadata";

export const metadata: Metadata = createMetadata({
  title: "Careers - Join Our Team",
  description: "Explore career opportunities at GNX Soft. Join our team of talented professionals working on cutting-edge enterprise software solutions. View open positions and apply today.",
  keywords: [
    "Careers",
    "Job Openings",
    "Software Development Jobs",
    "Join Our Team",
    "Tech Careers",
    "Employment Opportunities",
  ],
  url: "/career",
});

const page = () => {
  return (
    <div className="tp-app">
      <Header />
      <main>
        <CareerBanner />
        <OpenPosition />
        <Thrive />
      </main>
      <Footer />
      <CareerScrollProgressButton />
      <CareerInitAnimations />
    </div>
  );
};

export default page;
