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

fix spacing landing page responsive

Browse Source
This commit is contained in:
Faisal Amir 2023-12-07 11:15:13 +07:00
parent 9b467cf16d
commit aeecb16eb4
3 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
docs/docusaurus.config.js
View File

@ -142,7 +142,7 @@ const config = {
{ {
name: "description", name: "description",
content: content:
"Jan is a ChatGPT-alternative that runs on your own computer, with a local API server.", "Jan runs 100% offline on your computer, utilizes open-source AI models, prioritizes privacy, and is highly customizable.",
}, },
{ {
name: "keywords", name: "keywords",
@ -150,11 +150,14 @@ const config = {
"Jan, ChatGPT alternative, on-premises AI, local API server, local AI, llm, conversational AI, no-subscription fee", "Jan, ChatGPT alternative, on-premises AI, local API server, local AI, llm, conversational AI, no-subscription fee",
}, },
{ name: "robots", content: "index, follow" }, { name: "robots", content: "index, follow" },
{ property: "og:title", content: "Run your own AI | Jan" }, {
property: "og:title",
content: "Jan | Open-source ChatGPT Alternative",
},
{ {
property: "og:description", property: "og:description",
content: content:
"Jan is a ChatGPT-alternative that runs on your own computer, with a local API server.", "Jan runs 100% offline on your computer, utilizes open-source AI models, prioritizes privacy, and is highly customizable.",
}, },
{ {
property: "og:image", property: "og:image",
@ -163,11 +166,14 @@ const config = {
{ property: "og:type", content: "website" }, { property: "og:type", content: "website" },
{ property: "twitter:card", content: "summary_large_image" }, { property: "twitter:card", content: "summary_large_image" },
{ property: "twitter:site", content: "@janhq_" }, { property: "twitter:site", content: "@janhq_" },
{ property: "twitter:title", content: "Run your own AI | Jan" }, {
property: "twitter:title",
content: "Jan | Open-source ChatGPT Alternative",
},
{ {
property: "twitter:description", property: "twitter:description",
content: content:
"Jan is a ChatGPT-alternative that runs on your own computer, with a local API server.", "Jan runs 100% offline on your computer, utilizes open-source AI models, prioritizes privacy, and is highly customizable.",
}, },
{ {
property: "twitter:image", property: "twitter:image",
@ -194,7 +200,7 @@ const config = {
"@type": "localAI", "@type": "localAI",
name: "Jan", name: "Jan",
description: description:
"Jan is a ChatGPT-alternative that runs on your own computer, with a local API server.", "Jan runs 100% offline on your computer, utilizes open-source AI models, prioritizes privacy, and is highly customizable.",
keywords: keywords:
"Jan, ChatGPT alternative, on-premises AI, local API server, local AI, llm, conversational AI, no-subscription fee", "Jan, ChatGPT alternative, on-premises AI, local API server, local AI, llm, conversational AI, no-subscription fee",
applicationCategory: "BusinessApplication", applicationCategory: "BusinessApplication",

8
docs/src/containers/DownloadApp/index.js
View File

@ -1,10 +1,11 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import axios from "axios"; import axios from "axios";
import { FaWindows, FaApple, FaLinux } from "react-icons/fa"; import { FaWindows, FaApple, FaLinux } from "react-icons/fa";
import { twMerge } from "tailwind-merge";
const systemsTemplate = [ const systemsTemplate = [
{ {
name: "Mac Silicon", name: "Mac M1, M2, M3",
logo: FaApple, logo: FaApple,
fileFormat: "{appname}-mac-arm64-{tag}.dmg", fileFormat: "{appname}-mac-arm64-{tag}.dmg",
comingSoon: false, comingSoon: false,
@ -110,9 +111,10 @@ export default function DownloadApp() {
<a <a
key={i} key={i}
href={system.href} href={system.href}
className={`inline-flex m-2 px-4 py-2 rounded-lg text-lg font-semibold cursor-pointer justify-center items-center space-x-2 border border-gray-400 dark:border-gray-700 text-black dark:text-black bg-neutral-50 min-w-[150px] dark:bg-[#18181B], ${ className={twMerge(
"inline-flex m-2 px-4 py-2 rounded-lg text-lg font-semibold cursor-pointer justify-center items-center space-x-2 border border-gray-400 dark:border-gray-700 text-black dark:text-black bg-neutral-50 min-w-[150px] dark:bg-[#18181B]",
system.comingSoon && "pointer-events-none" system.comingSoon && "pointer-events-none"
}`} )}
> >
<system.logo /> <system.logo />
<span>{system.name}</span> <span>{system.name}</span>

18
docs/src/pages/index.js
View File

@ -25,7 +25,7 @@ export default function Home() {
<> <>
<Banner /> <Banner />
<Layout <Layout
title="Jan | Open-source ChatGPT Alternative" title="Open-source ChatGPT Alternative"
description="Jan runs 100% offline on your computer, utilizes open-source AI models, prioritizes privacy, and is highly customizable." description="Jan runs 100% offline on your computer, utilizes open-source AI models, prioritizes privacy, and is highly customizable."
> >
<main> <main>
@ -94,7 +94,7 @@ export default function Home() {
</div> </div>
<div <div
className="dark:bg-[#09090B]/20 border-t border-zinc-200 dark:border-gray-800 py-16" className="dark:bg-[#09090B]/20 border-t border-zinc-200 dark:border-gray-800 py-10 lg:py-16"
id="download-section" id="download-section"
> >
<div className="container"> <div className="container">
@ -104,7 +104,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="dark:bg-[#09090B]/20 pb-36"> <div className="dark:bg-[#09090B]/20 pb-10 lg:pb-36">
<div className="container h-full "> <div className="container h-full ">
<div className="w-full lg:w-3/4 mx-auto relative rounded-xl py-10"> <div className="w-full lg:w-3/4 mx-auto relative rounded-xl py-10">
<img <img
@ -146,7 +146,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="dark:bg-[#27272A] bg-zinc-100 pt-20 pb-10"> <div className="dark:bg-[#27272A] bg-zinc-100 pt-10 lg:pt-20 pb-10">
<div className="container"> <div className="container">
<div className="w-full lg:w-3/4 mx-auto relative"> <div className="w-full lg:w-3/4 mx-auto relative">
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-center"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-center">
@ -183,7 +183,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="dark:bg-[#27272A] bg-zinc-100 pb-20 pt-10"> <div className="dark:bg-[#27272A] bg-zinc-100 lg:pb-20 pb-10 pt-10">
<div className="container"> <div className="container">
<div className="w-full lg:w-3/4 mx-auto relative "> <div className="w-full lg:w-3/4 mx-auto relative ">
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-center"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-center">
@ -226,7 +226,7 @@ export default function Home() {
</div> </div>
<div className="dark:bg-[#09090B]/20"> <div className="dark:bg-[#09090B]/20">
<div className="container py-32"> <div className="container py-12 lg:py-32">
<div className="w-full xl:w-10/12 mx-auto relative"> <div className="w-full xl:w-10/12 mx-auto relative">
<div className="text-center"> <div className="text-center">
<div className="card-link-bg dark:card-link-bg-dark px-4 py-2 inline-flex rounded-xl items-center space-x-4"> <div className="card-link-bg dark:card-link-bg-dark px-4 py-2 inline-flex rounded-xl items-center space-x-4">
@ -247,7 +247,7 @@ export default function Home() {
/> />
</div> </div>
<div className="mt-8"> <div className="mt-8">
<h6 className="text-4xl font-semibold"> <h6 className="text-3xl lg:text-4xl font-semibold">
Offline and Local First Offline and Local First
</h6> </h6>
<p className="mt-2 leading-relaxed text-zinc-600 dark:text-zinc-400"> <p className="mt-2 leading-relaxed text-zinc-600 dark:text-zinc-400">
@ -256,10 +256,10 @@ export default function Home() {
exportable, and can be deleted at any time. exportable, and can be deleted at any time.
</p> </p>
<div className="grid grid-cols-12 mt-20 text-left gap-8"> <div className="grid grid-cols-12 mt-10 lg:mt-20 text-left gap-8">
<div className="col-span-full lg:col-span-4"> <div className="col-span-full lg:col-span-4">
<div className="dark:bg-[#27272A] bg-zinc-100 rounded-xl p-8 min-h-[450px]"> <div className="dark:bg-[#27272A] bg-zinc-100 rounded-xl p-8 min-h-[450px]">
<h6 className="text-4xl font-semibold"> <h6 className="text-3xl lg:text-4xl font-semibold">
OpenAI Compatible OpenAI Compatible
</h6> </h6>
<p className="mt-4 leading-relaxed text-zinc-600 dark:text-zinc-400"> <p className="mt-4 leading-relaxed text-zinc-600 dark:text-zinc-400">