knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#754,landing page][xl]: added hero section and feature section, enabled dark mode, updated navbar, enabled toc

Browse Source
This commit is contained in:
deme
2023-04-17 18:54:10 -03:00
parent 34cbb1e8af
commit b3293625a4
26 changed files with 4556 additions and 908 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
site/pages/index.tsx
View File

@@ -1,63 +1,17 @@
import Layout from '../components/Layout'
import Features from '@/components/Features';
import { Hero } from '@/components/Hero';
import { UnstyledLayout } from '@flowershow/core';
import Layout from '../components/Layout';
export default function Home() {
return (
<Layout>
<main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center py-10">
<h1 className="text-4xl sm:text-8xl font-bold">
<a href="https://portaljs.com/">
P🌀RTAL.<small>JS</small>
</a>
</h1>
<h2 className="mt-6 text-2xl sm:text-4xl font-normal leading-snug">
Rapidly build rich data portals using a modern frontend framework
</h2>
<div className="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full">
<a
href="/docs/"
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
>
<h3 className="text-2xl font-semibold">▸ Documentation</h3>
<p className="mt-4 text-xl">
Find in-depth information about Portal.js features and API.
</p>
</a>
<a
href="/learn/"
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
>
<h3 className="text-2xl font-semibold">▸ Learn</h3>
<p className="mt-4 text-xl">
Learn about Portal.js in an interactive course.
</p>
</a>
<a
href="/gallery/"
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
>
<h3 className="text-2xl font-semibold">▸ Gallery</h3>
<p className="mt-4 text-xl">
Discover examples of Portal.js projects.
</p>
</a>
<a
href="https://github.com/datopian/portal.js"
className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600"
>
<h3 className="text-2xl font-semibold">▸ Contribute</h3>
<p className="mt-4 text-xl">
Checkout the Portal.js repository on Github.
</p>
</a>
</div>
</main>
</Layout>
)
<>
<Layout>
<UnstyledLayout>
<Hero />
<Features />
</UnstyledLayout>
</Layout>
</>
);
}