Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: Update hub page content

Browse Source
This commit is contained in:
Arista Indrajaya 2024-03-05 18:08:20 +07:00
parent 56fcf981a1
commit 36eb19584a
3 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/src/components/HomepagePrimaryFeatures/index.js
View File

@ -2,26 +2,26 @@ export default function HomepagePrimaryFeatures() {
return ( return (
<section className="py-8 md:py-16 lg:py-20 flex items-center"> <section className="py-8 md:py-16 lg:py-20 flex items-center">
<div className="container"> <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="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> <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>
<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>
<div className="absolute right-4 bottom-4"> <div className="absolute right-4 bottom-4">
<img alt={"Card Image"} src={"/img/homepage-new/rocket.png"} className="h-16 md:h-24" /> <img alt={"Card Image"} src={"/img/homepage-new/rocket.png"} className="h-16 md:h-24" />
</div> </div>
</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="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> <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>
<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>
<div className="absolute right-4 bottom-4"> <div className="absolute right-4 bottom-4">
<img alt={"Card Image"} src={"/img/homepage-new/chat.png"} className="h-16 md:h-24" /> <img alt={"Card Image"} src={"/img/homepage-new/chat.png"} className="h-16 md:h-24" />

6
docs/src/components/HomepageSecondaryFeatures/index.js
View File

@ -8,19 +8,19 @@ export default function HomepageSecondaryFeatures() {
<FeatureCard <FeatureCard
imgSrc="/img/homepage-new/bg-rocket.png" imgSrc="/img/homepage-new/bg-rocket.png"
title="Quickstart" 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/" href="/guides/"
/> />
<FeatureCard <FeatureCard
imgSrc="/img/homepage-new/bg-wrench.png" imgSrc="/img/homepage-new/bg-wrench.png"
title="Integrations" 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/" href="/guides/integrations/"
/> />
<FeatureCard <FeatureCard
imgSrc="/img/homepage-new/bg-book.png" imgSrc="/img/homepage-new/bg-book.png"
title="Error Codes" 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/" href="/guides/error-codes/"
/> />
</div> </div>

8
docs/src/components/HomepageTerinaryFeatures/index.js
View File

@ -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="bg-gray-200 dark:bg-gray-800 w-72 rounded-lg relative flex flex-col p-8">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<img alt={"Icon"} src={"/img/homepage-new/roket.png"} /> <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>
<div className="mt-5 justify-center"> <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"> <ul className="mt-5">
<li className="font-semibold list-disc mb-4"> <li className="font-semibold list-disc mb-4">
<a href={"/guides/"} className=" dark:text-blue-400"> <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> <h5 className="text-gray-700 dark:text-gray-200">Settings</h5>
</div> </div>
<div className="mt-5 justify-center"> <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"> <ul className="mt-5">
<li className="font-semibold list-disc mb-4"> <li className="font-semibold list-disc mb-4">
<a href={"/guides/thread/"} className="dark:text-blue-400"> <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> <h5 className="text-gray-700 dark:text-gray-200">Features</h5>
</div> </div>
<div className="mt-5 justify-center"> <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"> <ul className="mt-5">
<li className="font-semibold list-disc mb-4"> <li className="font-semibold list-disc mb-4">
<a href={"/guides/models-setup/"} className="dark:text-blue-400"> <a href={"/guides/models-setup/"} className="dark:text-blue-400">