403WebShell

403Webshell
Server IP : 45.32.152.128 / Your IP : 216.73.216.105
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/contact-a5e44d07.js
import { jsxs, jsx } from "react/jsx-runtime";
import { useContext } from "react";
import countryFlagEmoji from "country-flag-emoji";
import codesList from "country-codes-list";
import { a as Img, I as Icon, S as ScreenContext, M as ModalsContext, c as Form, B as Button, T as TextField, d as TextArea, f as Submit, e as Checkbox, g as MODALS } from "../ssr.js";
import { useForm, Link } from "@inertiajs/react";
import { L as Layout } from "./Layout-afaec357.js";
import { M as Map } from "./Map-afcd4cbf.js";
import { S as SubscribeComponent } from "./SubscribeComponent-eb3fa454.js";
import { S as Select } from "./Select-fb15d7b3.js";
import "react-dom/server";
import "@inertiajs/react/server";
import "@phosphor-icons/react";
import "axios";
import "./NewHeader-3c700d6f.js";
import "./utils-cd74ed55.js";
import "./MetaData-d0a322dd.js";
import "react-dom";
function ContactInquiryForm() {
  const { t } = useContext(ScreenContext);
  const { open } = useContext(ModalsContext);
  const inquiry = useForm({
    first_name: "",
    last_name: "",
    email: "",
    phone_prefix: "+44",
    phone: "",
    message: "",
    terms: true
  });
  const { data, setData, post, processing, reset } = inquiry;
  const submitInquiry = (e) => {
    e.preventDefault();
    post(route("contact.store"), {
      preserveScroll: true,
      onSuccess: () => {
        reset();
        open(MODALS.SUCCESSCONTACT, false, {
          modal: "success_toast",
          title: t("Email sent successfully"),
          message: t("Fusce consectetur risus a nunc. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur."),
          ctaLabel: t("Return to homepage"),
          toHref: route("index")
        });
      }
    });
  };
  const dialOptions = [
    { cc: "GB", dial: "+44" },
    { cc: "ES", dial: "+34" },
    { cc: "DK", dial: "+45" },
    { cc: "CZ", dial: "+420" },
    { cc: "PL", dial: "+48" },
    { cc: "US", dial: "+1" },
    { cc: "DE", dial: "+49" },
    { cc: "IT", dial: "+39" },
    { cc: "FR", dial: "+33" },
    { cc: "SE", dial: "+46" },
    { cc: "NO", dial: "+47" },
    { cc: "FI", dial: "+358" },
    { cc: "IE", dial: "+353" },
    { cc: "AT", dial: "+43" },
    { cc: "CH", dial: "+41" },
    { cc: "BE", dial: "+32" },
    { cc: "NL", dial: "+31" },
    { cc: "PT", dial: "+351" },
    { cc: "GR", dial: "+30" },
    { cc: "RO", dial: "+40" },
    { cc: "HU", dial: "+36" },
    { cc: "BG", dial: "+359" },
    { cc: "HR", dial: "+385" },
    { cc: "SI", dial: "+386" },
    { cc: "SK", dial: "+421" },
    { cc: "LT", dial: "+370" },
    { cc: "LV", dial: "+371" },
    { cc: "EE", dial: "+372" },
    { cc: "IS", dial: "+354" }
  ];
  return /* @__PURE__ */ jsxs("div", { className: "px-160px mobile:px-16px mt-48px pt-[56px]", children: [
    /* @__PURE__ */ jsx("h2", { className: "text-24 font-semibold mb-24px", children: t("Contact Us") }),
    /* @__PURE__ */ jsxs(Form, { form: inquiry, className: "grid grid-cols-3 gap-16px mobile:grid-cols-1", onSubmit: submitInquiry, children: [
      /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[540px]", children: [
        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
          TextField,
          {
            label: t("First Name"),
            name: "first_name",
            placeholder: t("ex.Julius"),
            required: true
          }
        ) }),
        /* @__PURE__ */ jsx(
          TextField,
          {
            label: t("Email"),
            type: "email",
            name: "email",
            placeholder: t("ex. your@email.com"),
            required: true
          }
        )
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[540px]", children: [
        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
          TextField,
          {
            label: t("Last Name"),
            name: "last_name",
            placeholder: t("ex. Nowak"),
            required: true
          }
        ) }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-16px", children: [
          /* @__PURE__ */ jsx(
            Select,
            {
              labelClassName: "text-14",
              name: "phone_prefix",
              label: /* @__PURE__ */ jsxs("span", { children: [
                t("Phone"),
                /* @__PURE__ */ jsx("span", { className: "text-red ", children: "*" })
              ] }),
              options: dialOptions.map((o) => {
                var _a;
                return {
                  text: /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
                    /* @__PURE__ */ jsx("span", { className: "mr-8px h-24px w-24px", children: (_a = countryFlagEmoji.get(o.cc)) == null ? void 0 : _a.emoji }),
                    o.dial
                  ] }),
                  value: o.dial
                };
              })
            }
          ),
          /* @__PURE__ */ jsx(
            TextField,
            {
              placeholder: t("your phone number"),
              value: data.phone,
              onChange: (e) => setData("phone", e.target.value),
              name: "phone"
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ jsx("div", { className: "row-span-2 w-full max-w-[540px] flex flex-col h-full", children: /* @__PURE__ */ jsx(TextArea, { className: "h-[146px]", label: "Message", required: true, placeholder: t("Your Message…"), name: "message" }) }),
      /* @__PURE__ */ jsxs("div", { className: "col-span-3  mobile:col-span-1 flex items-start justify-between mobile:flex-col", children: [
        /* @__PURE__ */ jsxs("div", { className: "text-14  mr-16px", children: [
          t("By clicking “Send”, you acknowledge that you have reviewed and accepted the"),
          " ",
          /* @__PURE__ */ jsx(Link, { href: route("gdpr"), className: "underline", children: t("Terms and Conditions") }),
          "."
        ] }),
        /* @__PURE__ */ jsx(Submit, { className: "mt-8px mobile:mt-16px", value: t("Send"), disabled: processing })
      ] }),
      /* @__PURE__ */ jsx(
        Checkbox,
        {
          className: "hidden",
          name: "terms",
          checked: data.terms,
          onChange: (e) => setData("terms", e.target.checked)
        }
      )
    ] })
  ] });
}
function ContactCard(props) {
  const { name, desc, phone, phoneLink, email, img } = props;
  return /* @__PURE__ */ jsxs("div", { className: "flex justify-between rounded-sm border border-lightGray p-24px mt-24px mobile:mt-80px mobile:justify-center  items-center", children: [
    /* @__PURE__ */ jsxs("div", { className: "mr-24px mobile:mr-0", children: [
      /* @__PURE__ */ jsx("div", { className: "w-125px h-125px hidden mobile:block -mt-85px mx-auto", children: /* @__PURE__ */ jsx(Img, { className: "w-full rounded-sm", src: img, alt: name }) }),
      /* @__PURE__ */ jsx("div", { className: "text-18 font-semibold mobile:mt-16px mobile:text-center", children: name }),
      /* @__PURE__ */ jsx("div", { className: "mobile:text-center text-16 mt-8px", children: desc }),
      phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center mobile:justify-center mt-8px", children: [
        /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "telephone" }),
        /* @__PURE__ */ jsx("a", { href: "tel:" + phone, className: "underline text-16", children: phone })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center mobile:justify-center mt-8px", children: [
        /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px flex-shrink-0", name: "email" }),
        /* @__PURE__ */ jsx("a", { href: "mailto:" + email, className: "underline text-16", children: email })
      ] })
    ] }),
    /* @__PURE__ */ jsx("div", { className: "h-125px w-auto mobile:hidden flex-shrink-0", children: /* @__PURE__ */ jsx(Img, { className: "w-auto min-w-125px h-125px rounded-sm", src: img, alt: name }) })
  ] });
}
function Contact(props) {
  var _a;
  const { distributors, authors } = props;
  const form = useForm({});
  const { data, post, reset, setData } = form;
  const { isMobile } = useContext(ScreenContext);
  useContext(ModalsContext);
  let countryOptions = [
    { text: "Denmark", value: "1" },
    { text: "Sweden", value: "1" },
    { text: "Finland", value: "1" },
    { text: "Iceland", value: "1" },
    { text: "Norway", value: "1" },
    { text: "Ireland", value: "2" },
    { text: "United Kingdom", value: "2" },
    { text: "Austria", value: "3" },
    { text: "Belgium", value: "3" },
    { text: "Germany", value: "3" },
    { text: "Luxemburg", value: "3" },
    { text: "Netherlands", value: "3" },
    { text: "Switzerland", value: "3" },
    { text: "France", value: "4" },
    { text: "Greece", value: "4" },
    { text: "Italy", value: "4" },
    { text: "Portugal", value: "4" },
    { text: "Malta", value: "4" },
    { text: "Turkey", value: "4" },
    { text: "Spain", value: "5" },
    { text: "Bulgaria", value: "5" },
    { text: "Croatia", value: "5" },
    { text: "Czech Republic", value: "5" },
    { text: "Poland", value: "5" },
    { text: "Romania", value: "5" },
    { text: "Slovakia", value: "5" },
    { text: "Slovenia", value: "5" },
    { text: "Estonia", value: "5" },
    { text: "Lithuania", value: "5" },
    { text: "Latvia", value: "5" },
    { text: "Hungary", value: "6" }
  ];
  const myCountryCodesObject = codesList.customList("countryCode", "[{countryCode}] {countryNameEn}: +{countryCallingCode}");
  for (const [key, value] of Object.entries(myCountryCodesObject)) {
    let str = String(value);
    str.split(":")[1];
    if (countryOptions == null ? void 0 : countryOptions.find((c) => {
      var _a2;
      return (c == null ? void 0 : c.text) == ((_a2 = countryFlagEmoji.get(key)) == null ? void 0 : _a2.name);
    }))
      ;
    else {
      countryOptions.push(
        { text: (_a = countryFlagEmoji.get(key)) == null ? void 0 : _a.name, value: "7" }
      );
    }
  }
  let { t } = useContext(ScreenContext);
  return /* @__PURE__ */ jsxs(Layout, { fixed: true, children: [
    /* @__PURE__ */ jsx(ContactInquiryForm, {}),
    /* @__PURE__ */ jsxs("div", { className: "flex  mobile:flex-col mobile:pt-100px pt-60px transform -translate-y-2px", children: [
      /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col", children: [
        /* @__PURE__ */ jsxs("div", { className: "pl-160px mobile:p-16px py-85px", children: [
          /* @__PURE__ */ jsx("h1", { className: "text-h32 font-extrabold mb-24px w-9/12 mobile:w-full mobile:text-center", children: t("Do not hesitate to get in touch with us!") }),
          /* @__PURE__ */ jsxs("div", { className: "flex items-center mobile:justify-center ", children: [
            /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "email" }),
            /* @__PURE__ */ jsx("a", { href: "mailto:sales@spin-robotics.com", className: "underline", children: "sales@spin-robotics.com" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-8px  mobile:mt-24px mobile:justify-center ", children: [
            /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "telephone" }),
            /* @__PURE__ */ jsx("a", { href: "tel:004563121200", className: "underline", children: "+45 63 12 12 00" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-8px  mobile:mt-24px mobile:justify-center ", children: [
            /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "telephone" }),
            /* @__PURE__ */ jsx("a", { href: "tel:+45 63 12 12 01", className: "underline", children: "+45 63 12 12 01 (Tech Support)" })
          ] })
        ] }),
        isMobile ? /* @__PURE__ */ jsx("div", { className: "h-full  w-full relative", children: /* @__PURE__ */ jsx(Map, {}) }) : /* @__PURE__ */ jsx("div", { className: "h-1/2 flex-grow w-full relative", children: /* @__PURE__ */ jsx(Map, {}) })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "w-full bg-pink", children: [
        /* @__PURE__ */ jsx(Img, { className: "w-full mobile:hidden ", src: "/assets/img/contact.jpg", alt: "group photo" }),
        /* @__PURE__ */ jsx("div", { className: "w-8/12 mx-auto mobile:w-full my-32px mobile:px-16px", children: /* @__PURE__ */ jsx("h2", { children: t("Our mission is to revolutionize screwdriving in assembly through a truly safe employee-robot collaboration.") }) })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col px-160px mobile:px-16px", children: [
      /* @__PURE__ */ jsxs("div", { className: "w-full border-r mobile:border-none border-lightGray mobile:py-40px py-80px pr-110px mobile:pr-0", children: [
        /* @__PURE__ */ jsx("div", { className: "text-24 font-semibold mobile:text-center mobile:mb-100px flex items-center", children: /* @__PURE__ */ jsx("span", { children: t("General inquiries") }) }),
        authors.filter((a) => a.section == "general").map(
          (au) => /* @__PURE__ */ jsx(ContactCard, { name: au.name, desc: au.story, phone: au.phone, email: au.email, img: au.thumbnail })
        ),
        /* @__PURE__ */ jsx("h2", { className: "text-24 font-semibold mobile:text-center mobile:mb-100px mt-24px", children: t("Tech support") }),
        authors.filter((a) => a.section == "support").map(
          (au) => /* @__PURE__ */ jsx(ContactCard, { name: au.name, desc: au.story, phone: au.phone, email: au.email, img: au.thumbnail })
        )
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "w-full mobile:py-40px py-80px pl-110px mobile:pl-0", children: [
        /* @__PURE__ */ jsx(Form, { form, onChange: () => {
          console.log(data["sales"]);
        }, onSubmit: (e) => {
          e.preventDefault();
        }, className: "flex mobile:flex-col items-center mobile:px-16px", children: /* @__PURE__ */ jsx("h2", { className: "text-24 font-semibold mobile:text-center mobile:mb-16px mr-16px", children: t("Sales") }) }),
        authors.filter((a) => a.section == "sales").map(
          (au) => /* @__PURE__ */ jsx(ContactCard, { name: au.name, desc: au.story, phone: au.phone, email: au.email, img: au.thumbnail })
        )
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
      /* @__PURE__ */ jsx("div", { className: "absolute -top-80px left-0 opacity-0", id: "media", children: "media" }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-16px mobile:border-t border-lightGray", children: [
        /* @__PURE__ */ jsx("div", { className: "h-1px w-full bg-lightGray mobile:hidden" }),
        /* @__PURE__ */ jsx("h3", { className: "text-24 font-semibold mx-24px mobile:mx-auto mobile:mt-40px", children: t("Press") }),
        /* @__PURE__ */ jsx("div", { className: "h-1px w-full bg-lightGray mobile:hidden" })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 mobile:grid-cols-1 px-160px mobile:px-16px mobile:py-32px py-60px", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col ", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center mobile:justify-center", children: [
            /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "email" }),
            /* @__PURE__ */ jsx("a", { href: "mailto:info@spin-robotics.com", className: "underline", children: "info@spin-robotics.com" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "flex items-center ml-32px mobile:ml-0 mobile:mt-24px mobile:justify-center", children: [
            /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "telephone" }),
            /* @__PURE__ */ jsx("a", { href: "tel:004563121200", className: "underline", children: "+45 63 12 12 00" })
          ] })
        ] }),
        /* @__PURE__ */ jsx("div", { className: "flex mobile:flex-col mobile:mt-32px justify-center", children: /* @__PURE__ */ jsxs("a", { className: `h-50px transform text-16 duration-300 border ${"text-darkBrandColor border bg-white hover:bg-darkBrandColor border-darkBrandColor hover:border-white hover:text-white "}   rounded-sm ${" px-22px"} inline-flex items-center justify-center font-normal`, href: "/assets/PresskitV2.pdf", target: "_blank", download: true, children: [
          /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px mr-16px", name: "download" }),
          /* @__PURE__ */ jsx("span", { children: t("Press kit (.pdf)") })
        ] }) })
      ] })
    ] }),
    /* @__PURE__ */ jsx("div", { className: " flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full  mobile:flex-col", children: [
      /* @__PURE__ */ jsx("div", { className: "w-full mobile:pl-0 pl-160px mobile:py-0 py-60px background-half", children: /* @__PURE__ */ jsx(Img, { className: "w-full object-cover min-h-1/2vh", src: "/assets/img/fotorameno.png", alt: "robotic arm" }) }),
      /* @__PURE__ */ jsx("div", { className: "w-full mobile:pr-0 pr-160px mobile:py-0 py-60px", children: /* @__PURE__ */ jsx("div", { className: "bg-darkBrandColor w-full h-full flex justify-center items-center text-white", children: /* @__PURE__ */ jsxs("div", { className: "w-2/3 mobile:w-full mobile:flex mobile:flex-col mobile:px-16px mobile:py-24px", children: [
        /* @__PURE__ */ jsx("h4", { className: "text-24 font-semibold mobile:text-center", children: t("Ready to increase profit margins and production quality?") }),
        /* @__PURE__ */ jsx(Button, { reverse: true, className: "mx-auto mobile:w-full my-24px bg-white", href: route("getQuote"), children: t("Get a Quote") }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
          /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px", name: "info" }),
          /* @__PURE__ */ jsxs("div", { className: "text-14 ml-16px", children: [
            t("Need more info? Just "),
            /* @__PURE__ */ jsx(Link, { href: "/demo", children: /* @__PURE__ */ jsx("span", { className: "underline font-medium", children: t("Book a Live Demo.") }) })
          ] })
        ] })
      ] }) }) })
    ] }) }),
    /* @__PURE__ */ jsxs("div", { className: "flex mobile:flex-col ", children: [
      /* @__PURE__ */ jsx("div", { className: "bg-pink w-full mobile:px-16px pl-160px  mobile:pt-24px pt-30px overflow-y-hidden", children: /* @__PURE__ */ jsx("div", { className: "w-5/6 mobile:w-full grid", children: /* @__PURE__ */ jsxs("div", { className: "w-full pr-30px mobile:w-full mobile:flex mobile:flex-col row-start-1 col-start-1", children: [
        /* @__PURE__ */ jsx("h4", { className: "text-24 mb-24px font-semibold mobile:text-center", children: t("Are you interested in the return of your investment?") }),
        /* @__PURE__ */ jsx("div", { className: "text-16 mb-16px text-center nMob:text-left", children: t("Every investment needs to provide a solid return. Calculate your return on investment on the collaborative screwdriver products with our simple ROI calculator.") }),
        /* @__PURE__ */ jsx(Button, { reverse: true, className: "mx-auto mobile:w-full bg-pink border-black text-black hover:text-black hover:border-black", onClick: (e) => {
          e.preventDefault();
        }, href: route("calculator"), children: t("Get started") }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center text-darkBrandColor my-24px", children: [
          /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px", name: "info" }),
          /* @__PURE__ */ jsx("div", { className: "text-14 ml-16px", children: t("Without any obligation to provide your e-mail adress.") })
        ] })
      ] }) }) }),
      /* @__PURE__ */ jsx(SubscribeComponent, {})
    ] })
  ] });
}
export {
  ContactCard,
  Contact as default
};
Youez - 2016 - github.com/yon3zu
LinuXploit