403WebShell

403Webshell
Server IP : 45.32.152.128 / Your IP : 216.73.216.91
Web Server : nginx/1.24.0
System : Linux stage-vultr 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : forge ( 1000)
PHP Version : 8.2.14
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /home/forge/spin-robotics.pdgm.dev/bootstrap/ssr/assets/
Upload File :
[ Back ]
Current File : /home/forge/spin-robotics.pdgm.dev/bootstrap/ssr/assets/career-cf4e4112.js
import { jsxs, jsx } from "react/jsx-runtime";
import { M as ModalsContext, S as ScreenContext, B as Button, a as Img, I as Icon, c as Form, T as TextField, l as FileInput, e as Checkbox, f as Submit, g as MODALS } from "../ssr.js";
import { I as InvertedButton } from "./InvertedButton-d62689e6.js";
import { S as Select } from "./Select-fb15d7b3.js";
import { L as Layout } from "./Layout-afaec357.js";
import { useForm } from "@inertiajs/react";
import { useContext, useState, useEffect } from "react";
import "react-dom/server";
import "@inertiajs/react/server";
import "@phosphor-icons/react";
import "country-flag-emoji";
import "country-codes-list";
import "axios";
import "./NewHeader-3c700d6f.js";
import "./utils-cd74ed55.js";
import "./MetaData-d0a322dd.js";
function QuestionCarousel(props) {
  var _a, _b, _c, _d, _e;
  const { question, answers } = props;
  let [carIndex, setCarIndex] = useState(0);
  function previous() {
    if (carIndex == 0) {
      setCarIndex(answers.length - 1);
    } else {
      setCarIndex((p) => p - 1);
    }
  }
  function next() {
    if (carIndex == answers.length - 1) {
      setCarIndex(0);
    } else {
      setCarIndex((p) => p + 1);
    }
  }
  return /* @__PURE__ */ jsxs("div", { children: [
    /* @__PURE__ */ jsx("div", { className: "font-bold", children: question }),
    /* @__PURE__ */ jsx("div", { className: "mt-10px", children: /* @__PURE__ */ jsxs("div", { children: [
      /* @__PURE__ */ jsx("div", { children: (_a = answers[carIndex]) == null ? void 0 : _a.text }),
      /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-10px items-center", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-16px ", children: [
          ((_b = answers[carIndex]) == null ? void 0 : _b.photo) ? /* @__PURE__ */ jsx("img", { className: "w-55px h-55px rounded-full", src: `/assets/img/${(_c = answers[carIndex]) == null ? void 0 : _c.photo}`, alt: "Answer photo" }) : /* @__PURE__ */ jsx("div", { className: "w-55px h-55px bg-bege flex items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(Icon, { name: "person" }) }),
          /* @__PURE__ */ jsxs("div", { children: [
            /* @__PURE__ */ jsx("div", { children: (_d = answers[carIndex]) == null ? void 0 : _d.name }),
            /* @__PURE__ */ jsx("div", { className: "text-12", children: (_e = answers[carIndex]) == null ? void 0 : _e.role })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex ", children: [
          /* @__PURE__ */ jsx("div", { onClick: previous, className: "w-55px h-55px flex items-center justify-center cursor-pointer", children: /* @__PURE__ */ jsx(Icon, { className: `transform rotate-180`, name: "arrow-right" }) }),
          /* @__PURE__ */ jsx("div", { onClick: next, className: "w-55px h-55px bg-darkBrandColor flex items-center justify-center text-white cursor-pointer", children: /* @__PURE__ */ jsx(Icon, { name: "arrow-right" }) })
        ] })
      ] })
    ] }) })
  ] });
}
function Career(props) {
  var _a;
  const { distributors, careers } = props;
  const form = useForm({
    agree: true
  });
  const { data, post, transform } = form;
  const { open } = useContext(ModalsContext);
  const submit = (e) => {
    e.preventDefault();
    console.log(data);
    transform((data2) => ({ ...data2, phone: data2["code"] + data2["phone"], code: void 0 }));
    post(route("career"), {
      preserveScroll: true,
      preserveState: true,
      onSuccess: () => {
        open(MODALS.SUCCESS, true, {});
      }
    });
  };
  const { isMobile, setLocale, locale, t } = useContext(ScreenContext);
  let [showDetail, setShowDetail] = useState(null);
  useEffect(() => {
    careers.push({
      id: 0,
      name: "Not listed",
      obligation: "not important",
      description: "not important",
      sub: "sub",
      slug: "slug",
      show: false
    });
  }, []);
  return /* @__PURE__ */ jsxs(Layout, { fixed: true, children: [
    /* @__PURE__ */ jsxs("div", { className: "flex border-b border-lightGray mobile:flex-col pt-40px mobile:pt-85px", children: [
      /* @__PURE__ */ jsx("div", { className: "w-full flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "ml-160px mr-110px mobile:ml-16px mobile:mr-16px", children: [
        /* @__PURE__ */ jsx("h1", { className: "font-extrabold text-h32 mb-24px", children: t("Build the future of assembly with us") }),
        /* @__PURE__ */ jsx("h2", { children: t("Join Spin Robotics, a Danish robotics company dedicated to expanding the robotics market with end-of-arm-tooling (EOAT) for assembly tasks. You will be part of a diverse, international team of dedicated employees and an informal work environment making our growth journey as fun as possible.") }),
        /* @__PURE__ */ jsx(Button, { className: "mt-16px mobile:mb-24px mobile:w-full", href: "#positions", children: t("See open positions") })
      ] }) }),
      /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(Img, { className: "w-full object-cover", src: "/assets/img/careers-main-img.png", alt: "Career" }) })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "px-160px mobile:px-16px mt-85px pb-85px border-b border-lightGray mobile:border-b-0 mobile:mt-24px", children: [
      /* @__PURE__ */ jsx("h2", { className: "text-24 font-semibold mb-48px", children: t("What people love about working at Spin Robotics?") }),
      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 mobile:grid-cols-1 gap-x-125px gap-y-32px mobile:gap-32px", children: [
        /* @__PURE__ */ jsxs("div", { className: "mobile:border-b border-lightGray mobile:pb-24px", children: [
          /* @__PURE__ */ jsx("h3", { className: "mb-16px text-18 font-semibold mobile:hidden", children: t("Courage") }),
          /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col", children: [
            /* @__PURE__ */ jsxs("div", { children: [
              /* @__PURE__ */ jsx(Icon, { className: "mobile:mx-auto w-63px", name: "freedom" }),
              /* @__PURE__ */ jsx("div", { className: "mb-16px text-18 font-semibold nMob:hidden text-center mobile:mt-32px mobile:mb-16px", children: t("Courage") })
            ] }),
            /* @__PURE__ */ jsx("div", { className: "ml-32px mobile:ml-0 mobile:text-center", children: t("The robotics industry is constantly changing and working in the ever-changing environment encourages us to strive for the best collaborative screwdriving solutions.") })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "mobile:border-b border-lightGray mobile:pb-24px", children: [
          /* @__PURE__ */ jsx("h3", { className: "mb-16px text-18 font-semibold mobile:hidden", children: t("Passion") }),
          /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col", children: [
            /* @__PURE__ */ jsxs("div", { children: [
              /* @__PURE__ */ jsx(Icon, { className: "mobile:mx-auto w-63px", name: "passion" }),
              /* @__PURE__ */ jsx("div", { className: "mb-16px text-18 font-semibold nMob:hidden text-center mobile:mt-32px mobile:mb-16px", children: t("Passion") })
            ] }),
            /* @__PURE__ */ jsx("div", { className: "ml-32px mobile:ml-0 mobile:text-center", children: t("We are all united through our passion for innovation. We believe that the world can be a better place with people and cobots working side by side.") })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "mobile:border-b border-lightGray mobile:pb-24px", children: [
          /* @__PURE__ */ jsx("h3", { className: "mb-16px text-18 font-semibold mobile:hidden", children: t("Open communication") }),
          /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col", children: [
            /* @__PURE__ */ jsxs("div", { children: [
              /* @__PURE__ */ jsx(Icon, { className: "mobile:mx-auto w-63px", name: "group" }),
              /* @__PURE__ */ jsx("div", { className: "mb-16px text-18 font-semibold nMob:hidden text-center mobile:mt-32px mobile:mb-16px", children: t("Open communication") })
            ] }),
            /* @__PURE__ */ jsx("div", { className: "ml-32px mobile:ml-0 mobile:text-center", children: t("Our work environment meets everyone on the same eye level. We believe in individual freedom as a part of the journey") })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "mobile:border-b border-lightGray mobile:pb-24px", children: [
          /* @__PURE__ */ jsx("h3", { className: "mb-16px text-18 font-semibold mobile:hidden", children: t("Team Spirit") }),
          /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col", children: [
            /* @__PURE__ */ jsxs("div", { children: [
              /* @__PURE__ */ jsx(Icon, { className: "mobile:mx-auto w-63px", name: "communication" }),
              /* @__PURE__ */ jsx("div", { className: "mb-16px text-18 font-semibold nMob:hidden text-center mobile:mt-32px mobile:mb-16px", children: t("Team Spirit") })
            ] }),
            /* @__PURE__ */ jsx("div", { className: "ml-32px mobile:ml-0 mobile:text-center", children: t("We are a group of individuals with diverse backgrounds making up for a great team full of creativity, individuality, and support.") })
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsx("div", { id: "positions", className: "px-160px mobile:px-0 ", children: /* @__PURE__ */ jsxs("div", { className: "transform translate-y-110px mobile:-mt-200px", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col-reverse mb-40px", children: [
        /* @__PURE__ */ jsx("div", { className: "w-full flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "mr-110px mobile:mr-0 mobile:px-16px", children: [
          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-24 mb-24px mobile:mt-24px", children: t("Open Positions") }),
          /* @__PURE__ */ jsx("div", { children: t("Ready to start a career at Spin Robotics? Check Open positions below or send us an unsolicited application.") })
        ] }) }),
        /* @__PURE__ */ jsx("div", { className: "w-full ", children: /* @__PURE__ */ jsx(Img, { className: "w-full object-cover", src: "/assets/img/ficak-placeholder.png", alt: "Ficak" }) })
      ] }),
      careers.length > 0 && ((_a = careers == null ? void 0 : careers.filter((c) => c.show == true)) == null ? void 0 : _a.map(
        (c) => /* @__PURE__ */ jsxs("div", { className: "border border-lightGray p-24px bg-white mobile:mx-16px mb-32px", children: [
          /* @__PURE__ */ jsx("div", { className: "py-8px px-12px bg-lightBlue text-white inline-block", children: c.obligation }),
          /* @__PURE__ */ jsx("div", { className: "mt-20px mb-8px font-semibold text-18", children: c.name }),
          /* @__PURE__ */ jsx("div", { className: "font-bold mb-8px", children: c.sub }),
          /* @__PURE__ */ jsx("div", { className: `mb-16px markdown-body ${showDetail == c.id ? "h-full" : "h-70px overflow-hidden"}`, dangerouslySetInnerHTML: { __html: c.description } }),
          showDetail != c.id && /* @__PURE__ */ jsx(InvertedButton, { onClick: (e) => {
            e.preventDefault();
            setShowDetail(c.id);
          }, color: "darkBrandColor", className: "text-darkBrandColor border-darkBrandColor", href: "#", children: t("Read detail") }),
          showDetail == c.id && /* @__PURE__ */ jsx(InvertedButton, { onClick: (e) => {
            e.preventDefault();
            setShowDetail(null);
          }, color: "darkBrandColor", className: "text-darkBrandColor border-darkBrandColor", href: "#", children: t("Hide detail") })
        ] })
      ))
    ] }) }),
    /* @__PURE__ */ jsxs("div", { className: "pt-187px pb-340px mobile:pb-48px mobile:pt-130px bg-pink", children: [
      /* @__PURE__ */ jsx("h4", { className: "font-semibold text-18 text-center w-1/2 mobile:w-full mx-auto mb-8px", children: t("Did not you find the position you were looking for?") }),
      /* @__PURE__ */ jsxs("div", { className: "text-center w-1/2 mobile:w-full mx-auto", children: [
        t("If you believe you could create great value for our customers, please leave us a message on"),
        " ",
        /* @__PURE__ */ jsx("a", { className: "underline", href: "mailto:work@spin-robotics.com", children: "work@spin-robotics.com" })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "px-160px mobile:px-0 flex mobile:flex-col transform -translate-y-50% mobile:translate-y-0", children: [
      /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(Img, { className: "object-cover w-full h-450px mobile:h-250px", src: "/assets/img/child-with-robot.png", alt: "Child with robot" }) }),
      /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center bg-darkBrandColor text-white mobile:px-16px mobile:py-24px", children: /* @__PURE__ */ jsxs("div", { className: "w-1/2 mobile:w-full", children: [
        /* @__PURE__ */ jsx("h4", { className: "font-semibold text-24 mobile:text-center", children: t("We envision the future where humans work alongside robots") }),
        /* @__PURE__ */ jsx("div", { className: "mt-16px mb-24px", children: t("The world of robotics is constantly changing, and we’re always thinking about how to improve the future of assembly. Do you want to be a part of our exciting journey?") }),
        /* @__PURE__ */ jsx(Button, { className: "mobile:w-full bg-white", reverse: true, href: route("about_us"), children: t("Discover our mission") })
      ] }) })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "px-160px mobile:px-16px flex mobile:flex-col transform -translate-y-85px mobile:translate-y-0", children: [
      /* @__PURE__ */ jsx(Form, { className: "w-full mobile:mt-24px", form, onSubmit: submit, children: /* @__PURE__ */ jsxs("div", { className: "mr-125px mobile:mr-0", children: [
        /* @__PURE__ */ jsx("h3", { className: "font-extrabold text-h32 mb-24px", children: t("Let’s create the future of assembly together") }),
        /* @__PURE__ */ jsx(TextField, { name: "name", placeholder: t("Your Name"), label: /* @__PURE__ */ jsxs("span", { children: [
          t("Full Name"),
          " ",
          /* @__PURE__ */ jsx("span", { className: "text-red", children: "*" })
        ] }) }),
        /* @__PURE__ */ jsx(TextField, { label: /* @__PURE__ */ jsxs("span", { children: [
          t("Email"),
          " ",
          /* @__PURE__ */ jsx("span", { className: "text-red", children: "*" })
        ] }), name: "email", placeholder: "your@email.com" }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-end mt-12px", children: [
          /* @__PURE__ */ jsx(TextField, { wraperClassName: "max-w-125px", label: /* @__PURE__ */ jsxs("span", { children: [
            t("Phone"),
            " ",
            /* @__PURE__ */ jsx("span", { className: "text-red", children: "*" })
          ] }), name: "code", placeholder: "+000" }),
          /* @__PURE__ */ jsx("div", { className: "w-20px h-2px" }),
          /* @__PURE__ */ jsx(TextField, { className: "", name: "phone", placeholder: t("your phone number") })
        ] }),
        /* @__PURE__ */ jsx(TextField, { name: "linked_in", placeholder: t("Link to your LinkedIn profile"), label: /* @__PURE__ */ jsxs("span", { children: [
          t("Your LinkedIn"),
          " ",
          /* @__PURE__ */ jsx("span", { className: "text-red", children: "*" })
        ] }) }),
        /* @__PURE__ */ jsx(
          Select,
          {
            name: "position",
            placeholder: t("Choose a Position"),
            label: /* @__PURE__ */ jsxs("span", { children: [
              t("Position"),
              /* @__PURE__ */ jsx("span", { className: "text-red", children: "*" })
            ] }),
            defaultValue: t("Not listed"),
            options: careers == null ? void 0 : careers.map((c) => ({ text: c.name, value: c.name }))
          }
        ),
        /* @__PURE__ */ jsx(FileInput, { name: "cv_file", label: t("We would love to read your CV") }),
        /* @__PURE__ */ jsxs("div", { className: "text-darkBrandColor my-12px", children: [
          t("By clicking Send, you agree with"),
          " ",
          /* @__PURE__ */ jsx("a", { target: "_blank", href: route("gdpr"), className: "underline", children: t("Terms & Conditions and Processing of Personal Data") })
        ] }),
        /* @__PURE__ */ jsx(Checkbox, { name: "newsletter", label: t("Subscribe to Newsletter") }),
        /* @__PURE__ */ jsx(Submit, { value: t("Submit"), className: "mobile:w-full mt-24px" })
      ] }) }),
      /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col justify-center gap-y-48px mobile:py-24px", children: [
        /* @__PURE__ */ jsx(
          QuestionCarousel,
          {
            question: t("What are your personal highlights from working at Spin Robotics?"),
            answers: [
              { name: "Sune Straarup Jensen", role: t("Firmware Engineer at Spin Robotics"), text: t("Being able to use my knowledge and expertise in code design and code quality to deliver software that has had immediate and noticeable effects on the team’s ability to develop software faster and with a higher degree of robustness and maintainability."), photo: "sune-rounded.png" },
              { name: "Sune Straarup Jensen", role: t("Firmware Engineer at Spin Robotics"), text: t("Working with a dedicated team of engineers from various branches of engineering."), photo: "sune-rounded.png" },
              { name: "Julian Petersen", role: t("Former software Intern and Student Helper at Spin Robotics"), text: t("My personal highlight was to be such a big part part of Spin Robotics and see how the product and the company grows."), photo: "julian-rounded.png" },
              { name: "Alex Munk Jensen", role: t("Robot Engineer Intern and Student helper at Spin Robotics"), text: t("I’m able to work in development for things that actually make a difference."), photo: "alex-rounded.png" },
              { name: "Darren Matthew Pedersen", role: t("Electronic Engineer Intern at Spin Robotics"), text: t("Everyone is very relaxed and approachable which creates a great working environment"), photo: "darren-rounded.png" }
            ]
          }
        ),
        /* @__PURE__ */ jsx(
          QuestionCarousel,
          {
            question: t("What is the most valuable thing you have learned in your work?"),
            answers: [
              { name: "Alex Munk Jensen", role: t("Robot Engineer Intern and Student helper at Spin Robotics"), text: t("How good teamwork and good planning can help you do more than you thought you where able to."), photo: "alex-rounded.png" },
              { name: "Sune Straarup Jensen", role: t("Firmware Engineer at Spin Robotics"), text: t("The importance and difficulty of balancing the wish for perfect technical solution to all problems and the need for delivering solutions quickly to the end customer. The ability to choose compromises, which do not impact the agility and effectiveness of future development negatively, is a very important and difficult skill."), photo: "sune-rounded.png" },
              { name: "Julian Petersen", role: t("Former software Intern and Student Helper at Spin Robotics"), text: t("The most valuable thing about working at Spin Robotics was to work professionally as a software developer in a start up, and later on see it grow into a bigger company with daily stand-up meetings, sprints and monthly meeting with every department of the company to share knowledge."), photo: "julian-rounded.png" },
              { name: "Darren Matthew Pedersen", role: t("Electronic Engineer Intern at Spin Robotics"), text: t("Most valuable thing I learned is how much good communication really matters in the workplace."), photo: "darren-rounded.png" }
            ]
          }
        ),
        /* @__PURE__ */ jsx(
          QuestionCarousel,
          {
            question: t("Why would you recommend others to apply at Spin Robotics?"),
            answers: [
              { name: "Julian Petersen", role: t("Former software Intern and Student Helper at Spin Robotics"), text: t("I would recommend it to other students, because it’s a place to learn new things and has freedom to develop not the quickest but the best solution possible. On top of it, interns/students are on equal footing from day one and participating in dailies and other meetings."), photo: "julian-rounded.png" },
              { name: "Sune Straarup Jensen", role: t("Firmware Engineer at Spin Robotics"), text: t("At Spin Robotics you will have a great amount of influence and responsibility as to how work is done. You will have the opportunity to show your competences and improve on both products and workflow through your expertise. This is the place for you to work if you like to have a great deal of freedom and authority over your work, but also feel committed to learn and improve your competences to deliver high quality solutions."), photo: "sune-rounded.png" },
              { name: "Alex Munk Jensen", role: t("Robot Engineer Intern and Student helper at Spin Robotics"), text: t("Because it’s a great work environment and we have amazing colleagues."), photo: "alex-rounded.png" },
              { name: "Darren Matthew Pedersen", role: t("Electronic Engineer Intern at Spin Robotics"), text: t("I would recommend others to apply at Spin Robotics because the company is only getting bigger and better."), photo: "darren-rounded.png" }
            ]
          }
        )
      ] })
    ] })
  ] });
}
export {
  Career as default
};
Youez - 2016 - github.com/yon3zu
LinuXploit