first commit

2024-09-19 16:06:49 +05:00
commit b686638a39
1664 changed files with 428174 additions and 0 deletions
@@ -0,0 +1,156 @@
+<template>
+	<Head>
+		<title>{{ page.data.title }}</title>
+		<meta name="description" content="Your page description">
+	</Head>
+
+
+	<div class="flex flex-col h-screen justify-between">
+		<MainNavbar class="border-b" :sections="$page.props.navigation"/>
+
+		<div class="relative mx-auto mb-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
+			<PageSubSectionLinks :sub-section-pages="subSectionPages" :current-section="page.data.section"/>
+			<PageNavigateLinks :header-navs="this.headerNavs"/>
+			<article class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
+				<div class="space-y-5 md:space-y-5">
+					<PageBreadcrumbs :breadcrumbs="breadcrumbs" :page-title="page.data.title"/>
+					<PageTitle :header="page.data.title"/>
+					<div id="page-area" class="space-y-4">
+						<PageBuilder :blocks="this.page.data.content"/>
+
+					</div>
+				</div>
+
+
+			</article>
+		</div>
+
+		<ClientFooterDown/>
+	</div>
+
+
+</template>
+
+<script>
+
+
+import {Link} from "@inertiajs/vue3";
+import FsLightbox from "fslightbox-vue/v3";
+import MainNavbar from "@/Navbars/MainNavbar.vue";
+import ClientFooterDown from "@/Components/ClientFooterDown.vue";
+import {Head} from '@inertiajs/vue3'
+import slugify from "slugify";
+import axios from "axios";
+import PageBuilder from "@/Components/BuilderUi/Pages/PageBuilder.vue";
+import PageBreadcrumbs from "@/Components/BuilderUi/Pages/PageBreadcrumbs.vue";
+import PageTitle from "@/Components/BuilderUi/Pages/PageTitle.vue";
+import PageNavigateLinks from "@/Components/BuilderUi/Pages/PageNavigateLinks.vue";
+import PageSubSectionLinks from "@/Components/BuilderUi/Pages/PageSubSectionLinks.vue";
+
+
+export default {
+	name: "Page",
+	data() {
+		return {
+			headerNavs: this.page.data.content.filter(block => block.type === 'heading').map(block => ({
+				id: block.data.id,
+				text: block.data.content
+			}))
+		}
+	},
+
+
+	props: {
+		navigation: {
+			type: Object,
+		},
+		page: {
+			type: Object,
+		},
+		subSectionPages: {
+			type: Object,
+		},
+		breadcrumbs: {
+			type: Object,
+		},
+	},
+	components: {
+		PageSubSectionLinks,
+		PageNavigateLinks,
+		PageTitle,
+		PageBreadcrumbs,
+		PageBuilder,
+		ClientFooterDown,
+		MainNavbar,
+		Link,
+		FsLightbox,
+		Head
+	},
+	methods: {},
+
+
+	computed: {}
+}
+</script>
+
+<style>
+
+
+@keyframes fade {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
+.fade-enter-active,
+.fade-leave-active {
+	transition: all 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+	opacity: 0;
+}
+
+@keyframes grow-progress {
+	from {
+		transform: scaleX(0);
+	}
+	to {
+		transform: scaleX(1);
+	}
+}
+
+#progress {
+	height: 2px;
+	background: #26ACB8;
+	z-index: 10000;
+
+	transform-origin: 0 50%;
+	animation: grow-progress auto linear;
+	animation-timeline: scroll();
+}
+
+
+.example-initial-animation {
+	animation: initial-animation 2s ease;
+}
+
+@keyframes initial-animation {
+	0% {
+		transform: rotate(0deg);
+	}
+
+	50% {
+		transform: rotate(360deg);
+	}
+
+	100% {
+		transform: rotate(0deg);
+	}
+}
+
+</style>