init brandpanels, cta & partners sec
This commit is contained in:
samaradel
BIN
src/assets/images/brandPanel/burn_token.png
Normal file
BIN
src/assets/images/brandPanel/burn_token.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
src/assets/images/brandPanel/scarce_token.png
Normal file
BIN
src/assets/images/brandPanel/scarce_token.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
src/assets/images/brandPanel/stake_token.png
Normal file
BIN
src/assets/images/brandPanel/stake_token.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<section
|
||||
class="px-4 bg-cover text-center"
|
||||
class="bg-cover text-center"
|
||||
:class="{
|
||||
pink: id == 'home' && !lastCta,
|
||||
green: id == 'about-us' && lastCta,
|
||||
@@ -766,7 +766,10 @@
|
||||
</div>
|
||||
|
||||
<!-- token -->
|
||||
<div class="w-full max-w-6xl mx-auto py-12" v-else-if="id == 'token'">
|
||||
<div
|
||||
class="w-full max-w-6xl mx-auto py-12"
|
||||
v-else-if="id == 'token' && !lastCta"
|
||||
>
|
||||
<h2
|
||||
v-if="cta.title"
|
||||
class="
|
||||
@@ -828,6 +831,70 @@
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="w-full mx-auto lg:py-20" v-else-if="id == 'token' && lastCta">
|
||||
<h2
|
||||
v-if="cta.title"
|
||||
class="
|
||||
max-w-2xl
|
||||
mx-auto
|
||||
lg:text-5xl
|
||||
text-center
|
||||
uppercase
|
||||
mb-2
|
||||
leading-none
|
||||
font-bold font-heading
|
||||
"
|
||||
>
|
||||
{{ cta.title }}
|
||||
</h2>
|
||||
<div
|
||||
v-html="cta.content"
|
||||
class="mt-6 mb-8 lg:text-xl text-gray-800"
|
||||
></div>
|
||||
|
||||
<a
|
||||
class="
|
||||
inline-block
|
||||
bg-white
|
||||
text-lg
|
||||
learn-button
|
||||
hover:bg-gray-400
|
||||
px-12
|
||||
py-1
|
||||
mr-5
|
||||
my-4
|
||||
border-2
|
||||
shadow
|
||||
border-black
|
||||
"
|
||||
target="_blank"
|
||||
v-if="cta.button && cta.link.includes('http')"
|
||||
:href="cta.link"
|
||||
>{{ cta.button }}</a
|
||||
>
|
||||
|
||||
<a
|
||||
class="
|
||||
inline-block
|
||||
bg-white
|
||||
text-lg
|
||||
learn-button
|
||||
hover:bg-gray-400
|
||||
px-12
|
||||
py-1
|
||||
mr-5
|
||||
my-4
|
||||
border-2
|
||||
shadow
|
||||
border-black
|
||||
"
|
||||
v-else
|
||||
:href="cta.link"
|
||||
>{{ cta.button }}</a
|
||||
>
|
||||
<g-image :src="cta.image" class="w-full my-10" />
|
||||
</div>
|
||||
|
||||
<!-- tft -->
|
||||
<div
|
||||
class="w-full lg:max-w-4xl mx-auto lg:mt-20 lg:px-16 lg:py-10 tft_section"
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div :class="{ 'bg-about': id == 'about-us' && brandPanel3 }">
|
||||
<div class="max-w-screen-xl mx-auto py-10">
|
||||
<!-- token -->
|
||||
<!-- oldtoken -->
|
||||
<div
|
||||
v-if="id == 'token'"
|
||||
v-if="id == 'oldtoken'"
|
||||
class="
|
||||
brandpanel
|
||||
rounded-lg
|
||||
@@ -268,13 +268,7 @@
|
||||
}}</span>
|
||||
</h2>
|
||||
<div
|
||||
class="
|
||||
py-6
|
||||
mt-4
|
||||
text-xl
|
||||
leading-tight
|
||||
tracking-wide
|
||||
"
|
||||
class="py-6 mt-4 text-xl leading-tight tracking-wide"
|
||||
v-html="brand.content"
|
||||
></div>
|
||||
<a
|
||||
@@ -513,7 +507,118 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:w-1/2 px-2 self-center">
|
||||
<g-image class=" mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
|
||||
<g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- token -->
|
||||
<div
|
||||
v-else-if="id == 'token' && !brandPanel2 && !brandPanel3"
|
||||
class="flex flex-wrap text-left mt-24"
|
||||
>
|
||||
<div class="lg:w-1/2 px-2 lg:mt-5 order-1 lg:order-none text-left">
|
||||
<div class="px-2 lg:self-center">
|
||||
<h2 class="lg:text-5xl mb-6 uppercase leading-none font-heading">
|
||||
<span class="block">{{ brand.title }}</span>
|
||||
<span class="block" v-if="brand.subtitle">{{
|
||||
brand.subtitle
|
||||
}}</span>
|
||||
</h2>
|
||||
<div
|
||||
class="
|
||||
py-6
|
||||
mt-4
|
||||
max-w-md
|
||||
text-gray-900 text-xl
|
||||
leading-tight
|
||||
tracking-wide
|
||||
"
|
||||
v-html="brand.content"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:w-1/2 px-2">
|
||||
<g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-else-if="id == 'token' && brandPanel2"
|
||||
class="flex flex-wrap lg:text-left lg:pt-16 px-4"
|
||||
>
|
||||
<div class="lg:w-1/2 px-2 self-center">
|
||||
<g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
|
||||
</div>
|
||||
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
|
||||
<div class="px-2 lg:self-center">
|
||||
<h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
|
||||
{{ brand.title }}
|
||||
</h2>
|
||||
<div
|
||||
class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
|
||||
v-html="brand.content"
|
||||
></div>
|
||||
<a
|
||||
v-if="brand.btnTxt"
|
||||
target="_blank"
|
||||
:href="brand.sourceUrl"
|
||||
class="
|
||||
inline-block
|
||||
bg-white
|
||||
lg:text-lg
|
||||
learn-button
|
||||
hover:bg-gray-400
|
||||
px-12
|
||||
py-1
|
||||
mr-5
|
||||
mb-4
|
||||
border-2
|
||||
shadow
|
||||
border-black
|
||||
"
|
||||
>{{ brand.btnTxt }}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-else-if="id == 'token' && brandPanel3"
|
||||
class="flex flex-wrap lg:text-left lg:pt-16 px-4"
|
||||
>
|
||||
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
|
||||
<div class="lg:self-center">
|
||||
<h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
|
||||
{{ brand.title }}
|
||||
</h2>
|
||||
<div
|
||||
class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
|
||||
v-html="brand.content"
|
||||
></div>
|
||||
<a
|
||||
v-if="brand.btnTxt"
|
||||
target="_blank"
|
||||
:href="brand.sourceUrl"
|
||||
class="
|
||||
inline-block
|
||||
bg-white
|
||||
text-lg
|
||||
learn-button
|
||||
hover:bg-gray-400
|
||||
px-12
|
||||
py-1
|
||||
mr-5
|
||||
mb-4
|
||||
border-2
|
||||
shadow
|
||||
border-black
|
||||
"
|
||||
>{{ brand.btnTxt }}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:w-1/2 px-2 self-center">
|
||||
<g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -18,20 +18,26 @@
|
||||
|
||||
<BrandPanel
|
||||
:id="$page.markdownPage.id"
|
||||
v-if="
|
||||
$page.markdownPage.brandPanel && $page.markdownPage.id !== 'token'
|
||||
"
|
||||
:brand="$page.markdownPage.brandPanel"
|
||||
v-if="$page.markdownPage.brandPanel"
|
||||
/>
|
||||
|
||||
<BrandPanel
|
||||
:id="$page.markdownPage.id"
|
||||
:brand="$page.markdownPage.brandPanel2"
|
||||
v-if="$page.markdownPage.brandPanel2"
|
||||
v-if="
|
||||
$page.markdownPage.brandPanel2 && $page.markdownPage.id !== 'token'
|
||||
"
|
||||
:brandPanel2="true"
|
||||
/>
|
||||
<BrandPanel
|
||||
:id="$page.markdownPage.id"
|
||||
:brand="$page.markdownPage.brandPanel3"
|
||||
v-if="$page.markdownPage.brandPanel3"
|
||||
v-if="
|
||||
$page.markdownPage.brandPanel3 && $page.markdownPage.id !== 'token'
|
||||
"
|
||||
:brandPanel3="true"
|
||||
/>
|
||||
</div>
|
||||
@@ -47,7 +53,7 @@
|
||||
/>
|
||||
<CallToAction
|
||||
:id="$page.markdownPage.id"
|
||||
v-if="$page.markdownPage.cta2"
|
||||
v-if="$page.markdownPage.cta2 && $page.markdownPage.id !== 'token'"
|
||||
:cta="$page.markdownPage.cta2"
|
||||
:textOnly="true"
|
||||
/>
|
||||
@@ -103,6 +109,37 @@
|
||||
:main="$page.markdownPage.networkMain"
|
||||
:features="$page.markdownPage.network"
|
||||
/>
|
||||
|
||||
<BrandPanel
|
||||
:id="$page.markdownPage.id"
|
||||
:brand="$page.markdownPage.brandPanel"
|
||||
v-if="$page.markdownPage.brandPanel && $page.markdownPage.id == 'token'"
|
||||
/>
|
||||
|
||||
<BrandPanel
|
||||
:id="$page.markdownPage.id"
|
||||
:brand="$page.markdownPage.brandPanel2"
|
||||
v-if="
|
||||
$page.markdownPage.brandPanel2 && $page.markdownPage.id == 'token'
|
||||
"
|
||||
:brandPanel2="true"
|
||||
/>
|
||||
<BrandPanel
|
||||
:id="$page.markdownPage.id"
|
||||
:brand="$page.markdownPage.brandPanel3"
|
||||
v-if="
|
||||
$page.markdownPage.brandPanel3 && $page.markdownPage.id == 'token'
|
||||
"
|
||||
:brandPanel3="true"
|
||||
/>
|
||||
|
||||
<CallToAction
|
||||
:id="$page.markdownPage.id"
|
||||
v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'token'"
|
||||
:cta="$page.markdownPage.cta2"
|
||||
:lastCta="true"
|
||||
/>
|
||||
|
||||
<RoadMap
|
||||
:id="$page.markdownPage.id"
|
||||
v-if="$page.markdownPage.roadmap"
|
||||
@@ -124,6 +161,12 @@
|
||||
/> -->
|
||||
|
||||
<div class="container sm:pxi-0 mx-auto py-5 overflow-visible">
|
||||
<logoShowcase
|
||||
v-if="$page.markdownPage.logos.length > 0"
|
||||
:id="$page.markdownPage.id"
|
||||
:logos="$page.markdownPage.logos"
|
||||
:main="$page.markdownPage.logosMain"
|
||||
/>
|
||||
<!-- <AppListItem
|
||||
v-if="
|
||||
$page.markdownPage.appData && $page.markdownPage.appData.length > 0
|
||||
@@ -321,6 +364,9 @@
|
||||
}
|
||||
cta2{
|
||||
title
|
||||
image
|
||||
button
|
||||
link
|
||||
content
|
||||
}
|
||||
cta3{
|
||||
|
||||
Reference in New Issue
Block a user