added tracking to redirect to demo

Author: AmoDinho

src/components/buttons/RedOutlineButton.js

@@ -1,8 +1,9 @@
 import PropTypes from "prop-types"
 import React from "react"
 
-const RedOutlineButton = ({ children, className }) => (
+const RedOutlineButton = ({ children, className, onClick }) => (
   <button
+    onClick={onClick}
     className={`${className} cursor-pointer bg-white-full border border-red-light text-red-darkest focus:outline-none font-display rounded-px px-16 py-2 hover:bg-transparent hover:border hover:border-red-darkest`}
   >
     {children}
@@ -12,6 +13,7 @@ const RedOutlineButton = ({ children, className }) => (
 RedOutlineButton.propTypes = {
   children: PropTypes.string,
   className: PropTypes.string,
+  onClick: PropTypes.func,
 }
 
 RedOutlineButton.defaultProps = {

src/components/landing/hero.js

@@ -4,7 +4,7 @@ import BodyOne from "../typography/BodyOne"
 import RedBlockButton from "../buttons/RedBlockButton"
 import RedOutlineButton from "../buttons/RedOutlineButton"
 import HeroImage from "../../images/hero_image.svg"
-
+import constants from "../../constants"
 const Hero = () => (
   <>
     <div className="flex lg:flex-row s:flex-col text-left">
@@ -24,7 +24,10 @@ const Hero = () => (
         </BodyOne>
         <RedBlockButton className="">Learn now!</RedBlockButton>
 
-        <RedOutlineButton className="s:mt-5 lg:ml-5">
+        <RedOutlineButton
+          className="s:mt-5 lg:ml-5"
+          onClick={() => constants.track("App.RedirctToDemo")}
+        >
           <a
             className="flex flex-row"
             target="_blank"