feat: add landing page components including FAQ, features, footer, header, hero, modalities, steps, and section title

resources/js/Client/Pages/index.vue

@@ -1,39 +1,41 @@
 <script setup>
-import { Link } from '@inertiajs/inertia-vue3'
+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 {url ,props} = usePage();
-const user = props.value.auth.User || null;
+const { props } = usePage()
+const user = props.value.auth.User || null
 
+const page = ref(null)
+
+useScrollReveal(page)
 </script>
 
 <template>
-    <div class="min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
-            <div class="max-w-2xl w-full space-y-8">
-                <h1 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
-                    پروژه رادیکال
-                </h1>
+    <div ref="page" class="landing-page min-h-screen bg-white text-dark">
+        <LandingHeader :user="user" />
 
-                <div class="bg-white p-6 rounded-lg space-y-6">
-                    <p>
-                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
-                    </p>
-                </div>
+        <main>
+            <LandingHero :user="user" />
+            <LandingMarquee />
+            <LandingSteps />
+            <LandingFeatures />
+            <LandingModalities />
+            <LandingComparison />
+            <LandingFaq />
+            <LandingCta :user="user" />
+        </main>
 
-                <div class="flex items-center justify-center gap-4" v-if="!user">
-                    <Link :href="route('login')" class="text-center  bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-active transition-all duration-300">
-                        ورود
-                    </Link>
-                    <Link :href="route('login')" class="text-center  bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-active transition-all duration-300">
-                        ثبت نام
-                    </Link>
-                </div>
-                <div class="flex items-center justify-center gap-4" v-if="user">
-                    <a :href="route('dashboard.index')" class="text-center bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-active transition-all duration-300">
-                        داشبورد
-                    </a>
-                </div>
-            </div>
-        </div>
+        <LandingFooter />
+    </div>
 </template>
-