ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix cta links

Browse Source
This commit is contained in:
samaradel
2021-09-30 12:13:13 +02:00
parent b04f675929
commit 533a21ea27
1 changed files with 460 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/components/custom/sections/CallToAction.vue
View File

@@ -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,9 +246,10 @@
> >
</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">
<div v-if="cta.button">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -257,7 +270,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -275,9 +288,11 @@
:href="cta.link" :href="cta.link"
>{{ cta.button }}</a >{{ cta.button }}</a
> >
</div>
<div v-if="cta.button2">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -298,7 +313,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -316,9 +331,11 @@
:href="cta.link2" :href="cta.link2"
>{{ cta.button2 }}</a >{{ cta.button2 }}</a
> >
</div>
<div v-if="cta.button3">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -339,7 +356,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -357,9 +374,11 @@
:href="cta.link3" :href="cta.link3"
>{{ cta.button3 }}</a >{{ cta.button3 }}</a
> >
</div>
<div v-if="cta.button4">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -380,7 +399,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -398,10 +417,12 @@
:href="cta.link4" :href="cta.link4"
>{{ cta.button4 }}</a >{{ cta.button4 }}</a
> >
</div>
<div v-if="cta.button5">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -422,7 +443,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -440,10 +461,12 @@
:href="cta.link5" :href="cta.link5"
>{{ cta.button5 }}</a >{{ cta.button5 }}</a
> >
</div>
<div v-if="cta.button6">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -464,7 +487,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -484,6 +507,7 @@
> >
</div> </div>
</div> </div>
</div>
<div <div
class="w-full max-w-7xl mx-auto mt-10 px-2 py-16" class="w-full max-w-7xl mx-auto mt-10 px-2 py-16"
@@ -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,9 +551,10 @@
>{{ cta.video_button }}</a >{{ cta.video_button }}</a
> >
</div> </div>
<div v-if="cta.button">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -541,7 +575,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -559,9 +593,11 @@
:href="cta.link" :href="cta.link"
>{{ cta.button }}</a >{{ cta.button }}</a
> >
</div>
<div v-if="cta.button2">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -582,7 +618,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -600,9 +636,11 @@
:href="cta.link2" :href="cta.link2"
>{{ cta.button2 }}</a >{{ cta.button2 }}</a
> >
</div>
<div v-if="cta.button3">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -623,7 +661,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -641,9 +679,11 @@
:href="cta.link3" :href="cta.link3"
>{{ cta.button3 }}</a >{{ cta.button3 }}</a
> >
</div>
<div v-if="cta.button4">
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -664,7 +704,7 @@
> >
<a <a
class=" class="
inline-block block
bg-white bg-white
text-lg text-lg
learn-button learn-button
@@ -683,9 +723,14 @@
>{{ cta.button4 }}</a >{{ 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"