\n );\n};\n\nexport default MobileMovieSlider;\n","module.exports = __webpack_public_path__ + \"static/Proof-of-Concept-4d9f6bab3b56886e7e38927e9c8f3e10.png\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Fade from '../Fade';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n // Improve scrollable dialog support.\n zIndex: -1,\n position: 'fixed',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n right: 0,\n bottom: 0,\n top: 0,\n left: 0,\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n WebkitTapHighlightColor: 'transparent'\n },\n /* Styles applied to the root element if `invisible={true}`. */\n invisible: {\n backgroundColor: 'transparent'\n }\n};\nvar Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$invisible = props.invisible,\n invisible = _props$invisible === void 0 ? false : _props$invisible,\n open = props.open,\n transitionDuration = props.transitionDuration,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Fade : _props$TransitionComp,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"invisible\", \"open\", \"transitionDuration\", \"TransitionComponent\"]);\n return /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: open,\n timeout: transitionDuration\n }, other), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.root, className, invisible && classes.invisible),\n \"aria-hidden\": true,\n ref: ref\n }, children));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiBackdrop'\n})(Backdrop);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport Modal from '../Modal';\nimport Backdrop from '../Backdrop';\nimport Fade from '../Fade';\nimport { duration } from '../styles/transitions';\nimport Paper from '../Paper';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n '@media print': {\n // Use !important to override the Modal inline-style.\n position: 'absolute !important'\n }\n },\n /* Styles applied to the container element if `scroll=\"paper\"`. */\n scrollPaper: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n },\n /* Styles applied to the container element if `scroll=\"body\"`. */\n scrollBody: {\n overflowY: 'auto',\n overflowX: 'hidden',\n textAlign: 'center',\n '&:after': {\n content: '\"\"',\n display: 'inline-block',\n verticalAlign: 'middle',\n height: '100%',\n width: '0'\n }\n },\n /* Styles applied to the container element. */\n container: {\n height: '100%',\n '@media print': {\n height: 'auto'\n },\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0\n },\n /* Styles applied to the `Paper` component. */\n paper: {\n margin: 32,\n position: 'relative',\n overflowY: 'auto',\n // Fix IE 11 issue, to remove at some point.\n '@media print': {\n overflowY: 'visible',\n boxShadow: 'none'\n }\n },\n /* Styles applied to the `Paper` component if `scroll=\"paper\"`. */\n paperScrollPaper: {\n display: 'flex',\n flexDirection: 'column',\n maxHeight: 'calc(100% - 64px)'\n },\n /* Styles applied to the `Paper` component if `scroll=\"body\"`. */\n paperScrollBody: {\n display: 'inline-block',\n verticalAlign: 'middle',\n textAlign: 'left' // 'initial' doesn't work on IE 11\n },\n\n /* Styles applied to the `Paper` component if `maxWidth=false`. */\n paperWidthFalse: {\n maxWidth: 'calc(100% - 64px)'\n },\n /* Styles applied to the `Paper` component if `maxWidth=\"xs\"`. */\n paperWidthXs: {\n maxWidth: Math.max(theme.breakpoints.values.xs, 444),\n '&$paperScrollBody': _defineProperty({}, theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2), {\n maxWidth: 'calc(100% - 64px)'\n })\n },\n /* Styles applied to the `Paper` component if `maxWidth=\"sm\"`. */\n paperWidthSm: {\n maxWidth: theme.breakpoints.values.sm,\n '&$paperScrollBody': _defineProperty({}, theme.breakpoints.down(theme.breakpoints.values.sm + 32 * 2), {\n maxWidth: 'calc(100% - 64px)'\n })\n },\n /* Styles applied to the `Paper` component if `maxWidth=\"md\"`. */\n paperWidthMd: {\n maxWidth: theme.breakpoints.values.md,\n '&$paperScrollBody': _defineProperty({}, theme.breakpoints.down(theme.breakpoints.values.md + 32 * 2), {\n maxWidth: 'calc(100% - 64px)'\n })\n },\n /* Styles applied to the `Paper` component if `maxWidth=\"lg\"`. */\n paperWidthLg: {\n maxWidth: theme.breakpoints.values.lg,\n '&$paperScrollBody': _defineProperty({}, theme.breakpoints.down(theme.breakpoints.values.lg + 32 * 2), {\n maxWidth: 'calc(100% - 64px)'\n })\n },\n /* Styles applied to the `Paper` component if `maxWidth=\"xl\"`. */\n paperWidthXl: {\n maxWidth: theme.breakpoints.values.xl,\n '&$paperScrollBody': _defineProperty({}, theme.breakpoints.down(theme.breakpoints.values.xl + 32 * 2), {\n maxWidth: 'calc(100% - 64px)'\n })\n },\n /* Styles applied to the `Paper` component if `fullWidth={true}`. */\n paperFullWidth: {\n width: 'calc(100% - 64px)'\n },\n /* Styles applied to the `Paper` component if `fullScreen={true}`. */\n paperFullScreen: {\n margin: 0,\n width: '100%',\n maxWidth: '100%',\n height: '100%',\n maxHeight: 'none',\n borderRadius: 0,\n '&$paperScrollBody': {\n margin: 0,\n maxWidth: '100%'\n }\n }\n };\n};\nvar defaultTransitionDuration = {\n enter: duration.enteringScreen,\n exit: duration.leavingScreen\n};\n/**\n * Dialogs are overlaid modal paper based components with a backdrop.\n */\n\nvar Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {\n var BackdropProps = props.BackdropProps,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$disableBackdro = props.disableBackdropClick,\n disableBackdropClick = _props$disableBackdro === void 0 ? false : _props$disableBackdro,\n _props$disableEscapeK = props.disableEscapeKeyDown,\n disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK,\n _props$fullScreen = props.fullScreen,\n fullScreen = _props$fullScreen === void 0 ? false : _props$fullScreen,\n _props$fullWidth = props.fullWidth,\n fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,\n _props$maxWidth = props.maxWidth,\n maxWidth = _props$maxWidth === void 0 ? 'sm' : _props$maxWidth,\n onBackdropClick = props.onBackdropClick,\n onClose = props.onClose,\n onEnter = props.onEnter,\n onEntered = props.onEntered,\n onEntering = props.onEntering,\n onEscapeKeyDown = props.onEscapeKeyDown,\n onExit = props.onExit,\n onExited = props.onExited,\n onExiting = props.onExiting,\n open = props.open,\n _props$PaperComponent = props.PaperComponent,\n PaperComponent = _props$PaperComponent === void 0 ? Paper : _props$PaperComponent,\n _props$PaperProps = props.PaperProps,\n PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,\n _props$scroll = props.scroll,\n scroll = _props$scroll === void 0 ? 'paper' : _props$scroll,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Fade : _props$TransitionComp,\n _props$transitionDura = props.transitionDuration,\n transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,\n TransitionProps = props.TransitionProps,\n ariaDescribedby = props['aria-describedby'],\n ariaLabelledby = props['aria-labelledby'],\n other = _objectWithoutProperties(props, [\"BackdropProps\", \"children\", \"classes\", \"className\", \"disableBackdropClick\", \"disableEscapeKeyDown\", \"fullScreen\", \"fullWidth\", \"maxWidth\", \"onBackdropClick\", \"onClose\", \"onEnter\", \"onEntered\", \"onEntering\", \"onEscapeKeyDown\", \"onExit\", \"onExited\", \"onExiting\", \"open\", \"PaperComponent\", \"PaperProps\", \"scroll\", \"TransitionComponent\", \"transitionDuration\", \"TransitionProps\", \"aria-describedby\", \"aria-labelledby\"]);\n var mouseDownTarget = React.useRef();\n var handleMouseDown = function handleMouseDown(event) {\n mouseDownTarget.current = event.target;\n };\n var handleBackdropClick = function handleBackdropClick(event) {\n // Ignore the events not coming from the \"backdrop\"\n // We don't want to close the dialog when clicking the dialog content.\n if (event.target !== event.currentTarget) {\n return;\n } // Make sure the event starts and ends on the same DOM element.\n\n if (event.target !== mouseDownTarget.current) {\n return;\n }\n mouseDownTarget.current = null;\n if (onBackdropClick) {\n onBackdropClick(event);\n }\n if (!disableBackdropClick && onClose) {\n onClose(event, 'backdropClick');\n }\n };\n return /*#__PURE__*/React.createElement(Modal, _extends({\n className: clsx(classes.root, className),\n BackdropComponent: Backdrop,\n BackdropProps: _extends({\n transitionDuration: transitionDuration\n }, BackdropProps),\n closeAfterTransition: true\n }, disableBackdropClick ? {\n disableBackdropClick: disableBackdropClick\n } : {}, {\n disableEscapeKeyDown: disableEscapeKeyDown,\n onEscapeKeyDown: onEscapeKeyDown,\n onClose: onClose,\n open: open,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n appear: true,\n in: open,\n timeout: transitionDuration,\n onEnter: onEnter,\n onEntering: onEntering,\n onEntered: onEntered,\n onExit: onExit,\n onExiting: onExiting,\n onExited: onExited,\n role: \"none presentation\"\n }, TransitionProps), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.container, classes[\"scroll\".concat(capitalize(scroll))]),\n onMouseUp: handleBackdropClick,\n onMouseDown: handleMouseDown\n }, /*#__PURE__*/React.createElement(PaperComponent, _extends({\n elevation: 24,\n role: \"dialog\",\n \"aria-describedby\": ariaDescribedby,\n \"aria-labelledby\": ariaLabelledby\n }, PaperProps, {\n className: clsx(classes.paper, classes[\"paperScroll\".concat(capitalize(scroll))], classes[\"paperWidth\".concat(capitalize(String(maxWidth)))], PaperProps.className, fullScreen && classes.paperFullScreen, fullWidth && classes.paperFullWidth)\n }), children))));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiDialog'\n})(Dialog);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n flex: '1 1 auto',\n WebkitOverflowScrolling: 'touch',\n // Add iOS momentum scrolling.\n overflowY: 'auto',\n padding: '8px 24px',\n '&:first-child': {\n // dialog without title\n paddingTop: 20\n }\n },\n /* Styles applied to the root element if `dividers={true}`. */\n dividers: {\n padding: '16px 24px',\n borderTop: \"1px solid \".concat(theme.palette.divider),\n borderBottom: \"1px solid \".concat(theme.palette.divider)\n }\n };\n};\nvar DialogContent = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$dividers = props.dividers,\n dividers = _props$dividers === void 0 ? false : _props$dividers,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"dividers\"]);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, className, dividers && classes.dividers),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiDialogContent'\n})(DialogContent);","\nimport React, { useState } from \"react\";\nimport Button from '@material-ui/core/Button';\nimport Grid from \"@material-ui/core/Grid\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { Typography } from \"@material-ui/core\";\nimport Slide from '@material-ui/core/Slide';\nimport TextField from '@material-ui/core/TextField';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport tablet from \"../../assets/Images/PopUp/tablet@2x.png\";\nimport \"./DownloadablePopup.scss\"\nconst useStyles = makeStyles((theme) => ({\n paper:{\n position:'unset',\n borderRadius:'12px',\n // width: '1366px',\n // height: '699px'\n // height:'560px'\n height: '479px'\n }\n }));\nexport default function FormDialog(props) {\n let formData = {\n firstName: \"\",\n lastName: \"\",\n organization: \"\",\n };\n const classes = useStyles();\n const [open, setOpen] = useState();\n const [contactusForm, setcontactusForm] = useState(formData);\n\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n props.handlePopup(false);\n };\n const handleChange = (event, key) => {\n\n setcontactusForm({ ...contactusForm });\n \n};\n return (\n
\n \n {/* */}\n
\n );\n}\n","import React, { useState, useEffect } from \"react\";\nimport { Grid } from \"@material-ui/core\";\nimport DataService from \"../services/api/data_services\";\nimport Layout from \"../components/layouts/layout\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Megaview from \"../templates/MegaView\";\nimport FormDialog from \"../templates/DownloadablePopup\";\nimport clutchLogo from \"../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\nimport RightArrow from \"../assets/Icons/go.svg\";\nimport RightArrowWhite from \"../assets/Icons/accordian_white.svg\";\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport Button from \"../components/Button\";\nimport { BASE_SITE_URL } from \"../shared/constants\";\n\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\nimport BannerBgImage from \"../assets/Images/mvp_banner.png\";\n\n//Info View\nimport Infoview from \"../templates/InfoView\";\n\n//Image List\nimport ImageList from \"../templates/ImageList\";\nimport ImageListDynamic from \"../templates/ImageListDynamic\";\n\n//Miniview\nimport Miniview from \"../templates/MiniView\";\n\n// Two Column Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\n\n//Mini Image Banner\nimport MiniImageBanner from \"../templates/MiniImageBanner\";\nimport MiniImgBnrBgImg from \"../assets/Images/contact_us_bg.png\";\n\n//BlurCardList\nimport BlurCardList from \"../templates/BlurCardList\";\nimport MiniCardBgImage1 from \"../assets/Images/Homepage/mobile_application_development.png\";\nimport MiniCardBgImage2 from \"../assets/Images/Homepage/web_application_development.png\";\nimport MiniCardBgImage3 from \"../assets/Images/Homepage/full_product_development.png\";\nimport MiniCardBgImage5 from \"../assets/Images/Homepage/Product_designing_and_Prototyping.png\";\nimport MiniCardBgImage6 from \"../assets/Images/Homepage/product_scaling.png\";\nimport MiniCardBgImage7 from \"../assets/Images/Homepage/code_ux_audit.png\";\nimport MiniCardBgImage8 from \"../assets/Images/Homepage/digital_transformation.png\";\nimport MiniCardBgImage9 from \"../assets/Images/Homepage/machine_learning.png\";\n\n//Six Hover Cards\nimport SixPlainCards from \"../templates/SixPlainCards\";\nimport HoverCardWithBtnIcon1 from \"../assets/Icons/outrun.svg\";\nimport HoverCardWithBtnIcon2 from \"../assets/Icons/Group_1.svg\";\nimport HoverCardWithBtnIcon3 from \"../assets/Icons/Group_2.svg\";\nimport HoverCardWithBtnIcon4 from \"../assets/Icons/Group_3042.svg\";\nimport HoverCardWithBtnIcon5 from \"../assets/Icons/Group_3.svg\";\n\n//Click To View Card\nimport ClickToViewCard from \"../templates/ClickToViewCard\";\nimport ClickToViewCardImg1 from \"../assets/Images/ClickToViewCard/Business-Model-Valuation.png\";\nimport ClickToViewCardImg2 from \"../assets/Images/ClickToViewCard/Proof-of-Concept.png\";\nimport ClickToViewCardImg3 from \"../assets/Images/ClickToViewCard/Prototype.png\";\nimport ClickToViewCardImg4 from \"../assets/Images/ClickToViewCard/Minimum_Viable_Product.png\";\n\n//Icon Card List\nimport IconCardList from \"../templates/IconCardList\";\nimport IconCardListIcon1 from \"../assets/Images/IconCardList/Creative_Idea.svg\";\nimport IconCardListIcon2 from \"../assets/Images/IconCardList/Software_Companies.svg\";\nimport IconCardListIcon3 from \"../assets/Images/IconCardList/Feedback_Audience.svg\";\nimport IconCardListIcon4 from \"../assets/Images/IconCardList/Presentation.svg\";\nimport IconCardListIcon5 from \"../assets/Images/IconCardList/Work_Flow.svg\";\nimport IconCardListIcon6 from \"../assets/Images/IconCardList/MRR.svg\";\n// Mobile movie slider\nimport MobileMovieSlider from \"../components/MobileMovieSlider\";\nimport awardsForMobile from \"../assets/Images/About Us/awards____2x.png\";\n\nimport ogimage from \"../assets/Images/ogImages/OG_MVP.png\";\nimport ourOffer from \"../assets/Images/scrollImages/Group_6110_2x.png\";\n\nconst MvpDevelopment = () => {\n const [page, setPage] = useState(1);\n const [awardsData, setAwardsData] = useState([]);\n const [limit, setLimit] = useState(6);\n const [articleRawData, setArticleRawData] = useState([]);\n const [articleLimit, setArticleLimit] = useState(6);\n const [articlePage, setArticlePage] = useState(1);\n const [articleData, setArticleData] = useState([]);\n const [megaviewData, setMegaViewData] = useState([]);\n const [clientStoryData, setClientStoryData] = useState([]);\n const [clientStoryRawData, setClientStoryRawData] = useState([]);\n const [isHover, setIsHover] = useState(false);\n const [openUp, setOpen] = useState(false);\n\n const [timeLeft, setTimeLeft] = useState(5);\n\n useEffect(() => {\n // exit early when we reach 0\n if (!timeLeft) {\n setOpen(true);\n return;\n }\n\n // save intervalId to clear the interval when the\n // component re-renders\n const intervalId = setInterval(() => {\n setTimeLeft(timeLeft - 1);\n }, 5);\n\n // clear interval on re-render to avoid memory leaks\n return () => clearInterval(intervalId);\n // add timeLeft as a dependency to re-rerun the effect\n // when we update it\n }, [timeLeft]);\n\n const toggleHover = () => {\n setIsHover(!isHover);\n };\n\n useEffect(() => {\n DataService.getData(\n \"/admin/api/all-services?limit=1&type=White Paper&service_type=PD - MVP Development\"\n ).then((response) => {\n setMegaViewData(response);\n });\n DataService.getData(\n \"/admin/api/all-services?type=Awards&service_type=PD - MVP Development&limit=5\"\n ).then((response) => {\n setAwardsData(response.data);\n });\n // const openDialog = () => setTimeout(() => setOpen(true),20)\n // const closeDialog = () => setOpen(false)\n // console.log('open :>> ', openUp);\n // let openPopup = minutes === 1 ? true :false;\n }, []);\n useEffect(() => {\n DataService.getData(\n `/admin/api/all-services?limit=${articleLimit}&page=${articlePage}&type=Article&service_type=PD - MVP Development&component=mini_view`\n ).then((response) => {\n setArticleData([...articleData, ...response.data]);\n setArticleRawData(response);\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [articleLimit, articlePage]);\n useEffect(() => {\n DataService.getData(\n `/admin/api/all-services?limit=${limit}&page=${page}&type=Client Story&service_type=PD - MVP Development&component=mini_view`\n ).then((response) => {\n setClientStoryData([...clientStoryData, ...response.data]);\n setClientStoryRawData(response);\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [page, limit]);\n\n /**\n * Image Banner\n */\n const ImageBannerData = {\n bnrImg: BannerBgImage,\n bnrImgTitle: (\n <>\n Minimum\n \n Viable Product (MVP)\n \n Development\n \n ),\n bnrImgSubTitle: \"How can we help you today?\",\n servicesColumn1: {\n data: [\n {\n service: \"Mobile Application Development\",\n link: \"/mobile-application-development\",\n },\n\n {\n service: \"MVP Development\",\n link: \"/mvp-development\",\n },\n {\n service: \"Code & UX Audit\",\n link: \"/code-ux-audit\",\n },\n ],\n },\n servicesColumn2: {\n data: [\n {\n service: \"Web Application Development\",\n link: \"/web-application-development\",\n },\n {\n service: \"Product Designing and Prototyping\",\n link: \"/product-designing-and-prototyping\",\n },\n {\n service: \"Digital Transformation\",\n link: \"/digital-transformation\",\n },\n ],\n },\n servicesColumn3: {\n data: [\n {\n service: \"Full Product Development\",\n link: \"/full-product-development\",\n },\n {\n service: \"Product scaling\",\n link: \"/product-scaling\",\n },\n {\n service: \"Machine Learning\",\n link: \"/machine-learning\",\n },\n ],\n },\n };\n\n /**\n * Infoview\n */\n const InfoviewData = {\n InfoviewTitle: (\n
\n Build an MVP Product\n
\n ),\n tag: \"h2\",\n InfoviewContent: (\n <>\n Before you move on to create a new digital product, you should\n definitely consider launching a Minimum Viable Product (MVP) to assess\n your business risk. Use MVP design, lower cost of market-testing, and\n use real-time feedback to improve your product. MVP development\n guarantees several benefits for start-ups, such as market validation,\n resource optimisation, early acquisition of users, among others.\n Building an MVP is the best way to get feedback from real users at an\n early stage without having to risk releasing a product that is not going\n to work on the market.\n \n ),\n };\n\n /**\n * Infoview1\n */\n const InfoviewData1 = {\n InfoviewTitle: (\n
\n Our Experience Building MVPs\n
\n ),\n tag: \"h4\",\n InfoviewContent: (\n <>\n At Digiryite, we use the latest and the most advanced programming\n languages such as JavaScript, Python and Node.js to design our MVPs. We\n have experience of creating over 77 number of MVPs for our clients\n across the globe. Here are some of the interesting case studies that\n will highlight our expertise in creating MVPs for your product\n development.\n \n ),\n };\n\n /**\n * Imagelist\n */\n\n const ImagelistData = {\n ImageListTitle: (\n
\n Awards & \n Recognitions\n
\n ),\n tag: \"h5\",\n ImageListButtonColor: \"primary\",\n ImageListButtonLabel: \"Find out More\",\n };\n\n /**\n * TwoColumnContactInfo\n */\n\n const TwoColumnContactInfoData = {\n Clm1Img: Clm1Img,\n Clm1Title: \"Phone:\",\n Clm1SubTitle: \"+44 (0) 161 706 7983\",\n Clm2Img: Clm2Img,\n Clm2Title: \"Email:\",\n Clm2SubTitle: \"hello@digiryte.com\",\n };\n\n const miniImageBannerData = {\n Id: \"minibanner1\",\n MiniImageBannerBgImg: MiniImgBnrBgImg,\n MiniImageBannerAltTxt: \"Contact Us to estimate your product\",\n HoverLinkContent: \"Contact Us\",\n NearHoverLinkContent: \" to \",\n PlainContent: \"estimate your product\",\n route: \"/contact-us\",\n };\n\n /**\n * Click To View Card\n */\n\n const ClickToViewCardData = [\n {\n title: \"Starting a new business\",\n heading: (\n <>\n Starting a new business\n \n ),\n content:\n \"For a start-up or an entrepreneur, checking the project concept in action is an extremely important phase. With an MVP development, you can save time and build your product with basic functionalities just to test them on your user. Together with your team, we will help you to create and develop a product that will reflect your business goals.\",\n image: ClickToViewCardImg1,\n },\n {\n title: \"Adding new features\",\n heading: (\n <>\n Adding new features\n \n ),\n content:\n \"After launching an MVP, we help you gather user responses to determine the future iterations of your product roadmap. We group similar features and initiatives into themes that will help you in releasing your product that is truly valuable for your customers.\",\n image: ClickToViewCardImg2,\n },\n {\n title: \"Digital Transformation\",\n heading: (\n <>\n Digital Transformation\n \n ),\n content:\n \"The main function of embracing digital transformation is the way that businesses reinvent business models in new paradigms for customer interaction, business productivity and informed decision making. At Digiryte, we possess the expertise, experience, and resources to boost your organisation's digital transformation process.\",\n image: ClickToViewCardImg3,\n },\n {\n title: \"Validating Your Business Ideas\",\n heading: (\n <>\n Validating Your Business\n Ideas\n \n ),\n content:\n \"Validation is an ongoing process and a certain type of validation is needed at all stages in order to ensure the product maintaining strength in the market. The team at Digiryte will work closely with you to identify the most appropriate business goals and then test the product developed to demonstrate the initial assumption.\",\n image: ClickToViewCardImg4,\n },\n ];\n\n /**\n * Six Hover Card\n */\n\n const SixHoverCardData = {\n HoverCardWithBtnvariant: \"contained\",\n HoverCardWithBtncolor: \"primary\",\n HoverCardWithBtnlabel: \"Get in Touch\",\n HoverCardWithBtntitle: (\n <>\n Need help with your MVP idea?\n \n ),\n whiteCard: \"no\",\n HoverCardWithBtntitle1: \"Overtake Competition\",\n HoverCardWithBtntitle2: \"Get Real-Time Response\",\n HoverCardWithBtntitle3: \"Test Product Hypothesis\",\n HoverCardWithBtntitle4: \"Insight-led Product Development\",\n HoverCardWithBtntitle5: \"Knowledge Sharing\",\n HoverCardWithBtnIcon1: HoverCardWithBtnIcon1,\n HoverCardWithBtnIcon2: HoverCardWithBtnIcon2,\n HoverCardWithBtnIcon3: HoverCardWithBtnIcon3,\n HoverCardWithBtnIcon4: HoverCardWithBtnIcon4,\n HoverCardWithBtnIcon5: HoverCardWithBtnIcon5,\n HoverCardWithBtnContent1:\n \"With an MVP, you can release a fully functional product to the market within 4-8 weeks to test the viability of the product in the marketplace.\",\n HoverCardWithBtnContent2:\n \"The MVP product gives you the ability to get feedback from real users, the ability to optimise, rebrand and improve the product before the final launch stage.\",\n HoverCardWithBtnContent3:\n \"Using MVP, you can test the hypothesis and understand the nearest business development plan.\",\n HoverCardWithBtnContent4:\n \"The aim of the MVP is to build-measure-learn that provides immediate value for the release of the product and the collection of valuable data. Data and feedback are then used to improve future product iterations.\",\n HoverCardWithBtnContent5:\n \"An MVP with an external team is a great opportunity to experience the lean startup approach in practice and immerse oneself in the agile and scrum frameworks.\",\n HoverCardWithBtnIconAlt1: \"E-Commerce Website Development \",\n HoverCardWithBtnIconAlt2: \"SAAS Product Development \",\n HoverCardWithBtnIconAlt3: \"Platform Based Product Development \",\n HoverCardWithBtnIconAlt4: \"CRM Development \",\n HoverCardWithBtnIconAlt5: \"LMS Development \",\n route: \"/contact-us\",\n };\n\n /**\n * Blur Card List Data\n */\n\n const BlurCardListData = {\n cardsData: [\n {\n image: MiniCardBgImage1,\n title: \"Mobile Application Development\",\n subTitle:\n \"Take business to your customers by building advanced native and hybrid mobile apps for both Android and iOS Platforms.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/mobile-application-development\",\n },\n {\n image: MiniCardBgImage2,\n title: \"Web Application Development\",\n subTitle:\n \"Accelerate different functions of your business by creating custom web applications using the latest in digital technologies.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/web-application-development\",\n },\n {\n image: MiniCardBgImage3,\n title: \"Full Product Development\",\n subTitle:\n \"The process of full product development encompasses all steps needed to take your product from concept to market place.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/full-product-development\",\n },\n {\n image: MiniCardBgImage5,\n title: \"Product Designing and Prototyping\",\n subTitle:\n \"Create a prototype of your product to visualise your idea and generate feedback without incurring the building costs of a fully functioning system.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/product-designing-and-prototyping\",\n },\n {\n image: MiniCardBgImage6,\n title: \"Product Scaling\",\n subTitle:\n \"Found your product-market fit? Great! Let us help you with a profitable scaling process that provides both sustainability and stability for your product.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/product-scaling\",\n },\n {\n image: MiniCardBgImage7,\n title: \"Code & UX Audit\",\n subTitle:\n \"With a regular audit, we can help you fix your product, improve its performance, gain new users, and boost your brand reputation in the marketplace.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/code-ux-audit\",\n },\n {\n image: MiniCardBgImage8,\n title: \"Digital Transformation\",\n subTitle:\n \"Update your traditional business processes and customer experience to meet the ever-changing market requirements with the help of next-generation digital technologies.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/digital-transformation\",\n },\n {\n image: MiniCardBgImage9,\n title: \"Machine Learning\",\n subTitle:\n \"Through machine learning, we can help you make informed decisions to improve business scalability and operational efficiency.\",\n customClass: \"effect-btn no-padding-left mt-20\",\n btnLabel: \"Learn More\",\n route: \"/machine-learning\",\n },\n ],\n lastCardData: {\n title: \"Let's Talk\",\n subTitle: \"We'd love to help with your product.\",\n variant: \"contained\",\n label: \"GET IN TOUCH\",\n customClass: \"miniCrdBgImg-main-border\",\n route: \"/contact-us\",\n },\n };\n\n /**\n * Icon Card List Data\n */\n\n const IconCardListData = [\n {\n icon: IconCardListIcon1,\n altTxt: \"Two different flexible proposals with solution and pricing\",\n heading: \"Two different flexible proposals with solution and pricing\",\n },\n {\n icon: IconCardListIcon2,\n altTxt: \"Working piece of code at end of each milestone\",\n heading: \"Working piece of code at end of each milestone\",\n },\n {\n icon: IconCardListIcon3,\n altTxt: \"Accessible customer care by accountable team\",\n heading: \"Accessible customer care by accountable team\",\n },\n {\n icon: IconCardListIcon4,\n altTxt: \"Product workshops and consulting by experts\",\n heading: \"Product workshops and consulting by experts\",\n },\n {\n icon: IconCardListIcon5,\n altTxt: \"Transparent development process\",\n heading: \"Transparent development process\",\n },\n {\n icon: IconCardListIcon6,\n altTxt: \"Contineous knowledge transfer\",\n heading: \"Contineous knowledge transfer\",\n },\n ];\n const quotedMiniCardData = {\n title: \"Mobile App Dev for Automative Sales App\",\n heading:\n \"We can’t speak highly enough of Digiryte’s team because they bent over backward to help us launch our product.\",\n content: \"Founder, Bumper UK\",\n footerContent: (\n
\n
Authentic client review from
\n
\n \n
\n
\n ),\n };\n\n const miniviewDataArticle = {\n height: \"490\",\n service: \"machineLearning\",\n title: \"Let's Talk\",\n subTitle: \"We'd love to help with your product.\",\n variant: \"contained\",\n label: \"GET IN TOUCH\",\n tooltip: \"yes\",\n tip: \"GET IN TOUCH\",\n customClass: \"miniCrdBgImg-main-border\",\n route: \"/contact-us\",\n };\n const miniviewDataCaseStudy = {\n height: \"490\",\n service: \"machineLearning\",\n title: \"Let's Talk\",\n subTitle: \"We'd love to help with your product.\",\n variant: \"contained\",\n label: \"GET IN TOUCH\",\n tooltip: \"yes\",\n tip: \"GET IN TOUCH\",\n customClass: \"miniCrdBgImg-main-border\",\n route: \"/contact-us\",\n };\n\n // Mobile movie slider\n const mobMovieSlider = {\n imageUrl: awardsForMobile,\n };\n const mobMovieSlider1 = {\n imageUrl: ourOffer,\n };\n return (\n \n \n
\n \n }\n customClassName=\"effect-btn\"\n className=\"mui-button-font\"\n tip=\"What we do\"\n routepath=\"/what-we-do\"\n />\n \n What we do\n \n