feat(home): Models section

Libertai · Jul 1, 2024 · 02861d6 · 02861d6
1 parent 15d9ae8
commit 02861d6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/src/components/LModelCard.vue b/src/components/LModelCard.vue
@@ -10,7 +10,7 @@ defineProps<LModelCardProps>();
 
 <template>
 	<div
-		class="flex flex-col gap-y-3 rounded-[12px] border-[0.5px] border-majorelle-300 bg-neutral-white px-6 py-9 shadow-[0_20px_20px_0_rgba(100,77,249,.1)] max-lg:h-[250px] max-lg:w-[300px] lg:h-[200px] lg:w-[400px]"
+		class="model-card flex flex-col gap-y-3 rounded-[12px] border-[0.5px] border-majorelle-300 bg-neutral-white px-6 py-9 max-lg:h-[250px] max-lg:w-[300px] lg:h-[200px] lg:w-[400px]"
 	>
 		<div class="flex justify-between">
 			<p>
@@ -28,4 +28,8 @@ defineProps<LModelCardProps>();
 	</div>
 </template>
 
-<style scoped></style>
+<style scoped>
+.model-card {
+	box-shadow: 0 20px 20px 0 rgba(100, 77, 249, 0.1);
+}
+</style>
diff --git a/src/pages/Developer/ArchitectureSection.vue b/src/pages/Developer/ArchitectureSection.vue
@@ -29,7 +29,7 @@ const paragraphs = [
 				:type="model.type"
 			/>
 		</div>
-		<a class="mb-36" href="#">
+		<a class="mb-36" href="https://docs.libertai.io">
 			<LButton text="Find Out More" />
 		</a>
 		<div class="pt-20 text-primary">

diff --git a/src/pages/Home/OpenSourceModelsSection.vue b/src/pages/Home/OpenSourceModelsSection.vue
@@ -2,20 +2,21 @@
 import LModelCard from "../../components/LModelCard.vue";
 import LButton from "../../components/LButton.vue";
 import { models } from "../../texts.ts";
+import LTinyHeading from "../../components/LTinyHeading.vue";
 </script>
 
 <template>
-	<section class="flex flex-col items-center gap-10 pb-36 pt-40">
-		<div class="pt-6 text-majorelle-800 lg:px-6">
-			<h2 class="mb-6 font-light max-lg:text-center max-md:hidden">Explore Free <br />Open-Source Models</h2>
-			<h3 class="mb-6 font-light max-lg:text-center md:hidden">Explore Free <br />Open-Source Models</h3>
-			<p class="body-small max-lg:text-center">
+	<section class="flex flex-col items-center gap-16 pb-36 pt-40">
+		<div class="space-y-6 text-center">
+			<LTinyHeading>Transparent to the core</LTinyHeading>
+			<h2 class="text-majorelle-500">Explore Free Open-Source Models</h2>
+			<p>
 				Explore LibertAI's ever-expanding LLM model library to match your specific needs from <br />creative writing to
 				coding, data analysis to everyday tasks, offering privacy-preserving <br />
 				AI solutions.
 			</p>
 		</div>
-		<div class="my-20 grid gap-x-6 gap-y-12 md:grid-cols-2 md:grid-rows-3 xl:grid-cols-3 xl:grid-rows-2">
+		<div class="grid gap-x-6 gap-y-12 md:grid-cols-2 md:grid-rows-3 xl:grid-cols-3 xl:grid-rows-2">
 			<LModelCard
 				v-for="model in models"
 				:key="model.name"
@@ -26,7 +27,7 @@ import { models } from "../../texts.ts";
 			/>
 		</div>
 		<RouterLink to="/developer">
-			<LButton small text="LEARN MORE" />
+			<LButton small text="Find Out More" />
 		</RouterLink>
 	</section>
 </template>