lightlimx-website/pages/startups/index.vue

117 lines
4.2 KiB
Vue

<template>
<div class="fullpage-container">
<section-view class="startup-section-view" :css-style="{'background-color':'#000000','background-repeat':'no-repeat'}" v-lazy:background-image="assetsUri('images/startUp.png')">
<startup-block></startup-block>
</section-view>
<section-view :css-style="{'background-color':'#fff'}">
<startup-content :static-data="staticData"></startup-content>
<email-footer></email-footer>
</section-view>
</div>
</template>
<script>
import animateMixin from '../../utils/animateMixin'
import {assetsUri} from "../../utils";
import SectionView from "../../components/SectionView/index";
import StartupBlock from "../../components/StartUpBlock/index";
import EmailFooter from "../../components/EmailFooter/index";
import StartupContent from "../../components/StartupContent/index";
export default {
name: "StartupsPage",
mixins:[animateMixin],
head() {
return {
title: this.title,
meta: [
{
hid: 'description',
name: 'description',
content: 'My custom description'
}
]
}
},
components: {StartupContent, EmailFooter, StartupBlock, SectionView},
layout:'index',
// async asyncData(config) {
// const {$axios,$config,payload}=config;
// if(payload){
// return
// }
// const {baseURL}=$config
// const {content} = await $axios.$get(`${baseURL}/startup/index?page=1&size=10`)
// return { staticData:content }
// },
data(){
return {
title:'LightLimX-Startups',
assetsUri,
isMobile:false,
staticData:[
{
img:'images/startup/1.png',
title:'Enterprise & Startup',
desc:'Advising well-established enterprises and newly-founded startups for zero-to-one market entry and market expansion strategies.'
},
{
img:'images/startup/2.png',
title:'Strategic Planning',
desc:'Define your target market,branding & marketing Strategy and plan your roadmap.'
},
{
img:'images/startup/3.png',
title:'Tokenomics',
desc:'Design mechanisms to create and capture value with tokenomics.'
},{
img:'images/startup/4.png',
title:'Governance',
desc:'Set up robust community governance with progressive decentralization.'
},{
img:'images/startup/5.png',
title:'Fundraising',
desc:'Pitch Coaching,pitch Deck Design Support,fundraising Strategy.'
},{
img:'images/startup/6.png',
title:'Developer Hub',
desc:`Receive guidance from more than 60+top-class</br>developers from leading ecosystems.`
},{
img:'images/startup/7.png',
title:'Community growth',
desc:'Build communities while monitoring and improving their social media performance, protecting their reputation.'
},{
img:'images/startup/8.png',
title:'Workshops With Experts',
desc:'Get a front-row seat to learn from crypto experts, authors, and successful entrepreneurs.'
},{
img:'images/startup/9.png',
title:'Network of 30+ Mentors',
desc:'Our mentors bring a diverse set of skills from various industries to give you key feedback and push you to the next level. They are your long-term allies and champions.'
},
]
}
}
}
</script>
<style scoped lang="less">
.fullpage-container{
.startup-section-view{
background-size:100% calc(100% - .15rem);
background-position: center .96rem;
}
}
@media screen and (max-width: 768px) {
.fullpage-container{
.startup-section-view{
background-size:300% 100%;
padding-bottom: .65rem;
background-position: center .88rem;
}
}
}
</style>