YAML cta urls

components/footer.js

@@ -32,7 +32,9 @@ export default function Footer({ siteData }) {
           </ul>
         </div>
         <div className="foot__support">
-          <Button href={`mailto:${siteData.footer.email}`} target="_blank" subStyle="light">{siteData.footer.email}</Button>
+          <Button href={`mailto:${siteData.footer.email}`} target="_blank" subStyle="light">
+            {siteData.footer.email}
+          </Button>
         </div>
       </div>
     </footer>

components/jambonz-ui.js

@@ -66,7 +66,7 @@ export function Hero({ data, subStyle }) {
       </div>
       {data.cta && (
         <div className="hero__cta">
-          <Button href="#" target="_blank">{data.cta}</Button>
+          <Button href={data.url} target="_blank">{data.cta}</Button>
         </div>
       )}
     </div>

components/navi.js

@@ -35,7 +35,9 @@ function NaviMobile({ active, handler, siteData }) {
     <div className={classNames(classes)}>
       <div className="navi__mobile__head">
         <div className="navi__mobile__login">
-          <Button href={siteData.navi.login.link} style="login" subStyle="white">{siteData.navi.login.label}</Button>
+          <Button href={siteData.navi.login.link} target="_blank" style="login" subStyle="white">
+            {siteData.navi.login.label}
+          </Button>
         </div>
         <div className="navi__mobile__icon" onClick={handler}>
           <Icon style="fill" subStyle="white" name="X" />
@@ -53,7 +55,9 @@ function NaviMobile({ active, handler, siteData }) {
         })}
       </ul>
       <div className="navi__mobile__support">
-        <Button href={`mailto:${siteData.footer.email}`} target="_blank" subStyle="light">{siteData.footer.email}</Button>
+        <Button href={`mailto:${siteData.footer.email}`} target="_blank" subStyle="light">
+          {siteData.footer.email}
+        </Button>
       </div>
     </div>
   );
@@ -105,7 +109,9 @@ export default function Navi({ siteData }) {
           <Icon style="fill" name="Menu" />
         </div>
         <div className="navi__login">
-          <Button href={siteData.navi.login.link} style="login">{siteData.navi.login.label}</Button>
+          <Button href={siteData.navi.login.link} target="_blank" style="login">
+            {siteData.navi.login.label}
+          </Button>
         </div>
       </div>
       {mobile && <NaviMobile active={active} handler={handleNavi} siteData={siteData} />}

data/home.yml

@@ -3,4 +3,5 @@ hero:
   subtext:
     - jambonz is the open source CPaaS 
     - built for communications service providers.
-  cta: Sign up for free
+  cta: Sign up for free
+  url: /#

data/why.yml

@@ -1,4 +1,5 @@
 hero:
   headline: Why choose jambonz?
   subtext: jambonz is the communications platform that brings your ideas to life. So you can bring your best to your customers every day.
-  cta: Get started for free
+  cta: Get started for free
+  url: /#