import { NextPage } from "next" ; import Head from "next/head" ; import { SectionHeader } from "../../components/Layout/SectionHeader" ; import { Spacing } from "../../components/Layout/Spacing" ; import cs from "classnames" ; import layout from "../../styles/Layout.module.scss" ; import ClientOnly from "../../components/Utils/ClientOnly" ; import { UserGuard } from "../../components/Guards/UserGuard" ; import { MintGenerativeController } from "../../containers/MintGenerative/Controller" ; import { BrowserRouter as Router } from "react-router-dom" ; import { TitleHyphen } from "../../components/Layout/TitleHyphen" ; const MintGenerative = ( ) => { return ( < > < Head > < title > fxhash — mint Generative Token < /title> < meta key = "og:title" property = "og:title" content = "fxhash — mint Generative Token" / > < meta key = "description" name = "description" content = "Mint a Generative Token" / > < /Head> < Spacing size = "6x-large" / > < section > < SectionHeader > < TitleHyphen > mint a Generative Token < /TitleHyphen> < /SectionHeader> < Spacing size = "x-large" / > < main className = { cs ( layout [ 'padding-big' ] ) } > < ClientOnly > < UserGuard > < Router basename = "/mint-generative" > < MintGenerativeController /> < /Router> < /UserGuard> < /ClientOnly> < /main> < /section> < />); } ; export default MintGenerative ;