diff --git a/data/home.yml b/data/home.yml
index 8ec4ec7..f158c1e 100644
--- a/data/home.yml
+++ b/data/home.yml
@@ -1,9 +1,8 @@
hero:
headline: Build unique voice solutions, faster.
- subtext:
- - jambonz is the open source voice platform
- - for conversational AI providers and CSPs.
- cta: Create a free account on jambonz.cloud
+ subtext: jambonz is the open source voice platform for conversational AI providers and CSPs.
+ ctaline: Create a free account on jambonz.cloud today!
+ cta: Create your free account
url: https://jambonz.cloud/register
tech:
diff --git a/src/components/layout.js b/src/components/layout.js
index 8cc6949..28cadbe 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -76,6 +76,11 @@ export function Hero({ data = {}, subStyle, altStyle, children }) {
)}
+ {data.ctaline && (
+
+ )}
{data.cta && (
diff --git a/src/styles/_layout.scss b/src/styles/_layout.scss
index ed5b0cb..730a62d 100644
--- a/src/styles/_layout.scss
+++ b/src/styles/_layout.scss
@@ -107,6 +107,14 @@
&--home {
padding-bottom: 64px;
padding-top: 32px;
+
+ .hero__subtext {
+ max-width: 530px;
+
+ @media (max-width: ui-vars.$width-tablet-1) {
+ max-width: 470px;
+ }
+ }
}
&--why {
@@ -166,6 +174,10 @@
margin-right: auto;
}
}
+
+ &__ctaline {
+ margin-bottom: 32px;
+ }
}
/******************************************************************************
diff --git a/src/styles/_vars.scss b/src/styles/_vars.scss
index 73c45fa..4ce5f4a 100644
--- a/src/styles/_vars.scss
+++ b/src/styles/_vars.scss
@@ -3,10 +3,10 @@
* Utilized in src/components/hooks: useMobileMedia
*******************************************************************************/
:root {
- --mobile-media: 896px;
+ --mobile-media: 1024px;
}
-$mobile-width: 896px;
+$mobile-width: 1024px;
/******************************************************************************
* Sizes