Fix cta links
This commit is contained in:
samaradel
@@ -199,14 +199,26 @@
|
|||||||
>
|
>
|
||||||
<h2
|
<h2
|
||||||
v-if="cta.title"
|
v-if="cta.title"
|
||||||
class="lg:text-6xl uppercase mb-0 leading-tight font-semibold font-heading"
|
class="
|
||||||
|
lg:text-6xl
|
||||||
|
uppercase
|
||||||
|
mb-0
|
||||||
|
leading-tight
|
||||||
|
font-semibold font-heading
|
||||||
|
"
|
||||||
>
|
>
|
||||||
{{ cta.title }}
|
{{ cta.title }}
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<h2
|
<h2
|
||||||
v-if="cta.subtitle"
|
v-if="cta.subtitle"
|
||||||
class="lg:text-6xl uppercase mt-0 leading-tight font-semibold font-heading"
|
class="
|
||||||
|
lg:text-6xl
|
||||||
|
uppercase
|
||||||
|
mt-0
|
||||||
|
leading-tight
|
||||||
|
font-semibold font-heading
|
||||||
|
"
|
||||||
>
|
>
|
||||||
{{ cta.subtitle }}
|
{{ cta.subtitle }}
|
||||||
</h2>
|
</h2>
|
||||||
@@ -234,254 +246,266 @@
|
|||||||
>
|
>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="max-w-7xl mx-auto grid lg:grid-cols-3 gap-4">
|
<div class="max-w-7xl mx-auto grid lg:grid-cols-3 gap-4">
|
||||||
<a
|
<div v-if="cta.button">
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
py-1
|
px-12
|
||||||
lg:mr-5
|
py-1
|
||||||
mx-2
|
lg:mr-5
|
||||||
border-2
|
mx-2
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
target="_blank"
|
"
|
||||||
v-if="cta.button && cta.link.includes('http')"
|
target="_blank"
|
||||||
:href="cta.link"
|
v-if="cta.button && cta.link.includes('http')"
|
||||||
>{{ cta.button }}</a
|
:href="cta.link"
|
||||||
>
|
>{{ cta.button }}</a
|
||||||
<a
|
>
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
mx-2
|
px-12
|
||||||
py-1
|
mx-2
|
||||||
lg:mr-5
|
py-1
|
||||||
border-2
|
lg:mr-5
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
v-else
|
"
|
||||||
:href="cta.link"
|
v-else
|
||||||
>{{ cta.button }}</a
|
:href="cta.link"
|
||||||
>
|
>{{ cta.button }}</a
|
||||||
<a
|
>
|
||||||
class="
|
</div>
|
||||||
inline-block
|
<div v-if="cta.button2">
|
||||||
bg-white
|
<a
|
||||||
text-lg
|
class="
|
||||||
learn-button
|
block
|
||||||
hover:bg-gray-400
|
bg-white
|
||||||
bo
|
text-lg
|
||||||
px-12
|
learn-button
|
||||||
py-1
|
hover:bg-gray-400
|
||||||
mx-2
|
bo
|
||||||
lg:mr-5
|
px-12
|
||||||
border-2
|
py-1
|
||||||
shadow
|
mx-2
|
||||||
border-black
|
lg:mr-5
|
||||||
"
|
border-2
|
||||||
target="_blank"
|
shadow
|
||||||
v-if="cta.button2 && cta.link2.includes('http')"
|
border-black
|
||||||
:href="cta.link2"
|
"
|
||||||
>{{ cta.button2 }}</a
|
target="_blank"
|
||||||
>
|
v-if="cta.button2 && cta.link2.includes('http')"
|
||||||
<a
|
:href="cta.link2"
|
||||||
class="
|
>{{ cta.button2 }}</a
|
||||||
inline-block
|
>
|
||||||
bg-white
|
<a
|
||||||
text-lg
|
class="
|
||||||
learn-button
|
block
|
||||||
hover:bg-gray-400
|
bg-white
|
||||||
bo
|
text-lg
|
||||||
px-12
|
learn-button
|
||||||
mx-2
|
hover:bg-gray-400
|
||||||
py-1
|
bo
|
||||||
lg:mr-5
|
px-12
|
||||||
border-2
|
mx-2
|
||||||
shadow
|
py-1
|
||||||
border-black
|
lg:mr-5
|
||||||
"
|
border-2
|
||||||
v-else
|
shadow
|
||||||
:href="cta.link2"
|
border-black
|
||||||
>{{ cta.button2 }}</a
|
"
|
||||||
>
|
v-else
|
||||||
<a
|
:href="cta.link2"
|
||||||
class="
|
>{{ cta.button2 }}</a
|
||||||
inline-block
|
>
|
||||||
bg-white
|
</div>
|
||||||
text-lg
|
<div v-if="cta.button3">
|
||||||
learn-button
|
<a
|
||||||
hover:bg-gray-400
|
class="
|
||||||
bo
|
block
|
||||||
px-12
|
bg-white
|
||||||
mx-2
|
text-lg
|
||||||
py-1
|
learn-button
|
||||||
lg:mr-5
|
hover:bg-gray-400
|
||||||
border-2
|
bo
|
||||||
shadow
|
px-12
|
||||||
border-black
|
mx-2
|
||||||
"
|
py-1
|
||||||
target="_blank"
|
lg:mr-5
|
||||||
v-if="cta.button3 && cta.link3.includes('http')"
|
border-2
|
||||||
:href="cta.link3"
|
shadow
|
||||||
>{{ cta.button3 }}</a
|
border-black
|
||||||
>
|
"
|
||||||
<a
|
target="_blank"
|
||||||
class="
|
v-if="cta.button3 && cta.link3.includes('http')"
|
||||||
inline-block
|
:href="cta.link3"
|
||||||
bg-white
|
>{{ cta.button3 }}</a
|
||||||
text-lg
|
>
|
||||||
learn-button
|
<a
|
||||||
hover:bg-gray-400
|
class="
|
||||||
bo
|
block
|
||||||
px-12
|
bg-white
|
||||||
mx-2
|
text-lg
|
||||||
py-1
|
learn-button
|
||||||
lg:mr-5
|
hover:bg-gray-400
|
||||||
border-2
|
bo
|
||||||
shadow
|
px-12
|
||||||
border-black
|
mx-2
|
||||||
"
|
py-1
|
||||||
v-else
|
lg:mr-5
|
||||||
:href="cta.link3"
|
border-2
|
||||||
>{{ cta.button3 }}</a
|
shadow
|
||||||
>
|
border-black
|
||||||
<a
|
"
|
||||||
class="
|
v-else
|
||||||
inline-block
|
:href="cta.link3"
|
||||||
bg-white
|
>{{ cta.button3 }}</a
|
||||||
text-lg
|
>
|
||||||
learn-button
|
</div>
|
||||||
hover:bg-gray-400
|
<div v-if="cta.button4">
|
||||||
bo
|
<a
|
||||||
px-12
|
class="
|
||||||
mx-2
|
block
|
||||||
py-1
|
bg-white
|
||||||
lg:mr-5
|
text-lg
|
||||||
border-2
|
learn-button
|
||||||
shadow
|
hover:bg-gray-400
|
||||||
border-black
|
bo
|
||||||
"
|
px-12
|
||||||
target="_blank"
|
mx-2
|
||||||
v-if="cta.button4 && cta.link4.includes('http')"
|
py-1
|
||||||
:href="cta.link4"
|
lg:mr-5
|
||||||
>{{ cta.button4 }}</a
|
border-2
|
||||||
>
|
shadow
|
||||||
<a
|
border-black
|
||||||
class="
|
"
|
||||||
inline-block
|
target="_blank"
|
||||||
bg-white
|
v-if="cta.button4 && cta.link4.includes('http')"
|
||||||
text-lg
|
:href="cta.link4"
|
||||||
learn-button
|
>{{ cta.button4 }}</a
|
||||||
hover:bg-gray-400
|
>
|
||||||
bo
|
<a
|
||||||
px-12
|
class="
|
||||||
mx-2
|
block
|
||||||
py-1
|
bg-white
|
||||||
lg:mr-5
|
text-lg
|
||||||
border-2
|
learn-button
|
||||||
shadow
|
hover:bg-gray-400
|
||||||
border-black
|
bo
|
||||||
"
|
px-12
|
||||||
v-else
|
mx-2
|
||||||
:href="cta.link4"
|
py-1
|
||||||
>{{ cta.button4 }}</a
|
lg:mr-5
|
||||||
>
|
border-2
|
||||||
|
shadow
|
||||||
|
border-black
|
||||||
|
"
|
||||||
|
v-else
|
||||||
|
:href="cta.link4"
|
||||||
|
>{{ cta.button4 }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<a
|
<div v-if="cta.button5">
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
mx-2
|
px-12
|
||||||
py-1
|
mx-2
|
||||||
lg:mr-5
|
py-1
|
||||||
border-2
|
lg:mr-5
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
target="_blank"
|
"
|
||||||
v-if="cta.button5 && cta.link5.includes('http')"
|
target="_blank"
|
||||||
:href="cta.link5"
|
v-if="cta.button5 && cta.link5.includes('http')"
|
||||||
>{{ cta.button5 }}</a
|
:href="cta.link5"
|
||||||
>
|
>{{ cta.button5 }}</a
|
||||||
<a
|
>
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
mx-2
|
px-12
|
||||||
py-1
|
mx-2
|
||||||
lg:mr-5
|
py-1
|
||||||
border-2
|
lg:mr-5
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
v-else
|
"
|
||||||
:href="cta.link5"
|
v-else
|
||||||
>{{ cta.button5 }}</a
|
:href="cta.link5"
|
||||||
>
|
>{{ cta.button5 }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<a
|
<div v-if="cta.button6">
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
mx-2
|
px-12
|
||||||
py-1
|
mx-2
|
||||||
lg:mr-5
|
py-1
|
||||||
border-2
|
lg:mr-5
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
target="_blank"
|
"
|
||||||
v-if="cta.button6 && cta.link6.includes('http')"
|
target="_blank"
|
||||||
:href="cta.link6"
|
v-if="cta.button6 && cta.link6.includes('http')"
|
||||||
>{{ cta.button6 }}</a
|
:href="cta.link6"
|
||||||
>
|
>{{ cta.button6 }}</a
|
||||||
<a
|
>
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
mx-2
|
px-12
|
||||||
py-1
|
mx-2
|
||||||
lg:mr-5
|
py-1
|
||||||
border-2
|
lg:mr-5
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
v-else
|
"
|
||||||
:href="cta.link6"
|
v-else
|
||||||
>{{ cta.button6 }}</a
|
:href="cta.link6"
|
||||||
>
|
>{{ cta.button6 }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -492,11 +516,20 @@
|
|||||||
<g-image class="mx-auto" :src="cta.image" />
|
<g-image class="mx-auto" :src="cta.image" />
|
||||||
<h2
|
<h2
|
||||||
v-if="cta.title"
|
v-if="cta.title"
|
||||||
class="lg:text-6xl mb-2 uppercase leading-tight font-semibold font-heading"
|
class="
|
||||||
|
lg:text-6xl
|
||||||
|
mb-2
|
||||||
|
uppercase
|
||||||
|
leading-tight
|
||||||
|
font-semibold font-heading
|
||||||
|
"
|
||||||
>
|
>
|
||||||
{{ cta.title }}
|
{{ cta.title }}
|
||||||
</h2>
|
</h2>
|
||||||
<div v-html="cta.content" class="mt-6 mb-8 mx-auto text-xl text-gray-800"></div>
|
<div
|
||||||
|
v-html="cta.content"
|
||||||
|
class="mt-6 mb-8 mx-auto text-xl text-gray-800"
|
||||||
|
></div>
|
||||||
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
|
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
|
||||||
<a
|
<a
|
||||||
@click="toggleModal"
|
@click="toggleModal"
|
||||||
@@ -518,174 +551,186 @@
|
|||||||
>{{ cta.video_button }}</a
|
>{{ cta.video_button }}</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<div v-if="cta.button">
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
py-1
|
px-12
|
||||||
mr-5
|
py-1
|
||||||
my-2
|
mr-5
|
||||||
border-2
|
my-2
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
target="_blank"
|
"
|
||||||
v-if="cta.button && cta.link.includes('http')"
|
target="_blank"
|
||||||
:href="cta.link"
|
v-if="cta.button && cta.link.includes('http')"
|
||||||
>{{ cta.button }}</a
|
:href="cta.link"
|
||||||
>
|
>{{ cta.button }}</a
|
||||||
<a
|
>
|
||||||
class="
|
<a
|
||||||
inline-block
|
class="
|
||||||
bg-white
|
block
|
||||||
text-lg
|
bg-white
|
||||||
learn-button
|
text-lg
|
||||||
hover:bg-gray-400
|
learn-button
|
||||||
bo
|
hover:bg-gray-400
|
||||||
px-12
|
bo
|
||||||
py-1
|
px-12
|
||||||
mr-5
|
py-1
|
||||||
my-2
|
mr-5
|
||||||
border-2
|
my-2
|
||||||
shadow
|
border-2
|
||||||
border-black
|
shadow
|
||||||
"
|
border-black
|
||||||
v-else
|
"
|
||||||
:href="cta.link"
|
v-else
|
||||||
>{{ cta.button }}</a
|
:href="cta.link"
|
||||||
>
|
>{{ cta.button }}</a
|
||||||
<a
|
>
|
||||||
class="
|
</div>
|
||||||
inline-block
|
<div v-if="cta.button2">
|
||||||
bg-white
|
<a
|
||||||
text-lg
|
class="
|
||||||
learn-button
|
block
|
||||||
hover:bg-gray-400
|
bg-white
|
||||||
bo
|
text-lg
|
||||||
px-12
|
learn-button
|
||||||
py-1
|
hover:bg-gray-400
|
||||||
mr-5
|
bo
|
||||||
my-2
|
px-12
|
||||||
border-2
|
py-1
|
||||||
shadow
|
mr-5
|
||||||
border-black
|
my-2
|
||||||
"
|
border-2
|
||||||
target="_blank"
|
shadow
|
||||||
v-if="cta.button2 && cta.link2.includes('http')"
|
border-black
|
||||||
:href="cta.link2"
|
"
|
||||||
>{{ cta.button2 }}</a
|
target="_blank"
|
||||||
>
|
v-if="cta.button2 && cta.link2.includes('http')"
|
||||||
<a
|
:href="cta.link2"
|
||||||
class="
|
>{{ cta.button2 }}</a
|
||||||
inline-block
|
>
|
||||||
bg-white
|
<a
|
||||||
text-lg
|
class="
|
||||||
learn-button
|
block
|
||||||
hover:bg-gray-400
|
bg-white
|
||||||
bo
|
text-lg
|
||||||
px-12
|
learn-button
|
||||||
py-1
|
hover:bg-gray-400
|
||||||
mr-5
|
bo
|
||||||
my-2
|
px-12
|
||||||
border-2
|
py-1
|
||||||
shadow
|
mr-5
|
||||||
border-black
|
my-2
|
||||||
"
|
border-2
|
||||||
v-else
|
shadow
|
||||||
:href="cta.link2"
|
border-black
|
||||||
>{{ cta.button2 }}</a
|
"
|
||||||
>
|
v-else
|
||||||
<a
|
:href="cta.link2"
|
||||||
class="
|
>{{ cta.button2 }}</a
|
||||||
inline-block
|
>
|
||||||
bg-white
|
</div>
|
||||||
text-lg
|
<div v-if="cta.button3">
|
||||||
learn-button
|
<a
|
||||||
hover:bg-gray-400
|
class="
|
||||||
bo
|
block
|
||||||
px-12
|
bg-white
|
||||||
py-1
|
text-lg
|
||||||
mr-5
|
learn-button
|
||||||
my-2
|
hover:bg-gray-400
|
||||||
border-2
|
bo
|
||||||
shadow
|
px-12
|
||||||
border-black
|
py-1
|
||||||
"
|
mr-5
|
||||||
target="_blank"
|
my-2
|
||||||
v-if="cta.button3 && cta.link3.includes('http')"
|
border-2
|
||||||
:href="cta.link3"
|
shadow
|
||||||
>{{ cta.button3 }}</a
|
border-black
|
||||||
>
|
"
|
||||||
<a
|
target="_blank"
|
||||||
class="
|
v-if="cta.button3 && cta.link3.includes('http')"
|
||||||
inline-block
|
:href="cta.link3"
|
||||||
bg-white
|
>{{ cta.button3 }}</a
|
||||||
text-lg
|
>
|
||||||
learn-button
|
<a
|
||||||
hover:bg-gray-400
|
class="
|
||||||
bo
|
block
|
||||||
px-12
|
bg-white
|
||||||
py-1
|
text-lg
|
||||||
mr-5
|
learn-button
|
||||||
my-2
|
hover:bg-gray-400
|
||||||
border-2
|
bo
|
||||||
shadow
|
px-12
|
||||||
border-black
|
py-1
|
||||||
"
|
mr-5
|
||||||
v-else
|
my-2
|
||||||
:href="cta.link3"
|
border-2
|
||||||
>{{ cta.button3 }}</a
|
shadow
|
||||||
>
|
border-black
|
||||||
<a
|
"
|
||||||
class="
|
v-else
|
||||||
inline-block
|
:href="cta.link3"
|
||||||
bg-white
|
>{{ cta.button3 }}</a
|
||||||
text-lg
|
>
|
||||||
learn-button
|
</div>
|
||||||
hover:bg-gray-400
|
<div v-if="cta.button4">
|
||||||
bo
|
<a
|
||||||
px-12
|
class="
|
||||||
py-1
|
block
|
||||||
mr-5
|
bg-white
|
||||||
my-2
|
text-lg
|
||||||
border-2
|
learn-button
|
||||||
shadow
|
hover:bg-gray-400
|
||||||
border-black
|
bo
|
||||||
"
|
px-12
|
||||||
target="_blank"
|
py-1
|
||||||
v-if="cta.button4 && cta.link4.includes('http')"
|
mr-5
|
||||||
:href="cta.link4"
|
my-2
|
||||||
>{{ cta.button4 }}</a
|
border-2
|
||||||
>
|
shadow
|
||||||
<a
|
border-black
|
||||||
class="
|
"
|
||||||
inline-block
|
target="_blank"
|
||||||
bg-white
|
v-if="cta.button4 && cta.link4.includes('http')"
|
||||||
text-lg
|
:href="cta.link4"
|
||||||
learn-button
|
>{{ cta.button4 }}</a
|
||||||
hover:bg-gray-400
|
>
|
||||||
bo
|
<a
|
||||||
px-12
|
class="
|
||||||
py-1
|
block
|
||||||
mr-5
|
bg-white
|
||||||
my-2
|
text-lg
|
||||||
border-2
|
learn-button
|
||||||
shadow
|
hover:bg-gray-400
|
||||||
border-black
|
bo
|
||||||
"
|
px-12
|
||||||
v-else
|
py-1
|
||||||
:href="cta.link4"
|
mr-5
|
||||||
>{{ cta.button4 }}</a
|
my-2
|
||||||
>
|
border-2
|
||||||
|
shadow
|
||||||
|
border-black
|
||||||
|
"
|
||||||
|
v-else
|
||||||
|
:href="cta.link4"
|
||||||
|
>{{ cta.button4 }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- grid -->
|
<!-- grid -->
|
||||||
<div id="zero_os" class="w-full max-w-3xl mx-auto lg:py-20" v-else-if="id == 'grid'">
|
<div
|
||||||
|
id="zero_os"
|
||||||
|
class="w-full max-w-3xl mx-auto lg:py-20"
|
||||||
|
v-else-if="id == 'grid'"
|
||||||
|
>
|
||||||
<g-image :src="cta.image" class="mx-auto lg:w-1/3 my-10" />
|
<g-image :src="cta.image" class="mx-auto lg:w-1/3 my-10" />
|
||||||
<h2
|
<h2
|
||||||
v-if="cta.title"
|
v-if="cta.title"
|
||||||
|
|||||||
Reference in New Issue
Block a user