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/case_story_detail-1842bcd2.js
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { useContext, useState } from "react";
import { CaseStoryCard } from "./case_stories-4b95ea56.js";
import { S as ScreenContext, M as ModalsContext, a as Img, I as Icon, B as Button } from "../ssr.js";
import { useForm, Link } from "@inertiajs/react";
import { L as Layout } from "./Layout-afaec357.js";
import { R as ResponsiveImage } from "./ResponsiveImage-fb563fb8.js";
import { S as SubscribeComponent } from "./SubscribeComponent-eb3fa454.js";
import "./useLazyLoad-e2016777.js";
import "./utils-cd74ed55.js";
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 "./MetaData-d0a322dd.js";
function Case_story_detail(props) {
  const { case_story, case_stories } = props;
  const { isMobile, setLocale, locale, t } = useContext(ScreenContext);
  useContext(ModalsContext);
  useForm({});
  const [clicked, setClicked] = useState(false);
  function videoId(url) {
    if (url) {
      return url.split("=")[1];
    } else {
      return null;
    }
  }
  return /* @__PURE__ */ jsx(Layout, { SEO: case_story == null ? void 0 : case_story.SEO, fixed: true, children: /* @__PURE__ */ jsxs("div", { className: "pt-85px mobile:pt-24px", children: [
    /* @__PURE__ */ jsxs("div", { className: "py-85px mobile:px-0 px-160px border-b border-lightGray", children: [
      /* @__PURE__ */ jsx("h1", { className: "text-h32 mobile:mx-16px font-semibold", children: case_story.headline }),
      /* @__PURE__ */ jsx("div", { className: "font-semibold mobile:mx-16px text-18 mt-24px", children: case_story.sub }),
      /* @__PURE__ */ jsxs("div", { className: "w-full mobile:flex-col flex mt-85px mobile:mt-40px", children: [
        /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(Img, { src: case_story.headline_img, alt: "headline img" }) }),
        /* @__PURE__ */ jsx("div", { className: "w-full flex items-center justify-center flex-col", children: /* @__PURE__ */ jsxs("div", { className: " pl-110px mobile:px-16px mobile:mt-24px", children: [
          /* @__PURE__ */ jsx("div", { className: "text-24 font-semibold mb-24px", children: t("About the Company") }),
          /* @__PURE__ */ jsx("div", { children: case_story.about })
        ] }) })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "flex  flex-col ", children: [
      /* @__PURE__ */ jsx("div", { className: "mobile:px-16px px-300px w-full py-85px mobile:py-24px border-lightGray", children: /* @__PURE__ */ jsxs("div", { className: "mobile:pr-0 ", children: [
        /* @__PURE__ */ jsx("div", { className: "text-24 font-semibold mb-24px", children: t("The Challenge") }),
        /* @__PURE__ */ jsx("div", { children: case_story.challenge })
      ] }) }),
      /* @__PURE__ */ jsx("div", { className: "mobile:px-16px px-300px w-full py-85px mobile:py-24px border-t border-lightGray", children: /* @__PURE__ */ jsxs("div", { className: "mobile:pl-0 ", children: [
        /* @__PURE__ */ jsx("div", { className: "text-24 font-semibold mb-24px", children: t("The Solution") }),
        /* @__PURE__ */ jsx("div", { children: case_story.solution })
      ] }) })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "w-full mobile:px-0 px-160px pb-85px mobile:pb-40px", children: [
      (case_story == null ? void 0 : case_story.video_url) ? /* @__PURE__ */ jsxs("div", { className: "w-full h-300px md:h-550px relative cursor-pointer", onClick: () => setClicked(true), children: [
        clicked && /* @__PURE__ */ jsx("iframe", { width: "100%", height: "100%", className: "absolute top-0 left-0 bottom-0 right-0", src: `https://www.youtube.com/embed/${videoId(case_story.video_url)}?autoplay=1`, title: "YouTube video player", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" }),
        !clicked && /* @__PURE__ */ jsxs(Fragment, { children: [
          /* @__PURE__ */ jsx(ResponsiveImage, { src: case_story == null ? void 0 : case_story.thumbnail, layout: "fill", objectFit: "cover" }),
          /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "bg-lightBlue text-center hover:bg-darkBrandColor cursor-pointer text-white text-16 px-24px h-55px flex items-center", children: [
            /* @__PURE__ */ jsx(Icon, { name: "play" }),
            /* @__PURE__ */ jsx("div", { className: "ml-16px", children: t("Play video") })
          ] }) })
        ] })
      ] }) : /* @__PURE__ */ jsx(Img, { className: "mx-auto w-full", src: case_story == null ? void 0 : case_story.thumbnail, alt: "main img" }),
      (case_story == null ? void 0 : case_story.quote) && /* @__PURE__ */ jsxs(Fragment, { children: [
        /* @__PURE__ */ jsx("div", { className: "mt-60px mobile:mt-24px text-center mobile:mx-16px", children: case_story.quote }),
        /* @__PURE__ */ jsx("div", { className: "my-24px w-80px h-1px bg-lightGray mx-auto" }),
        /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center mobile:flex-col", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "/ml-24px text-center mobile:ml-0", children: [
          /* @__PURE__ */ jsx("div", { className: "font-bold", children: case_story.leader_name }),
          /* @__PURE__ */ jsx("div", { children: case_story.leader_position })
        ] }) }) })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "w-full bg-pink px-160px flex py-85px mobile:py-24px mobile:flex-col mobile:px-16px", children: [
      /* @__PURE__ */ jsxs("div", { className: "w-full border-r mobile:border-r-0 mobile:border-b border-darkBrandColor mobile:pb-40px", children: [
        /* @__PURE__ */ jsx("div", { className: "font-semibold text-24 mb-24px", children: t("Challenges Solved") }),
        Object == null ? void 0 : Object.values(case_story.challenges).map(
          (value) => /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-8px ", children: [
            /* @__PURE__ */ jsx("img", { src: "/assets/icons/tick_sm.svg", alt: "tick" }),
            /* @__PURE__ */ jsx("div", { className: "ml-22px ", children: value.text })
          ] })
        )
      ] }),
      /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: "mobile:pl-0 pl-110px mobile:mt-40px", children: [
        /* @__PURE__ */ jsx("div", { className: "font-semibold text-24 mb-24px", children: t("Key Value Drivers") }),
        Object == null ? void 0 : Object.values(case_story.key_values).map(
          (value) => /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-8px", children: [
            /* @__PURE__ */ jsx("img", { src: "/assets/icons/tick_sm.svg", alt: "tick" }),
            /* @__PURE__ */ jsx("div", { className: "ml-22px ", children: value.text })
          ] })
        )
      ] }) })
    ] }),
    case_story.similar_cases && /* @__PURE__ */ jsxs("div", { className: "px-160px py-85px border-b mobile:px-0 mobile:py-24px border-lightGray", children: [
      /* @__PURE__ */ jsx("div", { className: "font-semibold text-24 mx-auto text-center mb-32px", children: t("Similar cases") }),
      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2", children: case_story.similar_cases.map(
        (s) => case_stories.filter((cs) => cs.id == s).map(
          (c) => /* @__PURE__ */ jsx(CaseStoryCard, { text: c.card_text, field: c.field, logo: c.logo, headline: c.card_headline, slug: c.slug })
        )
      ) })
    ] }),
    /* @__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("div", { 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("div", { 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 {
  Case_story_detail as default
};
Youez - 2016 - github.com/yon3zu
LinuXploit