<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>
