{"version":3,"file":"static/chunks/5792.39c3dfa9417a424e.js","mappings":"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","sources":["webpack://_N_E/./components/common/BlogSlider.jsx","webpack://_N_E/./components/home/DesignShots.jsx"],"sourcesContent":["import { cmsUrl } from \"@/utils/helper\";\nimport axios from \"axios\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport Container from \"./Container\";\nimport Slider from \"react-slick\";\n\nconst BlogSlider = (properties) => {\n  const [viewImage, setViewImage] = useState([]);\n\n  const settings = {\n    dots: false,\n    infinite: true,\n    speed: 1000,\n    slidesToShow: properties.list.length >= 3 ? 3 : 2,\n    slidesToScroll: 2,\n    arrows: false,\n    responsive: [\n      {\n        breakpoint: 1920,\n        settings: {\n          slidesToShow: 3,\n          slidesToScroll: 1,\n          initialSlide: 2,\n        },\n      },\n      {\n        breakpoint: 885,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 2,\n          initialSlide: 2,\n          centerMode: false,\n        },\n      },\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToShow: 1,\n          slidesToScroll: 1,\n          initialSlide: 2,\n          centerMode: false,\n        },\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1,\n          slidesToScroll: 1,\n          initialSlide: 2,\n          centerMode: false,\n        },\n      },\n    ],\n  };\n  const sliderReference = useRef();\n  const getWPImage = useCallback(async () => {\n    const newImageBucket = [];\n    for (let index = 0; index < properties.list.length; index++) {\n      const element = properties.list[Number.parseInt(index)];\n      await axios\n        .get(`${cmsUrl}/wp-json/wp/v2/media/${element.featured_media}`)\n        .then((response) => {\n          newImageBucket.push({\n            src: response.data?.source_url,\n            alt: response.data?.alt_text,\n          });\n        });\n    }\n    return newImageBucket;\n  }, [properties.list]);\n  useEffect(() => {\n    const fetchImages = async () => {\n      const images = await getWPImage();\n      setViewImage(images);\n    };\n    fetchImages();\n  }, [getWPImage]);\n  return (\n    <>\n      {properties.list.length > 0 && (\n        <Container large>\n          <div className=\"flex flex-col md:flex-row\">\n            <div className=\"md:w-8/12 lg:w-6/12\">\n              <h2 className=\"text-5xl md:text-6xl font-medium mb-2\">\n                <span>Featured Insights</span>\n              </h2>\n            </div>\n            {properties.list.length > 3 && (\n              <div className=\"md:w-4/12 lg:w-6/12 flex justify-start md:justify-end items-center pb-16 md:pb-0\">\n                <div className=\"pr-4\">\n                  <Image\n                    alt=\"arrow\"\n                    className=\"cursor-pointer transition-all duration-500 ease-in hover:scale-90 h-16\"\n                    src={\"/assets/common/left-arrow.webp\"}\n                    onClick={() => sliderReference.current.slickPrev()}\n                    width={72}\n                    height={72}\n                  />\n                </div>\n                <div className=\"pr-4\">\n                  <Image\n                    alt=\"arrow\"\n                    className=\"cursor-pointer transition-all duration-500 ease-in hover:scale-90 h-16\"\n                    src={\"/assets/common/right-arrow.webp\"}\n                    onClick={() => sliderReference.current.slickNext()}\n                    width={72}\n                    height={72}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n          <Slider {...settings} ref={sliderReference}>\n            {properties.list.map((value, index) => (\n              <div key={value.title} className=\" md:pr-2 lg:pr-0 w-full\">\n                <Link href={`/blog/${value.slug}`} rel=\"noreferrer\">\n                  <a target=\"_blank\">\n                    <div className=\"mr-12 pt-8\">\n                      <div>\n                        <Image\n                          alt={viewImage[index]?.alt ?? \"/\"}\n                          className=\"w-full h-full\"\n                          src={viewImage[index]?.src ?? \"/\"}\n                          width={387}\n                          height={317}\n                        />\n                      </div>\n                      <div className=\"relative text-white bottom-8 left-6 md:left-10 lg:left-6 py-8 px-4 bg-black-chocolate\">\n                        <div className=\"relative flex justify-between\">\n                          <h3 className=\"text-base md:text-xl text-white w-10/12 line-clamp-2 min-h-10 md:min-h-14\">\n                            <span>{value.title.rendered}</span>\n                          </h3>\n                          <div className=\"float-right\">\n                            <Image\n                              alt=\"blog-arrow\"\n                              src=\"/assets/blog-arrow.webp\"\n                              width={44}\n                              height={18}\n                            />\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </a>\n                </Link>\n              </div>\n            ))}\n          </Slider>\n        </Container>\n      )}\n    </>\n  );\n};\nexport default BlogSlider;\n","import Image from \"next/image\";\nimport { memo } from \"react\";\nimport BlogSlider from \"../common/BlogSlider\";\nimport Behance from \"../svg/Behance\";\nimport Dribbble from \"../svg/Dribbble\";\nimport Instagram from \"../svg/Instagram\";\nimport Pinterest from \"../svg/Pinterest\";\n\nconst getImageSource = (data) => (index) =>\n{\n  if (\n    data?.designShots?.status === \"success\" &&\n    data.designShots.data[index]?.image\n  )\n  {\n    return data.designShots.data[index].image;\n  }\n  return \"\";\n};\n\nconst FirstRow = ({ data }) =>\n{\n  const getImage = getImageSource(data);\n  return (\n    <div className=\"flex flex-wrap\">\n      <div className=\"w-1/2 md:w-4/12 p-4\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(0)}\n            width={500}\n          />\n        </div>\n      </div>\n      <div className=\"w-1/2 md:w-4/12 p-4\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(1)}\n            width={500}\n          />\n        </div>\n      </div>\n      <div className=\"w-1/2 md:w-4/12 p-4 hidden md:block\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(2)}\n            width={500}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nconst SecondRow = ({ data }) =>\n{\n  const getImage = getImageSource(data);\n  return (\n    <div className=\"flex flex-wrap\">\n      <div className=\"w-1/2 md:w-4/12 p-4\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(3)}\n            width={500}\n          />\n        </div>\n      </div>\n      <div className=\"w-1/2 md:w-4/12 p-4\">\n        <div>\n          <h3 className=\"text-2xl md:text-3xl xl:text-6xl font-medium md:mb-3 xl:leading-snug\">\n            <span>Look at our</span>\n          </h3>\n        </div>\n        <div className=\"md:flex justify-between\">\n          <div>\n            <h3 className=\"text-2xl md:text-3xl xl:text-6xl font-medium md:mb-3 xl:leading-snug\">\n              <span>Design</span>\n            </h3>\n            <h3 className=\"text-2xl md:text-3xl xl:text-6xl font-medium xl:leading-snug\">\n              <span>Creatives</span>\n            </h3>\n          </div>\n          <div className=\"flex flex-row md:flex-col justify-between md:justify-center items-end mt-4 md:-mt-12 md:mt xl:-mt-16 xl:pr-8\">\n            <a\n              className=\"text-2xl mx-1 md:mx-0 md:text-4xl text-black\"\n              href=\"https://www.behance.net/ultroneous\"\n              rel=\"noreferrer\"\n              target=\"_blank\"\n              title=\"Designing shots\"\n            >\n              <Behance\n                className=\"w-4 h-4 md:w-8 md:h-8 md:mt-0 xl:mt-8 hover:fill-primary-yellow\"\n                fill=\"black\"\n                width={16}\n                height={16}\n              />\n            </a>\n            <a\n              className=\"text-2xl mx-1 md:mx-0 md:text-4xl text-black\"\n              href=\"https://dribbble.com/ultroneous\"\n              rel=\"noreferrer\"\n              target=\"_blank\"\n              title=\"Website designs theme\"\n            >\n              <Dribbble\n                fill=\"black\"\n                width={16}\n                height={16}\n                className=\"w-4 h-4 md:w-8 md:h-8 md:mt-4 xl:mt-8 hover:fill-primary-yellow\"\n              />\n            </a>\n            <a\n              className=\"text-2xl mx-1 md:mx-0 md:text-4xl text-black\"\n              href=\"https://in.pinterest.com/ultroneoustechnologies/\"\n              rel=\"noreferrer\"\n              target=\"_blank\"\n              title=\"version control\"\n            >\n              <Pinterest\n                fill=\"black\"\n                width={16}\n                height={16}\n                className=\"w-4 h-4 md:w-8 md:h-8 md:mt-4 xl:mt-8 hover:fill-primary-yellow\"\n              />\n            </a>\n            <a\n              className=\"text-2xl mx-1 md:mx-0 md:text-4xl text-black\"\n              href=\"https://www.instagram.com/ultroneous.technologies/\"\n              rel=\"noreferrer\"\n              target=\"_blank\"\n              title=\"Follow us on Instagram\"\n            >\n              <Instagram\n                fill=\"black\"\n                width={16}\n                height={16}\n                className=\"w-4 h-4 md:w-8 md:h-8 md:mt-4 xl:mt-8 hover:fill-primary-yellow\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n      <div className=\"w-1/2 md:w-4/12 p-4 hidden md:block\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(4)}\n            width={500}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nconst ThirdRow = ({ data }) =>\n{\n  const getImage = getImageSource(data);\n  return (\n    <div className=\"flex flex-wrap\">\n      <div className=\"w-1/2 md:w-4/12 p-4\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(5)}\n            width={500}\n          />\n        </div>\n      </div>\n      <div className=\"w-1/2 md:w-4/12 p-4 hidden md:block\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            src={getImage(6)}\n            width={500}\n          />\n        </div>\n      </div>\n      <div className=\"w-1/2 md:w-4/12 p-4\">\n        <div className=\"overflow-hidden fs-0\">\n          <Image\n            alt=\"look at our design\"\n            className=\"w-full transition-all duration-500 ease-out hover:ease-in hover:scale-110\"\n            height={500}\n            objectFit=\"contain\"\n            priority={false}\n            src={getImage(7)}\n            width={500}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nconst DesignShots = ({ data }) => (\n  <div>\n    {data.designShots.data.length && (\n      <div className=\"py-4 px-2 md:pt-8 md:px-8 md:pb-24\">\n        <FirstRow data={data} />\n        <SecondRow data={data} />\n        <ThirdRow data={data} />\n      </div>\n    )}\n    {data.blog.length > 0 ? <BlogSlider list={data.blog} /> : <></>}\n  </div>\n);\nexport default memo(DesignShots);\n"],"names":["properties","viewImage","useState","setViewImage","settings","dots","infinite","speed","slidesToShow","list","length","slidesToScroll","arrows","responsive","breakpoint","initialSlide","centerMode","sliderReference","useRef","getWPImage","useCallback","newImageBucket","index","element","Number","parseInt","axios","cmsUrl","featured_media","then","response","push","src","data","source_url","alt","alt_text","useEffect","fetchImages","images","Container","large","div","className","h2","span","Image","onClick","current","slickPrev","width","height","slickNext","Slider","ref","map","value","Link","href","slug","rel","a","target","h3","title","rendered","getImageSource","designShots","status","image","FirstRow","getImage","objectFit","SecondRow","Behance","fill","Dribbble","Pinterest","Instagram","ThirdRow","priority","DesignShots","blog","BlogSlider","memo"],"sourceRoot":""}