{"version":3,"sources":["constants.js","components/styledComponents.js","components/slideAnimation.js","components/home.js","static/00655-3308190209.webp","components/services.js","components/contact.js","components/footer.js","components/homepageHeader.js","App.js","components/bouncingBall.js","reportWebVitals.js","index.js"],"names":["COLOR_PALLETE","StyledHomepageParagraph","styled","p","_templateObject","_taggedTemplateLiteral","StyledHomepageList","ul","_templateObject2","StyledSubHeading","Header","_templateObject3","SlideAnimation","Home","_jsx","Segment","id","style","padding","vertical","children","Grid","container","stackable","verticalAlign","Row","_jsxs","Column","as","fontSize","SERVICE_LIST","heading","body","Services","width","map","c","i","floated","Image","bordered","rounded","size","src","serviceImage","textAlign","Contact","href","Footer","inverted","Container","divided","content","List","link","Item","Icon","name","StyledAnimatedButton","Button","StyledAnimatedHeaderColorFill","keyframes","StyledAnimatedHeaderCursorMovement","StyledAnimatedHeader","div","_templateObject4","props","mobile","HomepageHeading","_ref","text","fontWeight","marginBottom","marginTop","_createMedia","createMedia","breakpoints","tablet","computer","MediaContextProvider","Media","DesktopContainer","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","state","toggleFixedMenu","inView","setState","fixed","_createClass","key","value","this","greaterThan","InView","onChange","minHeight","Menu","pointing","secondary","Component","MobileContainer","_Component2","_super2","_this2","_len2","_key2","handleSidebarHide","sidebarOpened","handleToggle","Sidebar","Pushable","at","animation","onHide","visible","Pusher","dimmed","ResponsiveContainer","HomepageLayout","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","createRoot","document","getElementById","render","React","StrictMode","App"],"mappings":"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","file":"static/js/main.537ff661.chunk.js","sourcesContent":["export const COLOR_PALLETE = {\r\n  bg: '#447087',\r\n  sbg: '#4C6891',\r\n  tbg: '#546FA6',\r\n  pText: '#507395'\r\n}","import styled from 'styled-components'\r\nimport { COLOR_PALLETE } from '../constants'\r\nimport { Header } from 'semantic-ui-react'\r\n\r\nexport const StyledHomepageParagraph = styled.p`\r\n  font-size: 1.33em;\r\n`\r\n\r\nexport const StyledHomepageList = styled.ul`\r\n  list-style-type: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    border-left: 3px solid ${COLOR_PALLETE.pText};\r\n    margin-bottom: 10px;\r\n    padding-left: 10px;\r\n  }\r\n`\r\nexport const StyledSubHeading = styled(Header)`\r\n  &&& {\r\n    font-size: 1.33em;\r\n  }\r\n`","import React, { useEffect, useRef } from \"react\";\r\nimport PropTypes from 'prop-types'\r\n\r\nconst A_FROM_LEFT = 'translateX(-100%)';\r\nconst A_FROM_RIGHT = 'translateX(100%)';\r\n\r\n/**\r\n * TODOS:\r\n * - Spinny animation around picture: https://youtu.be/sQoiM7i5Nqc?t=1657\r\n * - Cool slidy animations in this vid: https://www.youtube.com/watch?v=S9NOXjdipl4\r\n * - Cool wheel animation: https://www.youtube.com/watch?v=sU-uzO7nNhI\r\n * - Solar system animation: https://www.youtube.com/shorts/LOSCrYq0ZB4?feature=share\r\n */\r\n\r\nfunction SlideAnimation({ children, delay, direction }) {\r\n  const sectionRef = useRef(null);\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      ([entry]) => {\r\n        if (entry.isIntersecting) {\r\n\t\t\t\t\tlet animDuration = 618;\r\n\t\t\t\t\tlet animFrames = [\r\n            // keyframes\r\n            { transform:  A_FROM_LEFT},\r\n            { transform: 'translateX(0)' }\r\n          ];\r\n\t\t\t\t\tif (direction == 'left') {\r\n\t\t\t\t\t\tanimFrames = [\r\n\t\t\t\t\t\t\t// keyframes\r\n\t\t\t\t\t\t\t{ transform:  A_FROM_RIGHT},\r\n\t\t\t\t\t\t\t{ transform: 'translateX(0)' }\r\n\t\t\t\t\t\t];\r\n\r\n\t\t\t\t\t\tif (delay && delay > 0) {\r\n\t\t\t\t\t\t\tanimFrames.push({ transform: A_FROM_RIGHT, offset: delay/100 })\r\n\t\t\t\t\t\t\tanimDuration = animDuration + delay\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n          entry.target.animate(animFrames, {\r\n            // timing options\r\n            duration: animDuration,\r\n            easing: 'ease-in-out',\r\n            fill: 'forwards',\r\n          });\r\n\t\t\t\t\tobserver.unobserve(entry.target);  // stop observing the target after starting the animation\r\n        }\r\n      },\r\n      { threshold: 0.2 }  // triggers when at least 10% of the target is visible\r\n    );\r\n\r\n    if (sectionRef.current) {\r\n      observer.observe(sectionRef.current);\r\n    }\r\n\r\n    return () => observer.disconnect();\r\n  }, []);\r\n\r\n  return (\r\n\t\t<div ref={sectionRef} style={{ pointerEvents: 'auto' }}>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nSlideAnimation.propTypes = {\r\n\tchildren: PropTypes.node,\r\n\tdelay: PropTypes.number,\r\n\tdirection: PropTypes.string\r\n}\r\n\r\nexport default SlideAnimation;","import React from 'react'\r\nimport {\r\n  Grid,\r\n  Header,\r\n  Segment,\r\n} from 'semantic-ui-react'\r\nimport { StyledHomepageParagraph } from './styledComponents'\r\nimport SlideAnimation from './slideAnimation'\r\n\r\nconst A_KEY_NAMES = [\"about-header-anim\"];\r\n\r\nexport const Home = () => (\r\n  <Segment id=\"home\" style={{ padding: '8em 0em' }} vertical>\r\n    <Grid container stackable verticalAlign='middle'>\r\n      <Grid.Row>\r\n        <Grid.Column>\r\n          <Header as='h3' style={{ fontSize: '2em' }}>\r\n            About Us\r\n          </Header>\r\n          <StyledHomepageParagraph>\r\n            Welcome to SRVIS, where engineering excellence meets your business aspirations. \r\n            With a decade of experience in the heart of the tech industry's powerhouse companies, our prowess lies in our ability to translate complex technological challenges into streamlined, effective solutions. \r\n            Our core strength is web development. We don't merely write code; we engineer bespoke digital solutions designed to enhance your business operations. \r\n            Specializing in a host of advanced technologies, we craft dynamic, responsive, and secure web applications that don't just meet your needs - they push the boundaries of what's possible.\r\n          </StyledHomepageParagraph>\r\n        </Grid.Column>\r\n      </Grid.Row>\r\n    </Grid>\r\n  </Segment>\r\n)","export default __webpack_public_path__ + \"static/media/00655-3308190209.0ecc50b6.webp\";","import React from 'react'\r\nimport {\r\n  Grid,\r\n  Header,\r\n  Image,\r\n  Segment,\r\n} from 'semantic-ui-react'\r\nimport { StyledHomepageList, StyledHomepageParagraph, StyledSubHeading } from './styledComponents'\r\nimport SlideAnimation from './slideAnimation'\r\nimport { COLOR_PALLETE } from '../constants'\r\nimport serviceImage from '../static/00655-3308190209.webp'\r\n\r\nconst A_KEY_NAMES = [\r\n  \"service-header-anim\", \r\n  \"styled-para-anim\", \r\n  \"styled-list-anim1\",\r\n  \"styled-list-anim2\",\r\n  \"styled-list-anim3\",\r\n  \"styled-list-anim4\",\r\n  \"styled-list-anim5\",\r\n  \"image-anim\",\r\n  \"closing-paragraph-anim\"\r\n]\r\n\r\nconst SERVICE_LIST = [\r\n  {\r\n    heading: \"Typescript, Go, and C# Development:\",\r\n    body: \"Leverage our in-depth understanding of these powerful languages to build robust, high-performing applications.\"\r\n  },\r\n  {\r\n    heading: \"React Native and React Development:\",\r\n    body: \"From engaging web apps to high-performance mobile applications, trust our expertise to deliver immersive experiences with React and React Native.\"\r\n  },\r\n  {\r\n    heading: \"Database and Cloud Services:\",\r\n    body: \"From traditional SQL databases to NoSQL alternatives, we offer comprehensive support for all your database needs. Furthermore, optimize your cloud operations with our expert assistance in Azure and AWS services.\"\r\n  },\r\n  {\r\n    heading: \"Custom Web Applications:\",\r\n    body: \"We understand that every business is different. With this in mind, we design and develop custom web applications from scratch, offering the highest degree of flexibility and scalability.\"\r\n  },\r\n  {\r\n    heading: \"Crypto Applications and Smart Contracts:\",\r\n    body: \"As the world of digital currencies grows, so do your opportunities. We're equipped to design and develop applications in the thriving field of cryptocurrencies and smart contracts, helping you tap into this promising avenue.\"\r\n  }\r\n]\r\n\r\nexport const Services = () => (\r\n  <Segment id=\"services\" style={{ padding: '8em 0em' }} vertical>\r\n    <Grid container stackable verticalAlign='middle'>\r\n      <Grid.Row>\r\n        <Grid.Column width={8}>\r\n          <Header as='h3' style={{ fontSize: '2em' }}>\r\n            Our Services\r\n          </Header>\r\n          &nbsp;\r\n          &nbsp;\r\n          <StyledHomepageParagraph>At SRVIS, we understand that every business has unique needs, and we're committed to providing solutions that fit you just right. \r\n          Our services range across a wide spectrum of web development technologies and platforms. Here's what we offer:</StyledHomepageParagraph>\r\n          &nbsp;\r\n          &nbsp;\r\n          <StyledHomepageList>\r\n            {SERVICE_LIST.map((c, i) => (\r\n              <li key={i}>\r\n                <StyledSubHeading>{c.heading}</StyledSubHeading>\r\n                <StyledHomepageParagraph>{c.body}</StyledHomepageParagraph>\r\n              </li>\r\n            ))}\r\n          </StyledHomepageList>\r\n          &nbsp;\r\n          &nbsp;\r\n        </Grid.Column>\r\n        <Grid.Column floated='right' width={6}>\r\n          <Image bordered rounded size='large' src={serviceImage} />\r\n        </Grid.Column>\r\n      </Grid.Row>\r\n      <Grid.Row>\r\n        <Grid.Column textAlign='center'>\r\n          <StyledSubHeading>At SRVIS, we're more than just your developers - we're your strategic partners, leveraging technology to boost your growth and success.</StyledSubHeading>\r\n        </Grid.Column>\r\n      </Grid.Row>\r\n    </Grid>\r\n  </Segment>\r\n)","import React from 'react'\r\nimport {\r\n  Grid,\r\n  Header,\r\n  Segment,\r\n} from 'semantic-ui-react'\r\nimport { StyledHomepageParagraph } from './styledComponents'\r\nimport SlideAnimation from './slideAnimation'\r\n\r\nconst A_KEY_NAMES = [\"contact-us-header-anim\"];\r\n\r\nexport const Contact = () => (\r\n  <Segment id=\"contact\" style={{ padding: '8em 0em' }} vertical>\r\n    <Grid container stackable verticalAlign='middle'>\r\n      <Grid.Row>\r\n          <Grid.Column>\r\n            <Header as='h3' style={{ fontSize: '2em' }}>\r\n              Contact Us\r\n            </Header>\r\n            <StyledHomepageParagraph>\r\n              We're excited to join you on your digital journey. For any inquiries or further information about our services, don't hesitate to reach out. \r\n              Email us at <a href='mailto:info@srvis.io'>info@srvis.io</a>, and we'll get back to you promptly. Let's build the future of your business together.\r\n            </StyledHomepageParagraph>\r\n          </Grid.Column>\r\n      </Grid.Row>\r\n    </Grid>\r\n  </Segment>\r\n)","import React from 'react'\r\nimport {\r\n  Grid,\r\n  Header,\r\n  Segment,\r\n  Icon,\r\n  List,\r\n  Container\r\n} from 'semantic-ui-react'\r\nimport SlideAnimation from './slideAnimation'\r\n\r\nexport const Footer = () => (\r\n\t<Segment inverted vertical style={{ padding: '5em 0em' }}>\r\n\t\t<Container>\r\n\t\t\t<Grid divided inverted stackable>\r\n\t\t\t\t<Grid.Row>\r\n\t\t\t\t\t<Grid.Column width={3}>\r\n\t\t\t\t\t<Header inverted as='h4' content='Socials' />\r\n\t\t\t\t\t<List link inverted>\r\n\t\t\t\t\t\t\t<List.Item as='a' href='https://github.com/srviscode'><Icon name='github' /></List.Item>\r\n\t\t\t\t\t</List>\r\n\t\t\t\t\t</Grid.Column>\r\n\t\t\t\t\t<Grid.Column width={3}>\r\n\t\t\t\t\t<Header inverted as='h4' content='Services' />\r\n\t\t\t\t\t<List link inverted>\r\n\t\t\t\t\t\t\t<List.Item as='a' href='mailto:info@srvis.io'>Get In Touch</List.Item>\r\n\t\t\t\t\t</List>\r\n\t\t\t\t\t</Grid.Column>\r\n\t\t\t\t\t<Grid.Column width={7}>\r\n\t\t\t\t\t<Header as='h4' inverted>\r\n\t\t\t\t\t\t\tMade with ❤️️\r\n\t\t\t\t\t</Header>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t© 2023 SRVIS. All Rights Reserved.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t</Grid.Column>\r\n\t\t\t\t</Grid.Row>\r\n\t\t\t</Grid>\r\n\t\t</Container>\r\n\t</Segment>\r\n)","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport {\r\n\tHeader,\r\n\tContainer,\r\n\tButton,\r\n\tIcon\r\n} from 'semantic-ui-react'\r\nimport SlideAnimation from './slideAnimation'\r\nimport { COLOR_PALLETE } from '../constants'\r\nimport styled, { keyframes } from 'styled-components'\r\n\r\nconst A_KEY_NAMES = [\r\n\t\"main-header-anim\",\r\n\t\"main-header2-anim\",\r\n\t\"main-header3-anim\"\r\n]\r\n\r\nconst StyledAnimatedButton = styled(Button)`\r\n  &&& {\r\n    position: relative;\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 15rem;\r\n    height: 100%;\r\n    border: .2rem solid ${COLOR_PALLETE.pText};\r\n    z-index: 1;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 100%;\r\n    z-index: -1;\r\n    transition: width 0.618s;\r\n    background: ${COLOR_PALLETE.pText};\r\n  }\r\n\r\n  &:hover::before {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nconst StyledAnimatedHeaderColorFill = keyframes`\r\n  0%,\r\n  10%,\r\n  100% {\r\n    background-position: -33rem 0;\r\n  }\r\n  65%,\r\n  85% {\r\n    background-position: 0 0;\r\n  }\r\n`;\r\n\r\nconst StyledAnimatedHeaderCursorMovement = keyframes`\r\n  0%,\r\n  10%,\r\n  100% {\r\n    width: 0;\r\n  }\r\n  65%,\r\n  78%,\r\n  85% {\r\n    width: 100%;\r\n    opacity: 1;\r\n  }\r\n  75%,\r\n  81% {\r\n    opacity: 0;\r\n  }\r\n`;\r\n\r\nconst StyledAnimatedHeader = styled.div`\r\n  h2 {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: transparent;\r\n    font-size: ${props => props.mobile ? '1.5em' : '1.7em'};\r\n    font-weight: 700;\r\n    -webkit-text-stroke: .7px ${COLOR_PALLETE.pText};\r\n    background-image: linear-gradient(${COLOR_PALLETE.pText}, ${COLOR_PALLETE.pText});\r\n    background-repeat: no-repeat;\r\n    -webkit-background-clip: text;\r\n    background-position: -33rem 0;\r\n    margin: ${props => props.mobile ? '0.3em' : '0.7rem'};\r\n    animation: ${StyledAnimatedHeaderColorFill} 6s linear infinite;\r\n    animation-delay: 0.618s;\r\n  }\r\n\r\n  h2::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 100%;\r\n    z-index: 1;\r\n    border-right: ${props => props.mobile ? '0px' : '2px'} solid ${COLOR_PALLETE.pText};\r\n    animation: ${StyledAnimatedHeaderCursorMovement} 6s linear infinite;\r\n    animation-delay: 0.618s;\r\n  }\r\n`\r\n\r\nconst HomepageHeading = ({ mobile }) => (\r\n\t<Container text>\r\n\t\t<Header\r\n\t\t\tas='h1'\r\n\t\t\tcontent='SRVIS'\r\n\t\t\tinverted\r\n\t\t\tstyle={{\r\n\t\t\t\tfontSize: mobile ? '2em' : '4em',\r\n\t\t\t\tfontWeight: 'normal',\r\n\t\t\t\tmarginBottom: 0,\r\n\t\t\t\tmarginTop: mobile ? '1.5em' : '3em',\r\n\t\t\t}}\r\n\t\t/>\r\n\t\t<StyledAnimatedHeader mobile={mobile}>\r\n      <h2>Engineering Tomorrow's Web, Today</h2>\r\n    </StyledAnimatedHeader>\r\n\t\t<StyledAnimatedButton href=\"#services\" size='huge'>\r\n      Our Services\r\n      <Icon name='right arrow' />\r\n    </StyledAnimatedButton>\r\n\t</Container>\r\n)\r\n\r\nHomepageHeading.propTypes = {\r\n\tmobile: PropTypes.bool,\r\n}\r\n\r\nexport default HomepageHeading","/* eslint-disable max-classes-per-file */\n/* eslint-disable react/no-multi-comp */\n\nimport { createMedia } from '@artsy/fresnel'\nimport PropTypes from 'prop-types'\nimport React, { Component } from 'react'\nimport { InView } from 'react-intersection-observer'\nimport {\n  Container,\n  Menu,\n  Segment,\n  Sidebar,\n} from 'semantic-ui-react'\nimport { Home } from './components/home'\nimport { Services } from './components/services'\nimport { Contact } from './components/contact'\nimport { Footer } from './components/footer'\nimport HomepageHeading from './components/homepageHeader'\nimport BouncingBall from './components/bouncingBall'\n\nconst { MediaContextProvider, Media } = createMedia({\n  breakpoints: {\n    mobile: 0,\n    tablet: 768,\n    computer: 1024,\n  },\n})\n\n/* Heads up!\n * Neither Semantic UI nor Semantic UI React offer a responsive navbar, however, it can be implemented easily.\n * It can be more complicated, but you can create really flexible markup.\n */\nclass DesktopContainer extends Component {\n  state = {}\n\n  toggleFixedMenu = (inView) => this.setState({ fixed: !inView })\n\n  render() {\n    const { children } = this.props\n    const { fixed } = this.state\n\n    return (\n      <Media greaterThan='mobile'>\n        <InView onChange={this.toggleFixedMenu}>\n          <Segment\n            inverted\n            textAlign='center'\n            style={{ minHeight: 700, padding: '1em 0em' }}\n            vertical\n          >\n            <Menu\n              fixed={fixed ? 'top' : null}\n              inverted={!fixed}\n              pointing={!fixed}\n              secondary={!fixed}\n              size='large'\n            >\n              <Container>\n                <Menu.Item as='a' href=\"#home\">Home</Menu.Item>\n                <Menu.Item as='a' href=\"#services\">Services</Menu.Item>\n                <Menu.Item as='a' href=\"#contact\">Contact Us</Menu.Item>\n              </Container>\n            </Menu>\n            <HomepageHeading />\n          </Segment>\n        </InView>\n        {children}\n      </Media>\n    )\n  }\n}\n\nDesktopContainer.propTypes = {\n  children: PropTypes.node,\n}\n\nclass MobileContainer extends Component {\n  state = {}\n\n  handleSidebarHide = () => this.setState({ sidebarOpened: false })\n\n  handleToggle = () => this.setState({ sidebarOpened: true })\n\n  render() {\n    const { children } = this.props\n    const { sidebarOpened } = this.state\n\n    return (\n      <Media as={Sidebar.Pushable} at='mobile'>\n        <Sidebar.Pushable>\n          <Sidebar\n            as={Menu}\n            animation='overlay'\n            inverted\n            onHide={this.handleSidebarHide}\n            vertical\n            visible={sidebarOpened}\n          >\n            <Menu.Item as='a' href=\"#home\">Home</Menu.Item>\n            <Menu.Item as='a' href=\"#services\">Services</Menu.Item>\n            <Menu.Item as='a' href=\"#contact\">Contact Us</Menu.Item>\n          </Sidebar>\n\n          <Sidebar.Pusher dimmed={sidebarOpened}>\n            <Segment\n              inverted\n              textAlign='center'\n              style={{ minHeight: 350, padding: '1em 0em' }}\n              vertical\n            >\n              <HomepageHeading mobile />\n            </Segment>\n\n            {children}\n          </Sidebar.Pusher>\n        </Sidebar.Pushable>\n      </Media>\n    )\n  }\n}\n\nMobileContainer.propTypes = {\n  children: PropTypes.node,\n}\n\nconst ResponsiveContainer = ({ children }) => (\n  /* Heads up!\n   * For large applications it may not be best option to put all page into these containers at\n   * they will be rendered twice for SSR.\n   */\n  <MediaContextProvider>\n    <DesktopContainer>{children}</DesktopContainer>\n    <MobileContainer>{children}</MobileContainer>\n  </MediaContextProvider>\n)\n\nResponsiveContainer.propTypes = {\n  children: PropTypes.node,\n}\n\nconst HomepageLayout = () => (\n  <ResponsiveContainer>\n    <Home />\n    <Services />\n    <Contact />\n    <Footer />\n  </ResponsiveContainer>\n)\n\nexport default HomepageLayout","import React, { useEffect, useRef } from \"react\";\r\nimport { Container } from \"semantic-ui-react\";\r\nimport styled from \"styled-components\";\r\n\r\n// Style the ball and add a horizontal box-shadow as a trail\r\nconst Ball = styled.div`\r\n  position: absolute;\r\n  width: 15px;\r\n  height: 15px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  box-shadow: 50px 0 15px 5px red;  // initial box-shadow as a trail\r\n`;\r\n\r\nconst BouncingBall = () => {\r\n  const ballRef = useRef(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (ballRef.current) {\r\n\t\t\tconst ballAnimation = [];\r\n\r\n\t\t\tfor (let i = 0; i < window.innerWidth; i++) {\r\n\t\t\t\tlet t = `translateX(${i}px)`;\r\n\t\t\t\tlet b = `${Math.sin(i/50)*25}px`; // sine wave for smooth vertical oscillation\r\n\t\t\t\tlet s = `-50px 0 ${50 - i % 50}px 5px red`;  // dynamically changing box-shadow\r\n\t\t\t\tballAnimation.push({ transform: t, bottom: b, boxShadow: s });\r\n\t\t\t}\r\n\r\n\t\t\tconst ballTiming = {\r\n\t\t\t\tduration: 5000,  // reduced for faster animation\r\n\t\t\t\titerations: Infinity,\r\n\t\t\t\teasing: \"linear\"\r\n\t\t\t};\r\n\r\n\t\t\tballRef.current.animate(ballAnimation, ballTiming);\r\n\t\t}\r\n\t}, []);\r\n\r\n  return (\r\n    <Container>\r\n      <Ball ref={ballRef} />\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default BouncingBall;\r\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport 'semantic-ui-css/semantic.min.css'\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}