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

Fix footer and section spacing landing page

Browse Source
This commit is contained in:
Faisal Amir 2023-11-22 13:36:36 +07:00
parent fb23e3d312
commit 3f553ae2d9
4 changed files with 60 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/package.json
View File

@ -33,8 +33,8 @@
"postcss": "^8.4.30",
"posthog-docusaurus": "^2.0.0",
"prism-react-renderer": "^1.3.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-icons": "^4.11.0",
"redocusaurus": "^2.0.0",
"sass": "^1.69.3",
@ -60,4 +60,4 @@
"engines": {
"node": ">=16.14"
}
}
}

39
docs/src/components/Footer/index.js
View File

@ -1,23 +1,6 @@
import React from "react";
const menus = [
{
name: "Resources",
child: [
{
menu: "Home",
path: "/",
},
{
menu: "Platform",
path: "/platform",
},
{
menu: "Solutions",
path: "/solutions",
},
],
},
{
name: "For Developers",
child: [
@ -30,8 +13,8 @@ const menus = [
path: "/hardware",
},
{
menu: "API (WIP)",
path: "/api",
menu: "API Reference (WIP)",
path: "/api-reference",
},
{
menu: "Changelog",
@ -67,6 +50,10 @@ const menus = [
menu: "About",
path: "/about",
},
{
menu: "Blog",
path: "/blog",
},
{
menu: "Careers",
path: "https://janai.bamboohr.com/careers",
@ -82,13 +69,15 @@ export default function Footer() {
return (
<footer className="flex-shrink-0 border-t dark:border-gray-800 border-gray-200 py-10">
<div className="container">
<div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-5">
<div className="col-span-2 lg:col-span-1">
<div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-6">
<div className="lg:col-span-3 col-span-2">
<h6 className="mb-3">Jan</h6>
<p className="dark:text-gray-400 text-gray-600">
Run Large Language Models locally on Windows, Mac and Linux.
Available on Desktop and Cloud-Native.
</p>
<div className="w-full lg:w-1/2">
<p className="dark:text-gray-400 text-gray-600">
Run Large Language Models locally on Windows, Mac and Linux.
Available on Desktop and Cloud-Native.
</p>
</div>
</div>
{menus.map((menu, i) => {
return (

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

@ -31,7 +31,7 @@ export default function Home() {
}}
className="absolute w-full h-full opacity-10 dark:opacity-20 top-0 object-cover blur-3xl"
/>
<div className="container py-16">
<div className="container pt-16">
<div className="grid grid-cols-1 items-center gap-4">
<div className="relative z-10 text-center ">
{/* TODO: Add upcoming events here */}
@ -95,7 +95,7 @@ export default function Home() {
</div>
</div>
</div>
<div className="container mt-10 mb-10 lg:mb-20 text-center">
<div className="container mt-40 text-center">
<h2>AI that you control</h2>
<p className="text-base mt-2 w-full lg:w-2/5 mx-auto leading-relaxed">
Private. Local. Infinitely Customizable.
@ -107,7 +107,7 @@ export default function Home() {
alt="Element"
className="absolute w-full bottom-0 left-0"
/>
<div class="p-8 relative z-40">
<div className="p-8 relative z-40">
<h5>Personal AI that runs on your computer</h5>
<p className="mt-2">
Jan runs directly on your local machine, offering privacy,
@ -179,8 +179,8 @@ export default function Home() {
</div>
</div>
<div class="container lg:px-20 py-20 text-center lg:text-left">
<div class="flex flex-col lg:flex-row space-y-20 lg:space-y-0">
<div className="container lg:px-20 py-40 lg:py-[200px] text-center lg:text-left">
<div className="flex flex-col lg:flex-row space-y-20 lg:space-y-0">
<div>
<h1 className="bg-gradient-to-r dark:from-white from-black to-gray-500 dark:to-gray-400 bg-clip-text text-4xl lg:text-6xl font-bold leading-tight text-transparent dark:text-transparent lg:leading-tight">
Your AI, forever.
@ -188,8 +188,8 @@ export default function Home() {
<p className="text-lg lg:text-2xl mt-2">
Apps come and go, but your AI and data should last.{" "}
</p>
<div class="w-full lg:w-3/4 mt-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-24">
<div className="w-full lg:w-3/4 mt-8">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-24">
<div>
<img
src="/img/ic-park-solid-unlock.svg"
@ -232,15 +232,15 @@ export default function Home() {
</div>
</div>
<div class="container pb-20 pt-10 text-center">
<div className="container pb-40 text-center">
<h2>
We are open-source. <br /> Join Jan community.
</h2>
<div class="mt-14">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div className="mt-14">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<a href="https://discord.com/invite/FTk2MvZwJH" target="_blank">
<div class="card h-52 relative flex items-center justify-center">
<div class="relative z-50">
<div className="card h-52 relative flex items-center justify-center">
<div className="relative z-50">
<img
src="/img/discord-logo.png"
alt="Discord logo"
@ -248,7 +248,7 @@ export default function Home() {
/>
</div>
<div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
<div className="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
Join our Discord
</div>
<ThemedImage
@ -262,11 +262,11 @@ export default function Home() {
</div>
</a>
<a href="https://github.com/janhq/jan" target="_blank">
<div class="card h-52 relative flex items-center justify-center">
<div class="relative z-50">
<div className="card h-52 relative flex items-center justify-center">
<div className="relative z-50">
<AiOutlineGithub className="text-8xl dark:text-white text-black" />
</div>
<div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
<div className="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
View Github
</div>
<img

29
docs/yarn.lock
View File

@ -7243,7 +7243,7 @@ react-dev-utils@^12.0.1:
strip-ansi "^6.0.1"
text-table "^0.2.0"
"react-dom@^17.0.0 || ^18.2.0", react-dom@^18.2.0:
"react-dom@^17.0.0 || ^18.2.0":
version "18.2.0"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@ -7251,6 +7251,15 @@ react-dev-utils@^12.0.1:
loose-envify "^1.1.0"
scheduler "^0.23.0"
react-dom@^17.0.2:
version "17.0.2"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
scheduler "^0.20.2"
react-error-overlay@^6.0.11:
version "6.0.11"
resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
@ -7383,13 +7392,21 @@ react-textarea-autosize@^8.3.2:
use-composed-ref "^1.3.0"
use-latest "^1.2.1"
"react@^17.0.0 || ^18.2.0", react@^18.2.0:
"react@^17.0.0 || ^18.2.0":
version "18.2.0"
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
dependencies:
loose-envify "^1.1.0"
react@^17.0.2:
version "17.0.2"
resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
read-cache@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@ -7803,6 +7820,14 @@ sax@^1.2.4:
resolved "https://registry.yarnpkg.com/sax/-/sax-1.3.0.tgz#a5dbe77db3be05c9d1ee7785dbd3ea9de51593d0"
integrity sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==
scheduler@^0.20.2:
version "0.20.2"
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
scheduler@^0.23.0:
version "0.23.0"
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"