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