feat: Company text sections

src/components/TextSection.vue

@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+type TextSectionProps = {
+	items: { title: string; description: string }[];
+};
+
+const { items } = defineProps<TextSectionProps>();
+</script>
+
+<template>
+	<div class="w-full my-44 grid md:grid-cols-2 justify-evenly">
+		<div v-for="item in items" :key="item.title" class="p-6 mx-8">
+			<div class="max-w-md m-auto">
+				<p class="body-large font-bold mb-6">{{ item.title }}</p>
+				<p class="body-small">
+					{{ item.description }}
+				</p>
+			</div>
+		</div>
+	</div>
+</template>

src/pages/Company/ProductTextsSection.vue

@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { ref } from "vue";
+import TextSection from "../../components/TextSection.vue";
+
+const items = ref<{ title: string; description: string }[]>([
+	{
+		title: "Decentralized AI Infrastructure",
+		description:
+			"Libertai aims to create a decentralized network of nodes that can run AI and ML models, enabling a more secure, transparent, and community-driven approach to AI development and deployment.",
+	},
+	{
+		title: "Accessibility and Democratization",
+		description:
+			"By providing a decentralized platform, Libertai seeks to make AI and ML more accessible to a broader range of developers, researchers, and organizations, thereby democratizing access to these technologies.",
+	},
+	{
+		title: "Privacy and Security",
+		description:
+			"Libertai's decentralized architecture ensures that data privacy and security are maintained, as data is stored and processed in a decentralized manner, reducing the risk of single-point failures and increasing overall resilience.",
+	},
+	{
+		title: "Community-Driven Development",
+		description:
+			"Libertai fosters a community-driven approach to AI development, where developers, researchers, and organizations can collaborate, share knowledge, and contribute to the growth of the platform.",
+	},
+]);
+</script>
+
+<template>
+	<TextSection :items="items" />
+</template>

src/pages/Company/TeamTextsSection.vue

@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { ref } from "vue";
+import TextSection from "../../components/TextSection.vue";
+
+const items = ref<{ title: string; description: string }[]>([
+	{
+		title: "Collaborative and Dynamic Environment",
+		description:
+			"Libertai fosters a collaborative and dynamic environment, where you'll work with a talented team of individuals from diverse backgrounds, united by a shared vision of creating a more transparent and secure AI ecosystem.",
+	},
+	{
+		title: "Make a Real Impact",
+		description:
+			"By joining Libertai, you'll have the opportunity to make a real impact on the development and deployment of decentralized AI solutions, contributing to a more equitable and responsible AI landscape.",
+	},
+	{
+		title: "Grow with a Fast-Paced and Ambitious Team󠁧󠁢󠁳",
+		description:
+			"Libertai is a fast-paced and ambitious team, and by joining, you'll have the opportunity to grow professionally and personally, tackling challenging projects and developing new skills.",
+	},
+	{
+		title: "Be Part of a Global Community",
+		description:
+			"As a member of the Libertai team, you' ll be part of a global community of decentralized AI enthusiasts, researchers, and developers, contributing to a shared vision of creating a more transparent and secure AI ecosystem.",
+	},
+]);
+</script>
+
+<template>
+	<TextSection :items="items" />
+</template>

src/pages/Company/index.vue

@@ -1,3 +1,9 @@
+<script lang="ts" setup>
+import ProductTextsSection from "./ProductTextsSection.vue";
+import TeamTextsSection from "./TeamTextsSection.vue";
+</script>
+
 <template>
-	<p>Company page content</p>
+	<ProductTextsSection />
+	<TeamTextsSection />
 </template>