Update landing

This commit is contained in:
Serkan Reis 2023-06-28 22:35:23 +03:00
parent f131b2f571
commit a2a0880149
3 changed files with 52 additions and 6 deletions

View File

@ -37,8 +37,8 @@ export const Sidebar = () => {
return (
<SidebarLayout>
{/* Stargaze brand as home button */}
<Anchor href="/home" onContextMenu={(e) => [e.preventDefault(), router.push('/brand')]}>
<img alt="Brand Text" className="ml-5 w-3/4" src="/studio-logo.png" />
<Anchor href="/" onContextMenu={(e) => [e.preventDefault(), router.push('/brand')]}>
<img alt="Brand Text" className="ml-6 w-3/4" src="/studio-logo.png" />
</Anchor>
{/* wallet button */}
<WalletLoader />

View File

@ -24,15 +24,25 @@ const HomePage: NextPage = () => {
<br />
<div className="grid gap-8 md:grid-cols-2">
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/collections/" title="Collections">
<HomeCard
className="p-4 -m-4 hover:bg-gray-500/10 rounded"
link="/collections/"
linkText="Collections"
title="Collections"
>
Create a collection, view a list of your collections or execute collection actions and queries.
</HomeCard>
<Conditional test={BADGE_HUB_ADDRESS !== undefined}>
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges" title="Badges">
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges" linkText="Badges" title="Badges">
Create badges, view a list of them or execute badge related actions and queries.
</HomeCard>
</Conditional>
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/contracts" title="Contract Dashboards">
<HomeCard
className="p-4 -m-4 hover:bg-gray-500/10 rounded"
link="/contracts"
linkText="Dashboards"
title="Contract Dashboards"
>
Execute actions and queries for a variety of contracts.
</HomeCard>
</div>

View File

@ -1 +1,37 @@
export { default } from './collections/create'
import { Conditional } from 'components/Conditional'
import { HomeCard } from 'components/HomeCard'
import type { NextPage } from 'next'
import { BADGE_HUB_ADDRESS } from 'utils/constants'
import { withMetadata } from 'utils/layout'
const HomePage: NextPage = () => {
return (
<section className="pt-4 pb-16 mt-28 ml-[25%] w-3/5">
<div className="grid grid-cols-1 gap-10">
<HomeCard
className="p-8 -m-4 hover:bg-gray-500/10 rounded"
link="/collections/"
linkText="Collections"
title="Collections"
>
Create a collection, view a list of your collections or execute collection actions and queries.
</HomeCard>
<Conditional test={BADGE_HUB_ADDRESS !== undefined}>
<HomeCard className="p-8 -m-4 hover:bg-gray-500/10 rounded" link="/badges" linkText="Badges" title="Badges">
Create badges, view a list of them or execute badge related actions and queries.
</HomeCard>
</Conditional>
<HomeCard
className="p-8 -m-4 hover:bg-gray-500/10 rounded"
link="/contracts"
linkText="Dashboards"
title="Contract Dashboards"
>
Execute actions and queries for a variety of contracts.
</HomeCard>
</div>
</section>
)
}
export default withMetadata(HomePage, { center: false })