From 36eb19584ae0a6ab11156f156ed8893e27b75782 Mon Sep 17 00:00:00 2001
From: Arista Indrajaya <arista.indrajaya@gmail.com>
Date: Tue, 5 Mar 2024 18:08:20 +0700
Subject: [PATCH] docs: Update hub page content

---
 .../components/HomepagePrimaryFeatures/index.js    | 14 +++++++-------
 .../components/HomepageSecondaryFeatures/index.js  |  6 +++---
 .../components/HomepageTerinaryFeatures/index.js   | 10 +++++-----
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/docs/src/components/HomepagePrimaryFeatures/index.js b/docs/src/components/HomepagePrimaryFeatures/index.js
index e139ae358..a9762c4e5 100644
--- a/docs/src/components/HomepagePrimaryFeatures/index.js
+++ b/docs/src/components/HomepagePrimaryFeatures/index.js
@@ -2,26 +2,26 @@ export default function HomepagePrimaryFeatures() {
     return (
         <section className="py-8 md:py-16 lg:py-20 flex items-center">
             <div className="container">
-                <div className="flex flex-col md:flex-row justify-center md:gap-8">
+                <div className="flex flex-col md:flex-row justify-between md:gap-8">
                     <div className="w-full md:w-1/2 h-72 md:h-84 flex-1 rounded-lg p-8 relative bg-gradient-to-r from-gray-100 to-blue-400 dark:from-gray-700 dark:to-blue-800 mb-8 md:mb-0">
-                        <div className="mb-10">
+                        <div className="mb-16">
                             <p className="text-lg mb-4">Installation</p>
-                            <h3 className="text-2xl md:text-3xl lg:text-4xl font-semibold">Set up Jan with our guide to install across multiple platforms.</h3>
+                            <h3 className="text-1xl md:text-2xl lg:text-3xl font-semibold">Install Jan across multiple platforms.</h3>
                         </div>
                         <div>
-                            <a href={"/guides/install"} className="btn bg-black hover:bg-gray-600 dark:bg-blue-500 text-white font-normal py-2 px-4 rounded-xl">Get Started</a>
+                            <a href={"/guides/install"} className="btn bg-black hover:bg-gray-600 dark:bg-blue-500 text-normal md:text-xl text-white font-normal py-2 px-4 rounded-xl">Get Started</a>
                         </div>
                         <div className="absolute right-4 bottom-4">
                             <img alt={"Card Image"} src={"/img/homepage-new/rocket.png"} className="h-16 md:h-24" />
                         </div>
                     </div>
                     <div className="w-full md:w-1/2 h-72 md:h-84 flex-1 rounded-lg p-8 relative bg-gradient-to-r from-gray-100 to-purple-400 dark:from-gray-700 dark:to-purple-800">
-                        <div className="mb-10">
+                        <div className="mb-8">
                             <p className="text-lg mb-4">Models</p>
-                            <h3 className="text-2xl md:text-3xl lg:text-4xl font-semibold">Explore the available pre-configured AI models.</h3>
+                            <h3 className="text-1xl md:text-2xl lg:text-3xl font-semibold">Discover the pre-configured AI models available for use. </h3>
                         </div>
                         <div>
-                            <a href={"/guides/models-list"} className="btn bg-black hover:bg-gray-600 dark:bg-blue-500 text-white font-normal py-2 px-4 rounded-xl">Support</a>
+                            <a href={"/guides/models-list"} className="btn bg-black hover:bg-gray-600 dark:bg-blue-500 text-normal md:text-xl text-white font-normal py-2 px-4 rounded-xl">Support</a>
                         </div>
                         <div className="absolute right-4 bottom-4">
                             <img alt={"Card Image"} src={"/img/homepage-new/chat.png"} className="h-16 md:h-24" />
diff --git a/docs/src/components/HomepageSecondaryFeatures/index.js b/docs/src/components/HomepageSecondaryFeatures/index.js
index 9c8307c3f..66adfd8cd 100644
--- a/docs/src/components/HomepageSecondaryFeatures/index.js
+++ b/docs/src/components/HomepageSecondaryFeatures/index.js
@@ -8,19 +8,19 @@ export default function HomepageSecondaryFeatures() {
                     <FeatureCard
                         imgSrc="/img/homepage-new/bg-rocket.png"
                         title="Quickstart"
-                        description="Jump right in with our Quickstart guide, designed to get you going with simple steps and clear instructions for a smooth setup."
+                        description="Get started quickly with our Quickstart guide, offering simple steps for a smooth setup."
                         href="/guides/"
                     />
                     <FeatureCard
                         imgSrc="/img/homepage-new/bg-wrench.png"
                         title="Integrations"
-                        description="Discover how Jan seamlessly integrates with 9 different systems, streamlining your application for maximum efficiency."
+                        description="Learn how Jan can integrates seamlessly."
                         href="/guides/integrations/"
                     />
                     <FeatureCard
                         imgSrc="/img/homepage-new/bg-book.png"
                         title="Error Codes"
-                        description="Navigate through common error codes with explanations and solutions to resolve them quickly."
+                        description="Find solutions for common error codes to resolve them quickly."
                         href="/guides/error-codes/"
                     />
                 </div>
diff --git a/docs/src/components/HomepageTerinaryFeatures/index.js b/docs/src/components/HomepageTerinaryFeatures/index.js
index 025bab0ca..ec959332e 100644
--- a/docs/src/components/HomepageTerinaryFeatures/index.js
+++ b/docs/src/components/HomepageTerinaryFeatures/index.js
@@ -6,10 +6,10 @@ export default function HomepageTerinaryFeatures() {
                     <div className="bg-gray-200 dark:bg-gray-800 w-72 rounded-lg relative flex flex-col p-8">
                         <div className="flex items-center gap-4">
                             <img alt={"Icon"} src={"/img/homepage-new/roket.png"} />
-                            <h3 className="text-gray-700 dark:text-gray-200">Get Started</h3>
+                            <h5 className="text-gray-700 dark:text-gray-200">Get Started</h5>
                         </div>
                         <div className="mt-5 justify-center">
-                            <p className="text-gray-700 dark:text-gray-200">Kick off your journey with Jan easily and install your AI locally.</p>
+                            <p className="text-gray-700 dark:text-gray-200">Easily kick off your journey with Jan by installing your AI locally.</p>
                             <ul className="mt-5">
                                 <li className="font-semibold list-disc mb-4">
                                     <a href={"/guides/"} className="    dark:text-blue-400">
@@ -35,7 +35,7 @@ export default function HomepageTerinaryFeatures() {
                             <h5 className="text-gray-700 dark:text-gray-200">Settings</h5>
                         </div>
                         <div className="mt-5 justify-center">
-                            <p className="text-gray-700 dark:text-gray-200">Learn how to manage the thread history and configure your installed AI.</p>
+                            <p className="text-gray-700 dark:text-gray-200">Discover how to manage Jan and configure your installed AI.</p>
                             <ul className="mt-5">
                                 <li className="font-semibold list-disc mb-4">
                                     <a href={"/guides/thread/"} className="dark:text-blue-400">
@@ -61,7 +61,7 @@ export default function HomepageTerinaryFeatures() {
                             <h5 className="text-gray-700 dark:text-gray-200">Features</h5>
                         </div>
                         <div className="mt-5 justify-center">
-                            <p className="text-gray-700 dark:text-gray-200">Explore our key features designed to enhance your experience.</p>
+                            <p className="text-gray-700 dark:text-gray-200">Explore key features designed to enhance your experience with Jan.</p>
                             <ul className="mt-5">
                                 <li className="font-semibold list-disc mb-4">
                                     <a href={"/guides/models-setup/"} className="dark:text-blue-400">
@@ -111,4 +111,4 @@ export default function HomepageTerinaryFeatures() {
             </div>
         </section>
     );
-}
+}
\ No newline at end of file