Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] Change some text and layout on the top-level docs home page #1218

Merged
merged 5 commits into from
Nov 29, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/curly-terms-obey.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@kadena/docs': patch
---

Modifies some text and layout on the docs.kadena.io home page
65 changes: 31 additions & 34 deletions packages/apps/docs/src/pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -41,17 +41,17 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
<Grid.Root gap="$lg" columns={{ sm: 1, md: 2 }}>
<Grid.Item rowSpan={2}>
<DocsCard
label="Introduction"
description="Kadena is the only platform offering a complete decentralized infrastructure for builders. Combining a revolutionary chain architecture with the tools needed for widespread adoption, your teams get the full capabilities of blockchain with the ability to go from concept to launch in days vs. months by not having to build from scratch. Learn about our core concepts."
label="Start with core concepts"
description="Kadena is a secure and decentralized public blockchain with a revolutionary chain architecture and the tools designed for builders to get the results they expect, faster. If you want to build better user experiences and more diverse applications for blockchain adoption, explore Kadena. From core concepts to developer tooling, Kadena provides everything you need to develop blockchain applications—from concept to launch—in days or weeks instead of months or years."
schema="info"
background="whitepapers"
>
<BrowseSection marker="none">
<Link className={docsCardLink} href="/kadena/overview">
What is the Kadena Blockchain?
What is Kadena?
</Link>
<Link className={docsCardLink} href="/kadena/kda">
What is KDA token?
What is the KDA token?
</Link>
<Link className={docsCardLink} href="/pact">
What are Pact smart contracts?
Expand All @@ -61,8 +61,8 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
</Grid.Item>
<Grid.Item>
<DocsCard
label="Learn through tutorials"
description="Find training and documentation and discover resources to assist you in learning. Whether you are just starting or an experienced professional, our hands-on approach helps you reach your goals faster, more confidently, and at your own pace."
label="Learn step-by-step in tutorials"
description="Get hands-on experience and step-by-step instructions to start your journey from Hello, World! to smart contracts and full stack applications. Whether you are just starting out or an experienced professional, follow simple tutorials and in-depth workshops to reach your goals at your own pace."
schema="warning"
background="contribute"
>
Expand All @@ -78,25 +78,25 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
</Box>
<BrowseSection marker="none">
<Link className={docsCardLink} href="/build/quickstart">
10 minute quick start
Quick start
</Link>

<a
className={docsCardLink}
href="https://academy.kadena.io"
>
Learn on the Academy
Explore courses in the Kadena Academy
</a>
<Link className={docsCardLink} href="/build/guides">
Create a Smart Contract
Create a smart contract
</Link>
</BrowseSection>
</DocsCard>
</Grid.Item>
<Grid.Item>
<DocsCard
label="Setup"
description="Use the right tools and platforms for building many types of decentralized applications."
label="Set up your development environment"
description="If you're ready to start coding, you'll want to set up a local development environment with the tools and resources you'll need to build decentralized applications."
schema="success"
background="quickstart"
>
Expand All @@ -111,7 +111,7 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
className={docsCardLink}
href="/contribute/ambassadors"
>
Local devnet
Local development network
</Link>
<Link
className={docsCardLink}
Expand All @@ -129,7 +129,7 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
</Box>

<Stack direction="column" gap="$3xl">
<BrowseSection title="Useful tools" direction="row">
<BrowseSection title="Download useful tools" direction="row">
<BrowseSection.LinkBlock
title="Bootstrap Kadena dApp"
subtitle="Quickstart your Kadena app"
Expand Down Expand Up @@ -161,25 +161,40 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
/>
</BrowseSection>

<BrowseSection title="General" direction="row">
<BrowseSection title="Explore core components" direction="row">
<BrowseSection.LinkBlock
title="Overview of Kadena"
subtitle="Find out what we are about"
href="/kadena"
/>
<BrowseSection.LinkBlock
title="Manage your KDA"
subtitle="Wallets & patforms"
subtitle="Wallets & platforms"
href="/kadena/kda/manage-kda"
/>
<BrowseSection.LinkBlock
title="Kadena.io"
subtitle="Home is where the heart is"
href="https://kadena.io"
/>
<BrowseSection.LinkBlock
title="Overview of Pact"
subtitle="Learn the basics of Pact to create a smart contract"
href="/pact"
/>
<BrowseSection.LinkBlock
title="Chainweb"
subtitle="Chainweb is our scalable Proof-Of-Work (PoW) consensus algorithm"
href="/chainweb"
/>
<BrowseSection.LinkBlock
title="Marmalade"
subtitle="Marmalade provides the complete NFT infrastructure."
href="/marmalade"
/>
</BrowseSection>

<BrowseSection title="Programs" direction="row">
<BrowseSection title="Participate in programs" direction="row">
<BrowseSection.LinkBlock
title="Ambassador program"
subtitle="Apply for some Ambassador privileges"
Expand All @@ -205,24 +220,6 @@ const Home: FC<IProps> = ({ popularPages, blogPosts }) => {
linkLabel="More Blogchain posts"
/>
</Box>

<BrowseSection title="General" direction="row">
<BrowseSection.LinkBlock
title="Overview of Pact"
subtitle="Learn the basics of Pact to create a smart contract"
href="/pact"
/>
<BrowseSection.LinkBlock
title="Chainweb"
subtitle="Chainweb is our scalable Proof-Of-Work (PoW) consensus algorithm"
href="/chainweb"
/>
<BrowseSection.LinkBlock
title="Marmalade"
subtitle="Marmalade provides the complete NFT infrastructure."
href="/marmalade"
/>
</BrowseSection>
</Stack>
</article>
</div>
Expand Down
Loading