mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
86 lines
2.6 KiB
Vue
86 lines
2.6 KiB
Vue
<template>
|
|
<div class="landing-page">
|
|
<div v-if="!isLoading">
|
|
<!--Navigation-->
|
|
<Navigation class="page-wrapper medium" />
|
|
|
|
<!--Header-->
|
|
<PageHeader />
|
|
|
|
<!--VueFileManager ScreenShot-->
|
|
<HeroScreenshot />
|
|
|
|
<!--Google Adsense banner-->
|
|
<div v-if="config.allowedAdsense && config.adsenseBanner03" v-html="config.adsenseBanner03" class="mb-5 min-h-[120px]"></div>
|
|
|
|
<!--Main Features-->
|
|
<MainFeatures />
|
|
|
|
<!--Pricing Tables-->
|
|
<PricingTables v-if="config.subscriptionType === 'fixed'" />
|
|
|
|
<!--Get Started Call To Action-->
|
|
<GetStarted />
|
|
|
|
<!--Footer-->
|
|
<PageFooter />
|
|
</div>
|
|
<div v-if="isLoading">
|
|
<Spinner />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import HeroScreenshot from '../../components/IndexPage/IndexHeroScreenshot'
|
|
import PricingTables from '../../components/IndexPage/IndexPricingTables'
|
|
import MainFeatures from '../../components/IndexPage/IndexMainFeatures'
|
|
import Navigation from '../../components/IndexPage/IndexNavigation'
|
|
import PageHeader from '../../components/IndexPage/IndexPageHeader'
|
|
import GetStarted from '../../components/IndexPage/IndexGetStarted'
|
|
import PageFooter from '../../components/IndexPage/IndexPageFooter'
|
|
import Spinner from '../../components/UI/Others/Spinner'
|
|
import { mapGetters } from 'vuex'
|
|
import axios from 'axios'
|
|
|
|
export default {
|
|
name: 'Homepage',
|
|
components: {
|
|
HeroScreenshot,
|
|
PricingTables,
|
|
MainFeatures,
|
|
GetStarted,
|
|
Navigation,
|
|
PageHeader,
|
|
PageFooter,
|
|
Spinner,
|
|
},
|
|
computed: {
|
|
...mapGetters(['config']),
|
|
},
|
|
data() {
|
|
return {
|
|
isLoading: true,
|
|
}
|
|
},
|
|
mounted() {
|
|
// Get page content
|
|
axios
|
|
.get('/api/settings', {
|
|
params: {
|
|
column: 'allow_homepage|footer_content|get_started_description|get_started_title|pricing_description|pricing_title|feature_description_3|feature_title_3|feature_description_2|feature_title_2|feature_description_1|feature_title_1|features_description|features_title|header_description|header_title|section_get_started|section_pricing_content|section_feature_boxes|section_features',
|
|
},
|
|
})
|
|
.then((response) => {
|
|
this.$store.commit('SET_INDEX_CONTENT', response.data)
|
|
})
|
|
.finally(() => {
|
|
this.isLoading = false
|
|
})
|
|
},
|
|
created() {
|
|
this.$scrollTop()
|
|
},
|
|
}
|
|
</script>
|