Files

42 lines
1.4 KiB
Vue

<script setup>
import { ref } from 'vue'
import { usePage } from '@inertiajs/inertia-vue3'
import { useScrollReveal } from '../composables/useScrollReveal'
import LandingHeader from '../components/landing/LandingHeader.vue'
import LandingHero from '../components/landing/LandingHero.vue'
import LandingMarquee from '../components/landing/LandingMarquee.vue'
import LandingSteps from '../components/landing/LandingSteps.vue'
import LandingFeatures from '../components/landing/LandingFeatures.vue'
import LandingModalities from '../components/landing/LandingModalities.vue'
import LandingComparison from '../components/landing/LandingComparison.vue'
import LandingFaq from '../components/landing/LandingFaq.vue'
import LandingCta from '../components/landing/LandingCta.vue'
import LandingFooter from '../components/landing/LandingFooter.vue'
const { props } = usePage()
const user = props.value.auth.User || null
const page = ref(null)
useScrollReveal(page)
</script>
<template>
<div ref="page" class="landing-page min-h-screen bg-white text-dark">
<LandingHeader :user="user" />
<main>
<LandingHero :user="user" />
<LandingMarquee />
<LandingSteps />
<LandingFeatures />
<LandingModalities />
<LandingComparison />
<LandingFaq />
<LandingCta :user="user" />
</main>
<LandingFooter />
</div>
</template>