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

chore: scaffold homepage all sections

Browse Source
This commit is contained in:
0xSage 2023-09-21 17:32:46 +08:00
parent 9bdba69e37
commit 4ecbaf9b9c
7 changed files with 73 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
docs/src/components/Homepage/banner.js Normal file
View File

@ -0,0 +1,35 @@
import React from "react";
import { useColorMode } from "@docusaurus/theme-common";
import { XMarkIcon } from "@heroicons/react/20/solid";
export default function HomepageBanner() {
const { isDarkTheme } = useColorMode();
return (
<div className="flex items-center gap-x-6 bg-gray-900 px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
<p className="text-sm leading-6 text-white">
<a href="#">
<strong className="font-semibold">GeneriCon 2023</strong>
<svg
viewBox="0 0 2 2"
className="mx-2 inline h-0.5 w-0.5 fill-current"
aria-hidden="true"
>
<circle cx={1} cy={1} r={1} />
</svg>
Join us in Denver from June 7 – 9 to see what’s coming next&nbsp;
<span aria-hidden="true">&rarr;</span>
</a>
</p>
<div className="flex flex-1 justify-end">
<button
type="button"
className="-m-3 p-3 focus-visible:outline-offset-[-4px]"
>
<span className="sr-only">Dismiss</span>
<XMarkIcon className="h-5 w-5 text-white" aria-hidden="true" />
</button>
</div>
</div>
);
}

8
docs/src/components/Homepage/downloads.js Normal file
View File

@ -0,0 +1,8 @@
import React from "react";
import { useColorMode } from "@docusaurus/theme-common";
export default function HomepageDownloads() {
const { isDarkTheme } = useColorMode();
return <div>Downloads section</div>;
}

2
docs/src/components/Homepage/homepageFeatures.js → docs/src/components/Homepage/features.js
View File

@ -4,5 +4,5 @@ import { useColorMode } from "@docusaurus/theme-common";
export default function HomepageFeatures() {
const { isDarkTheme } = useColorMode();
return <div>hi</div>;
return <div>Features section</div>;
}

4
docs/src/components/Homepage/homepageHero.js → docs/src/components/Homepage/hero.js
View File

@ -107,8 +107,8 @@ export default function HomepageHero() {
</h1>
{/* Hero Subtitle */}
<p className="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">
Jan is the private and flexible way to run your own AI. Jan is the
private and flexible way to run your own AI.
Free. Source available. Runs on your CPU and GPU with hardware
acceleration and collaboration mode.
</p>
{/* Download CTAs */}
<div className="mt-10 flex items-center gap-x-6">

7
docs/src/components/Homepage/index.js
View File

@ -1,2 +1,5 @@
export { default as HomepageFeatures } from "./homepageFeatures";
export { default as HomepageHero } from "./homepageHero";
export { default as HomepageBanner } from "./banner";
export { default as HomepageFeatures } from "./features";
export { default as HomepageHero } from "./hero";
export { default as HomepageUseCases } from "./usecases";
export { default as HomepageDownloads } from "./downloads";

8
docs/src/components/Homepage/usecases.js Normal file
View File

@ -0,0 +1,8 @@
import React from "react";
import { useColorMode } from "@docusaurus/theme-common";
export default function HomepageUseCases() {
const { isDarkTheme } = useColorMode();
return <div>Use Cases Section</div>;
}

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

@ -1,7 +1,13 @@
import React from "react";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from "@theme/Layout";
import { HomepageFeatures, HomepageHero } from "@site/src/components/Homepage";
import {
HomepageFeatures,
HomepageHero,
HomepageBanner,
HomepageUseCases,
HomepageDownloads,
} from "@site/src/components/Homepage";
import styles from "./index.module.css";
@ -12,8 +18,13 @@ export default function Home() {
title={`${siteConfig.tagline}`}
description="Description will go into a meta tag in <head />"
>
<HomepageHero />
<HomepageFeatures />
{/* <HomepageBanner /> */}
<main className={styles.main}>
<HomepageHero />
<HomepageFeatures />
<HomepageUseCases />
<HomepageDownloads />
</main>
</Layout>
);
}