LaconicNetwork/stargaze-studio
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update landing

Browse Source
This commit is contained in:
Serkan Reis 2023-06-28 21:30:55 +03:00
parent e4459acf9c
commit f131b2f571
2 changed files with 44 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
pages/home.tsx Normal file
View File

@ -0,0 +1,43 @@
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="px-8 pt-4 pb-16 mx-auto space-y-8 max-w-4xl">
<div className="flex justify-center items-center py-8 max-w-xl">
<img alt="Brand Text" className="ml-[50%] w-1/2" src="/studio-logo.png" />
</div>
<h1 className="font-heading text-4xl font-bold">Welcome!</h1>
<p className="text-xl">
Looking for a fast and efficient way to build an NFT collection? Stargaze Studio is the solution.
<br />
<br />
Stargaze Studio is built to provide useful smart contract interfaces that help you build and deploy your own NFT
collections in no time.
</p>
<br />
<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">
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">
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">
Execute actions and queries for a variety of contracts.
</HomeCard>
</div>
</section>
)
}
export default withMetadata(HomePage, { center: false })

44
pages/index.tsx
View File

@ -1,43 +1 @@
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="px-8 pt-4 pb-16 mx-auto space-y-8 max-w-4xl">
<div className="flex justify-center items-center py-8 max-w-xl">
<img alt="Brand Text" className="ml-[50%] w-1/2" src="/studio-logo.png" />
</div>
<h1 className="font-heading text-4xl font-bold">Welcome!</h1>
<p className="text-xl">
Looking for a fast and efficient way to build an NFT collection? Stargaze Studio is the solution.
<br />
<br />
Stargaze Studio is built to provide useful smart contract interfaces that help you build and deploy your own NFT
collections in no time.
</p>
<br />
<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">
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">
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">
Execute actions and queries for a variety of contracts.
</HomeCard>
</div>
</section>
)
}
export default withMetadata(HomePage, { center: false })
export { default } from './collections/create'