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/sd_70-25708f13.js
import { jsxs, jsx } from "react/jsx-runtime";
import { M as ModalsContext, S as ScreenContext, u as usePageProps, I as Icon, a as Img, B as Button } from "../ssr.js";
import { D as DataCard, d as dataCard2 } from "./FourCardsMobile-358412e7.js";
import { S as SelectCarousel } from "./SelectCarousel-2abdb704.js";
import { S as SubscribeComponent } from "./SubscribeComponent-eb3fa454.js";
import { L as Layout } from "./Layout-afaec357.js";
import { useForm, Link } from "@inertiajs/react";
import { l as limit } from "./utils-cd74ed55.js";
import { useContext, useState, useRef, 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 "./MetaData-d0a322dd.js";
const cardData = [
  {
    id: 1,
    title: "Truly Collaborative",
    description: "We connect humans and cobots through seamless integration of robots and screwdriving applications, all while ensuring Universal Robots’ safety software is not compromised.",
    iconName: "01"
  },
  {
    id: 2,
    title: "Automatic bit changer",
    description: "With the ability to change up to three bits faster than an individual manual exchange, the automatic bit changer increases productivity, allowing you to insert up to six screws in under a minute.",
    iconName: "02"
  },
  {
    id: 3,
    title: "Slim Design",
    description: "Our Slim Design allows our solution to reach narrow spaces with a torque range of 0.4 – 7.0 Nm. This makes it easier to operate in confined areas without compromising performance.",
    iconName: "03"
  },
  {
    id: 4,
    title: "SpinBridge Software",
    description: "Industry 4.0 and the SpinBridge Software track past and present insertion data, detecting errors to reduce scrap and promote eco-friendly production.",
    iconName: "04"
  }
];
function SpinBridgeItem(props) {
  const { icon, name, text } = props;
  return /* @__PURE__ */ jsxs("div", { className: "mt-24px mobile:border-t border-lightGray mobile:pt-24px", children: [
    /* @__PURE__ */ jsx("div", { className: "text-18 font-semibold mobile:text-center", children: name }),
    /* @__PURE__ */ jsx("div", { className: "flex  mt-16px", children: /* @__PURE__ */ jsx("div", { className: "text-16", children: text }) })
  ] });
}
let lastScroll = 0;
function Sd_70(props) {
  useForm({});
  useContext(ModalsContext);
  let vh = 0;
  let vw = 0;
  try {
    let vh2 = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
    let vw2 = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
  } catch (error) {
  }
  let [scrolled, setScrolled] = useState(0);
  let { isMobile, t } = useContext(ScreenContext);
  const scrollTop = useRef(0);
  const scrollDirection = useRef("down");
  let [deviceHeight, setDeviceHeight] = useState(0);
  let [introduction, setIntroduction] = useState(0);
  const intro = useRef(0);
  let [features, setFeatures] = useState(0);
  const feat = useRef(0);
  let [specifications, setSpecifications] = useState(0);
  const spec = useRef(0);
  let [software, setSoftware] = useState(0);
  const soft = useRef(0);
  let [easy, setEasy] = useState(0);
  const eas = useRef(0);
  let [stories, setStories] = useState(0);
  const stor = useRef(0);
  let [popular, setPopular] = useState(0);
  const pop = useRef(0);
  let [industries, setIndustries] = useState(0);
  const indu = useRef(0);
  function dummy() {
    try {
      scrollTop.current = window.scrollY;
      const vh2 = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
      const vw2 = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
      setScrolled(window.scrollY);
      let scrollBar = document.getElementById("scrollingBar");
      if (!scrollBar)
        return;
      if (window.scrollY >= pop.current) {
        scrollBar.scrollLeft = 1190;
      } else if (window.scrollY >= stor.current) {
        scrollBar.scrollLeft = 1020;
      } else if (window.scrollY >= eas.current) {
        scrollBar.scrollLeft = 850;
      } else if (window.scrollY >= soft.current) {
        scrollBar.scrollLeft = 680;
      } else if (window.scrollY >= spec.current) {
        scrollBar.scrollLeft = 510;
      } else if (window.scrollY >= feat.current) {
        scrollBar.scrollLeft = 340;
      } else if (window.scrollY >= intro.current) {
        scrollBar.scrollLeft = 170;
      } else {
        scrollBar.scrollLeft = 0;
      }
    } catch (error) {
    }
  }
  useEffect(() => {
    try {
      const vh2 = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
      setDeviceHeight(vh2);
      let landing = document.getElementById("introduction");
      setIntroduction(landing ? landing.offsetTop + landing.offsetHeight : 0);
      intro.current = landing ? landing.offsetTop + landing.offsetHeight : 0;
      let f = document.getElementById("featuresContainer");
      setFeatures(f ? f.offsetTop + f.offsetHeight : 0);
      feat.current = f ? f.offsetTop + f.offsetHeight : 0;
      let s = document.getElementById("specifications");
      setSpecifications(s ? s.offsetTop + s.offsetHeight : 0);
      spec.current = s ? s.offsetTop + s.offsetHeight : 0;
      let so = document.getElementById("software");
      setSoftware(so ? so.offsetTop + so.offsetHeight : 0);
      soft.current = so ? so.offsetTop + so.offsetHeight : 0;
      let ea = document.getElementById("easy");
      setEasy(ea ? ea.offsetTop + ea.offsetHeight : 0);
      eas.current = ea ? ea.offsetTop + ea.offsetHeight : 0;
      let ca = document.getElementById("case");
      setStories(ca ? ca.offsetTop + ca.offsetHeight : 0);
      stor.current = ca ? ca.offsetTop + ca.offsetHeight : 0;
      let po = document.getElementById("popular");
      setPopular(po ? po.offsetTop + po.offsetHeight : 0);
      pop.current = po ? po.offsetTop + po.offsetHeight : 0;
      let ind = document.getElementById("industries");
      setIndustries(ind ? ind.offsetTop + ind.offsetHeight : 0);
      indu.current = ind ? ind.offsetTop + ind.offsetHeight : 0;
      setInterval(() => {
        if (lastScroll >= scrollTop.current) {
          scrollDirection.current = "up";
        } else {
          scrollDirection.current = "down";
        }
        lastScroll = scrollTop.current;
      }, 500);
      document.addEventListener("scroll", dummy);
    } catch (error) {
    }
    return () => {
      try {
        document.removeEventListener("scroll", dummy);
      } catch (error) {
      }
    };
  }, []);
  let [videoHidden, setVideoHidden] = useState(true);
  useRef(null);
  const scrollpos = useRef(0);
  let [unimport, setUnimport] = useState(0);
  function scrollMinimal(e) {
    try {
      scrollpos.current = window.scrollY;
      setUnimport(scrollpos.current);
    } catch (error) {
    }
  }
  useEffect(() => {
    try {
      document.addEventListener("scroll", scrollMinimal);
    } catch (error) {
    }
    return () => {
      try {
        document.removeEventListener("scroll", scrollMinimal);
      } catch (error) {
      }
    };
  }, []);
  const { info_texts } = usePageProps();
  let [txt, setTexts] = useState(0);
  let texts = [
    /* @__PURE__ */ jsxs("div", { className: "", children: [
      /* @__PURE__ */ jsx("div", { children: t("Do more with less! Meet SD70") }),
      /* @__PURE__ */ jsx("div", { className: "text-16 mt-32px mb-24px", children: t("Slim to reach narrow spaces") }),
      /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsx(Icon, { name: "universal-robots" }) })
    ] }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed min-w-300px w-full", children: t("Easy and safe to use, inserts up to 6 screws a minute") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("Replaces 3 bits faster than any single manual exchange") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("Minimizes scrap, helps the environment") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("Our customers appreciate its numerous features") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-52 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("Multicolor and audible signaling informs about the status of the screwdriver and screw insertion") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("Start the robot with just a single push!") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("The screw is covered from pick-up to insertion. Hands stay free and safe.") }),
    /* @__PURE__ */ jsx("span", { className: " text-transition text-64 mobile:text-30 font-bold leading-relaxed w-full min-w-300px", children: t("Easy to set up and program with an ergonomic pistol grip") })
  ];
  let imgs = [
    { src: "/assets/img/imgM2.jpg" },
    { src: "/assets/img/imgM3.jpg" },
    { src: "/assets/img/imgM4.jpg" },
    { src: "/assets/img/imgM5.jpg" },
    { src: "/assets/img/imgM1.jpg" },
    { src: "/assets/img/imgM2.jpg" },
    { src: "/assets/img/imgM3.jpg" },
    { src: "/assets/img/imgM4.jpg" },
    { src: "/assets/img/imgM5.jpg" },
    { src: "/assets/img/imgM1.jpg" }
  ];
  const video = useRef(null);
  let intervalId = useRef(null);
  function changeTexts() {
    let id = setInterval(() => {
      setTexts((t2) => {
        let p = t2 + 1;
        if (p > texts.length - 1) {
          p = 0;
        }
        return p;
      });
    }, 3e3);
    intervalId.current = id;
  }
  let [isPlaying, setPlaying] = useState(false);
  useEffect(() => {
    if (isMobile) {
      changeTexts();
    }
  });
  const ReadMoreReadLess = ({ limit: limit2, children }) => {
    const [isReadMoreShown, setReadMoreShown] = useState(false);
    const toggleBtn = () => {
      setReadMoreShown((prevState) => !prevState);
    };
    return /* @__PURE__ */ jsxs("div", { className: "read-more-read-less w-300px mt-8px mb-16px mobile:text-center mobile:mx-15px mobile:order-2", children: [
      /* @__PURE__ */ jsx("div", { children: isReadMoreShown ? children : children.substr(0, limit2) }),
      /* @__PURE__ */ jsxs("div", { className: "h-50px cursor-pointer transform text-16 mt-15px duration-300 border hover:text-lightBlue bg-white hover:border-lightBlue border-darkBrandColor text-darkBrandColor rounded-sm px-22px inline-flex items-center justify-center font-normal mobile:w-full", onClick: toggleBtn, children: [
        " ",
        isReadMoreShown ? "Read Less" : "Read More"
      ] })
    ] });
  };
  return /* @__PURE__ */ jsxs(Layout, { fixed: true, direction: scrollDirection.current, movingHeader: true, children: [
    /* @__PURE__ */ jsxs(
      "div",
      {
        id: "scrollingBar",
        className: "w-full sticky transform duration-300 z-99999 bg-white flex border-b border-t border-lightGray  mobile:overflow-x-scroll ",
        style: {
          top: scrollDirection.current == "down" ? 0 : isMobile ? 85 : (info_texts == null ? void 0 : info_texts.length) < 1 ? 85 : 85 + limit(40 - unimport, 0, 40)
        },
        children: [
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#introduction", children: /* @__PURE__ */ jsxs("div", { className: "py-16px px-24 duration-300 whitespace-nowrap mobile:w-170px flex items-center text-lightBlue " + (scrolled >= 0 && "border-b border-lightBlue") + " " + (scrolled >= 0 && scrolled < introduction && "font-bold"), children: [
            " ",
            /* @__PURE__ */ jsx("div", { className: "w-24px" }),
            t("Introduction")
          ] }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#features", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-170px  whitespace-nowrap text-lightBlue " + (scrolled > introduction && " border-b border-lightBlue ") + " " + (scrolled >= introduction && scrolled < features && " font-bold"), children: t("Features") }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#specifications", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-170px whitespace-nowrap text-lightBlue " + (scrolled >= features && " border-b border-lightBlue") + " " + (scrolled >= features && scrolled < specifications && " font-bold"), children: t("Specification") }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#software", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-170px whitespace-nowrap text-lightBlue " + (scrolled >= specifications && " border-b border-lightBlue") + " " + (scrolled >= specifications && scrolled < software && "font-bold"), children: t("Software") }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#easy", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-170px whitespace-nowrap text-lightBlue " + (scrolled >= software && " border-b border-lightBlue") + " " + (scrolled >= software && scrolled < easy && "font-bold"), children: t("Easy Setup") }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#case", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-170px whitespace-nowrap text-lightBlue " + (scrolled >= easy && " border-b border-lightBlue") + " " + (scrolled >= easy && scrolled < stories && "font-bold"), children: t("Case Stories") }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#popular", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-235px whitespace-nowrap text-lightBlue " + (scrolled >= stories && " border-b border-lightBlue") + " " + (scrolled >= stories && scrolled < popular && "font-bold"), children: t("Popular Accessories") }) }),
          /* @__PURE__ */ jsx("a", { className: "w-full text-center", href: "#industries", children: /* @__PURE__ */ jsx("div", { className: "py-16px px-24px duration-300 mobile:w-170px  whitespace-nowrap text-lightBlue " + (scrolled >= popular && " border-b border-lightBlue") + " " + (scrolled >= popular && "font-bold"), children: t("Industries") }) })
        ]
      }
    ),
    /* @__PURE__ */ jsxs("div", { id: "introduction", className: "h-screen min-h-screen mobile:min-h-noHeader140px mobile:h-noHeader w-full flex items-center justify-center bg-black relative", children: [
      isMobile ? /* @__PURE__ */ jsxs("div", { className: "w-full h-screen min-h-screen mobile:min-h-noHeader140px mobile:h-noHeader", children: [
        imgs.map(
          (im, i) => /* @__PURE__ */ jsx(Img, { className: `w-full absolute h-screen min-h-screen mobile:min-h-noHeader140px mobile:h-noHeader object-cover ${txt == i ? "opacity-100 duration-2200 delay-1000" : "opacity-0 duration-1000"}`, src: im.src, alt: "imgM" }, i)
        ),
        /* @__PURE__ */ jsx("div", { className: "w-full h-noHeader min-h-noHeader140px bg-black bg-opacity-40 absolute" })
      ] }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("video", { ref: video, onCanPlayThrough: () => {
        if (!isPlaying) {
          video.current.play();
          changeTexts();
          setPlaying(true);
        }
      }, onEnded: () => {
        clearInterval(intervalId.current);
        changeTexts();
        video.current.play();
      }, className: "w-full h-screen min-h-screen object-cover", preload: "auto", muted: true, src: "/assets/SD35_70BG.mp4" }) }),
      texts.map(
        (t2, i) => /* @__PURE__ */ jsx("div", { className: `top-50% left-50% transform -translate-x-50% -translate-y-50% mobile:-translate-y-50% absolute text-64 mobile:text-h32 font-extrabold text-center text-white min-w-300px flex ${txt == i ? "opacity-100 duration-2900 delay-1000" : "opacity-0 duration-1000"}`, children: t2 }, i + "text")
      )
    ] }),
    /* @__PURE__ */ jsxs("div", { id: "specifications", className: "px-16px text-center py-85px", children: [
      /* @__PURE__ */ jsx("h2", { className: "text-24 font-semibold w-5/12 mb-24px mobile:w-full mx-auto", children: t("Would you like to see the full specification?") }),
      /* @__PURE__ */ jsxs(Button, { className: "hover:bg-lightBlue hover:text-white hover:border-lightBlue", href: "/assets/Data sheet-SpinRoboticsSD70-12122022.pdf", isDownload: true, download: true, target: "_blank", children: [
        /* @__PURE__ */ jsx(Icon, { className: "w-24px h-24px", name: "download" }),
        /* @__PURE__ */ jsx("span", { className: "ml-12px", children: t("Download datasheet (.pdf)") })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { id: "software", className: "mobile:block grid mobile:grid-cols-1 grid-cols-2 border-t border-lightGray ", children: [
      /* @__PURE__ */ jsx("div", { className: "h-full relative mobile:row-start-1 mobile:min-h-1/2vh mobile:max-h-1/2vh min-h-screen", children: /* @__PURE__ */ jsx("video", { className: " object-contain object-center sticky top-125px mobile:row-start-1 mobile:min-h-1/2vh mobile:max-h-1/2vh", src: "/assets/live/monitor.mp4", autoPlay: true, muted: true, loop: true }) }),
      /* @__PURE__ */ jsx("div", { className: "pt-85px mobile:pt-24px pr-160px pl-100px mobile:px-16px pb-85px mobile:pb-40px", children: /* @__PURE__ */ jsxs("div", { className: "mobile:row-start-2 ", children: [
        /* @__PURE__ */ jsx("h2", { className: "text-24 font-semibold", children: t("SD70 comes together with an exceptional software: Spin Interface") }),
        /* @__PURE__ */ jsx("div", { className: "text-16 mt-24px mobile:border-none border-b border-lightGray pb-45px mb-48px", children: t("Visualise and check your production quality on a screen. No more missing screws and returned batches.") }),
        /* @__PURE__ */ jsx(SpinBridgeItem, { icon: "placeholder", name: t("Storage of process data for optimization"), text: t("Spin Interface saves and visualizes the torque curve and final torque for each screw insertion.") }),
        /* @__PURE__ */ jsx(SpinBridgeItem, { icon: "placeholder", name: t("Unique connectivity"), text: t("Connect and control SD70 no matter which robotic arm you use. Define your product in the interface and duplicate it throughout your assembly.") }),
        /* @__PURE__ */ jsx(SpinBridgeItem, { icon: "placeholder", name: t("High precision"), text: t("Define and track all parameters that are important in your production: final torque, final motor rotations, time outs, screw lengths, screw types and more.") }),
        /* @__PURE__ */ jsx(SpinBridgeItem, { icon: "placeholder", name: t("Retrieve and save your data"), text: t("Back up your production data in case you need them in the future by using the industrial communication protocol - OPC-UA.") })
      ] }) })
    ] }),
    /* @__PURE__ */ jsxs("div", { id: "easy", className: "w-full min-h-screen mobile:min-h-1/2vh mobile:px-16px px-160px mobile:py-40px py-85px background-half-reverse text-center", children: [
      /* @__PURE__ */ jsx("h2", { className: "mb-24px mx-auto w-4/12 mobile:w-full text-center text-24 font-semibold", children: t("Our tools are easy to set-up") }),
      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-48px relative", children: [
        /* @__PURE__ */ jsx("div", { onClick: () => {
          setVideoHidden(false);
        }, className: "videoplaceholder top-0 left-0 flex items-center justify-center " + (videoHidden ? "absolute" : "hidden"), style: { width: isMobile ? 0.8 * vw : vw * 0.8, height: isMobile ? 0.4 * vh : vh * 0.8 }, children: /* @__PURE__ */ jsx("div", { className: "text-20 text-white p-12px border border-white rounded-sm", children: t("Play the video") }) }),
        /* @__PURE__ */ jsx("iframe", { width: isMobile ? 0.8 * vw : vw * 0.8, height: isMobile ? 0.4 * vh : vh * 0.8, src: "https://www.youtube.com/embed/0IKEaW-WVdk", title: "YouTube video player", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" })
      ] }) })
    ] }),
    /* @__PURE__ */ jsxs("div", { id: "case", className: "px-160px mobile:px-0 mobile:py-24px py-80px border-t border-lightGray", children: [
      /* @__PURE__ */ jsx("h2", { className: "text-center text-24 font-semibold w-6/12 mobile:w-full mx-auto mobile:px-16px mobile:mt-32px", children: t("See how other companies thrive thanks to our products") }),
      /* @__PURE__ */ jsxs("div", { className: "grid mobile:block grid-cols-2 mt-24px mobile:mt-32px mobile:gap-0 gap-32px mobile:grid-cols-1", children: [
        /* @__PURE__ */ jsxs("div", { className: "border-lightGray hover:shadow-xl border mobile:border-none rounded-sm flex mobile:flex-col", children: [
          /* @__PURE__ */ jsxs("div", { className: "w-full  border-lightGray py-60px px-24px mobile:order-2", children: [
            /* @__PURE__ */ jsx("div", { className: "bg-pink px-12px py-8px text-darkBrandColor rounded-lg font-medium text-14 w-auto text-center", children: t("Industrial Electronics") }),
            /* @__PURE__ */ jsx("h3", { className: "my-8px font-semibold text-18", children: "Danfoss" }),
            /* @__PURE__ */ jsx("div", { children: t("Danfoss teamed up with us to revolutionize frequency converters.") })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "w-full flex items-center justify-center mobile:order-1", children: /* @__PURE__ */ jsx(Img, { className: "w-50% mobile:my-80px", src: "/assets/icons/danfoss.svg", alt: "spaceX" }) })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "border-lightGray hover:shadow-xl border mobile:border-none rounded-sm flex mobile:flex-col", children: [
          /* @__PURE__ */ jsxs("div", { className: "w-full  border-lightGray py-60px px-24px mobile:order-2", children: [
            /* @__PURE__ */ jsx("div", { className: "bg-pink px-12px py-8px text-darkBrandColor rounded-lg font-medium text-14 w-auto text-center", children: t("Automotive") }),
            /* @__PURE__ */ jsx("h3", { className: "my-8px font-semibold text-18", children: "ELVEZ" }),
            /* @__PURE__ */ jsx("div", { children: t("ELVEZ uses SD70 for versatile car parts assembly.") })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "w-full flex items-center justify-center mobile:order-1", children: /* @__PURE__ */ jsx(Img, { className: "w-50% mobile:my-80px", style: { filter: "invert(1)" }, src: "/assets/icons/elvez.svg", alt: "spaceX" }) })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "border-lightGray hover:shadow-xl border mobile:border-none rounded-sm flex mobile:flex-col", children: [
          /* @__PURE__ */ jsxs("div", { className: "w-full border-lightGray py-60px px-24px mobile:order-2", children: [
            /* @__PURE__ */ jsx("div", { className: "bg-pink px-12px py-8px text-darkBrandColor rounded-lg font-medium text-14 w-auto text-center", children: t("Home Appliances") }),
            /* @__PURE__ */ jsx("h3", { className: "my-8px font-semibold text-18", children: "Innovation is invented for life with the future of assembly" }),
            /* @__PURE__ */ jsx("div", { children: t("Bosch Thermotechnik GmbH") })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center mobile:order-1", children: /* @__PURE__ */ jsx(Img, { className: "w-50% mobile:my-80px", src: "/assets/icons/boschBlack.svg", alt: "bosch" }) })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsx(DataCard, { cardData }),
    /* @__PURE__ */ jsx(dataCard2, { cardData }),
    /* @__PURE__ */ jsxs("div", { id: "popular", className: "grid mobile:grid-cols-1 grid-cols-2 border-t border-b mobile:pb-24px border-lightGray mobile:", children: [
      /* @__PURE__ */ jsx("div", { className: "pt-85px mobile:pt-24px pl-160px mobile:px-16px", children: /* @__PURE__ */ jsxs("div", { className: "mobile:row-start-2 pb-30px mobile:pb-10px", children: [
        /* @__PURE__ */ jsx("h3", { className: "text-24 font-semibold", children: t("Popular Accessories") }),
        /* @__PURE__ */ jsxs("div", { className: "border border-lightGray p-24px w-10/12 justify-between mobile:w-full flex mt-24px mobile:mt-70px mobile:flex-col rounded-sm", children: [
          /* @__PURE__ */ jsxs("div", { className: "mobile:text-center mobile:order-2", children: [
            /* @__PURE__ */ jsx("h4", { className: "text-14", children: "SF26" }),
            /* @__PURE__ */ jsx("h4", { className: "text-18 font-semibold", children: "Screw feeder OM-26R" }),
            /* @__PURE__ */ jsx(
              ReadMoreReadLess,
              {
                limit: 60,
                children: "Compatible with a wide range of screw types:Totam tempora pariatur illum alias, harum numquam earum possimus. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus corporis laboriosam, vero at rem laborum nulla."
              }
            )
          ] }),
          /* @__PURE__ */ jsx(Img, { className: "w-130px h-125px mobile:order-1 mobile:mx-auto mobile:mt-70px", src: "/assets/img/rameno.png", alt: "robotic_arm" })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "border border-lightGray p-24px w-10/12 justify-between mobile:w-full flex mt-24px mobile:mt-70px mobile:flex-col rounded-sm", children: [
          /* @__PURE__ */ jsxs("div", { className: "mobile:text-center mobile:order-2", children: [
            /* @__PURE__ */ jsx("h4", { className: "text-14", children: "SM-RTT" }),
            /* @__PURE__ */ jsx("h4", { className: "text-18 font-semibold", children: "SpinMount flexi" }),
            /* @__PURE__ */ jsx(
              ReadMoreReadLess,
              {
                limit: 60,
                children: "Lock SD35 in position with a simple twist and lock movement.Totam tempora pariatur illum alias, harum numquam earum possimus."
              }
            )
          ] }),
          /* @__PURE__ */ jsx(Img, { className: "w-130px h-125px mobile:order-1 mobile:mx-auto mobile:mt-70px", src: "/assets/img/rameno.png", alt: "robotic_arm" })
        ] })
      ] }) }),
      /* @__PURE__ */ jsx("div", { className: "h-full relative mobile:row-start-1 min-h-screen mobile:min-h-1/2vh", children: /* @__PURE__ */ jsx(Img, { className: "sticky w-full top-0 min-h-screen mobile:min-h-1/2vh object-cover", src: "/assets/img/popularacc.jpg", alt: "accessories" }) })
    ] }),
    /* @__PURE__ */ jsx(SelectCarousel, {}),
    /* @__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 min-h-1/2vh object-cover", src: "/assets/img/working-dude.png", alt: "working_man" }) }),
      /* @__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("h3", { className: "text-24 font-semibold mobile:text-center", children: t("Ready to say goodbye to returned orders from customers?") }),
        /* @__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("h3", { 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 {
  Sd_70 as default
};
Youez - 2016 - github.com/yon3zu
LinuXploit