fix: some spacing + text colors

Libertai · Jul 2, 2024 · e716bc2 · e716bc2
1 parent 3fa88ae
commit e716bc2
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 10 deletions.
diff --git a/src/pages/Home/AICustomizationSection.vue b/src/pages/Home/AICustomizationSection.vue
@@ -51,16 +51,16 @@ onMounted(() => {
 
 <template>
 	<section class="flex flex-col justify-center overflow-hidden pb-36 pt-24">
-		<LTinyHeading class="mb-12 max-lg:hidden">Privacy First</LTinyHeading>
+		<LTinyHeading class="mb-12 text-primary max-lg:hidden">Privacy First</LTinyHeading>
 		<div class="flex items-center justify-center">
 			<div class="relative flex h-full w-[1440px]">
 				<div class="absolute left-0 z-10 h-full w-64 bg-gradient-to-r from-neutral-white" />
 				<div class="absolute right-full z-20 h-full w-full bg-neutral-white" />
 				<div class="absolute left-full z-20 h-full w-full bg-neutral-white" />
 				<div class="relative flex h-full w-3/5 flex-col max-lg:w-full">
-					<div class="w-full items-center space-y-6 bg-neutral-white py-8 text-center max-lg:px-96 lg:hidden">
+					<div class="w-full items-center space-y-6 bg-neutral-white py-20 text-center max-lg:px-96 lg:hidden">
 						<LTinyHeading>Privacy First</LTinyHeading>
-						<h3 class="px-12 max-sm:px-32">AI Customization, Privacy-First with LibertAI</h3>
+						<h3 class="px-12 text-primary max-sm:px-32">AI Customization, Privacy-First with LibertAI</h3>
 
 						<p class="body-small px-12 max-sm:px-32">
 							Customize AI assistants for smooth integration into your workflows without compromising your privacy,
@@ -109,7 +109,7 @@ onMounted(() => {
 				</div>
 				<div class="z-20 h-full w-2/5 bg-neutral-white max-lg:hidden">
 					<div class="py w-128 space-y-8 px-6 py-24 max-xl:w-96">
-						<h2 class="max-xl:hidden">AI Customization, Privacy-First with LibertAI</h2>
+						<h2 class="text-primary max-xl:hidden">AI Customization, Privacy-First with LibertAI</h2>
 						<h3 class="xl:hidden">AI Customization, Privacy-First with LibertAI</h3>
 						<p class="body-small">
 							Customize AI assistants for smooth integration into your workflows without compromising your privacy,

diff --git a/src/pages/Home/ChatPreviewSection.vue b/src/pages/Home/ChatPreviewSection.vue
@@ -5,7 +5,7 @@ import LTinyHeading from "../../components/LTinyHeading.vue";
 
 <template>
 	<section class="relative flex justify-center bg-neutral-white">
-		<div class="relative flex h-full w-[1440px] flex-col items-center justify-center overflow-hidden pt-8">
+		<div class="relative flex h-full w-[1440px] flex-col items-center justify-center overflow-hidden pt-8 max-lg:my-16">
 			<LTinyHeading class="mb-12 mt-20 max-lg:mb-0 max-lg:mt-8">Liberty for all</LTinyHeading>
 			<div class="flex">
 				<img :src="Iphone" alt="Iphone" class="h-140 max-lg:hidden" />

diff --git a/src/pages/Home/DataSecuritySection.vue b/src/pages/Home/DataSecuritySection.vue
@@ -1,11 +1,15 @@
 <template>
 	<section class="flex justify-center">
 		<div class="flex w-[1440px] flex-col justify-center gap-x-6 px-24 py-16 max-lg:px-6 max-lg:pb-24 max-lg:pt-48">
-			<LTinyHeading class="mb-12 mt-12">Intelligent pocket rocket</LTinyHeading>
+			<LTinyHeading class="mb-12 mt-12">No Harvesting</LTinyHeading>
 			<div class="flex">
 				<div class="z-10 w-1/2 max-lg:w-full max-lg:space-y-8">
-					<h2 class="mb-6 block text-left max-xl:hidden">No Harvesting: You are in Control of Your Data</h2>
-					<h3 class="mb-6 hidden text-center max-xl:block">No Harvesting: You are in Control of Your Data</h3>
+					<h2 class="mb-6 block text-left text-primary max-xl:hidden">
+						No Harvesting: You are in Control of Your Data
+					</h2>
+					<h3 class="mb-6 hidden text-center text-primary max-xl:block">
+						No Harvesting: You are in Control of Your Data
+					</h3>
 					<p class="body-small text-left max-lg:text-center">
 						Enjoy the peace of mind that comes with LibertAI's robust security measures. Advanced encryption protocols,
 						distributed data storage, and rigorous access controls ensure that your data remains safeguarded against

diff --git a/src/pages/Home/OpenSourceModelsSection.vue b/src/pages/Home/OpenSourceModelsSection.vue
@@ -6,7 +6,7 @@ import LTinyHeading from "../../components/LTinyHeading.vue";
 </script>
 
 <template>
-	<section class="flex flex-col items-center gap-16 pb-36 pt-40">
+	<section class="flex flex-col items-center gap-16 pb-36 pt-40 max-lg:pb-20 max-lg:pt-32">
 		<div class="space-y-6 text-center">
 			<LTinyHeading>Transparent to the core</LTinyHeading>
 			<h2 class="text-majorelle-500">Explore Free Open-Source Models</h2>

diff --git a/src/pages/Home/TheresMoreSection.vue b/src/pages/Home/TheresMoreSection.vue
@@ -49,7 +49,7 @@ const cards: FeatureCard[] = [
 </script>
 
 <template>
-	<section class="mx-auto max-w-[1440px] px-20 py-44">
+	<section class="mx-auto max-w-[1440px] px-20 py-44 max-lg:px-8 max-lg:pb-0 max-lg:pt-32">
 		<div class="mb-12 space-y-6 text-center">
 			<LTinyHeading>Intelligent pocket rocket</LTinyHeading>
 			<h2 class="text-majorelle-500">But wait, there’s more</h2>