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

update home with solution block

Browse Source
This commit is contained in:
Ehab Hassan
2021-06-09 11:37:48 +02:00
parent 5c3cb8aaac
commit 67bd802f66
12 changed files with 46 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue
View File

@@ -1,13 +1,13 @@
<template>
<div class="py-12 mb-5" id="home">
<div class="w-full text-center">
<div class="py-10 mb-5" id="home">
<div class="w-full max-w-7xl mx-auto mt-10 px-16 text-center">
<h2
v-if="main !== null"
class="text-4xl font-semibold leading-tight font-heading"
>
{{ main.title }}
</h2>
<p v-if="main !== null" class="mb-6 text-gray-600">
<p v-if="main !== null" class="mb-6 text-gray-700">
{{ main.subtitle }}
</p>
</div>
@@ -23,20 +23,20 @@
<div class="take_apart text-center pb-8 my-5">
<g-image :src="img(product.image)" />
<h3 class="font-bold text-2xl">{{ product.title }}</h3>
<div v-html="product.content" class="pb-8 px-5 text-gray-600"></div>
<div v-html="product.content" class="pb-4 px-5 text-gray-600"></div>
<div v-if="product.button">
<a
v-if="product.url.includes('http')"
target="_blank"
:href="product.url"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-5 shadow rounded-full"
>{{ product.button }}</a
>
<a
v-else
:href="product.url"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-5 shadow rounded-full"
>{{ product.button }}</a
>
</div>

22
src/pages/Index.vue
View File

@@ -27,7 +27,7 @@
:features="$page.markdownPage.features2"
/>
<Partenerships
<Partenerships class="lg:mt-20"
v-if="
$page.markdownPage.partnerships &&
$page.markdownPage.partnerships.length > 0
@@ -48,23 +48,33 @@
v-if="$page.markdownPage.brandPanel"
/>
<CallToAction
<!-- <CallToAction
v-if="$page.markdownPage.cta2"
:cta="$page.markdownPage.cta2"
:id="$page.markdownPage.id"
/> -->
<ShowcaseProducts
v-if="
$page.markdownPage.productData &&
$page.markdownPage.productData.length > 0
"
:id="$page.markdownPage.id"
:main="$page.markdownPage.productsMain"
:products="$page.markdownPage.productData"
/>
</div>
<g-image
<!-- <g-image
class="mx-auto"
v-if="$page.markdownPage.solution_image2"
:src="$page.markdownPage.solution_image2.src"
/>
/> -->
<div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
<CallToAction
<!-- <CallToAction
v-if="$page.markdownPage.cta3"
:cta="$page.markdownPage.cta3"
:id="$page.markdownPage.id"
/>
/> -->
<Blogs
v-if="$page.markdownPage.blogs || $page.markdownPage.BlogsMain"