chore: make explore homepage

This commit is contained in:
jinhojang6 2024-09-27 22:47:50 +09:00
parent 2ed6880a87
commit a421c3e889
No known key found for this signature in database
GPG Key ID: 1762F21FE8B543F8
4 changed files with 8 additions and 10 deletions

View File

@ -1,7 +1,6 @@
import styled from '@emotion/styled'
import Link from 'next/link'
import React from 'react'
import { Navbar } from '../Navbar'
interface NavbarProps {}
@ -11,7 +10,7 @@ const Header: React.FC<NavbarProps> = () => {
<Link href="/">
<Logo src="/assets/logo.svg" alt="Logo" />
</Link>
<Navbar />
{/* <Navbar />
<UserActions>
<WalletButton>
<WalletAddress>bc1qa...vehs9</WalletAddress>
@ -21,7 +20,7 @@ const Header: React.FC<NavbarProps> = () => {
<PointsValue>4,278</PointsValue>
<Icon src="/assets/star.png" alt="Points icon" />
</PointsButton>
</UserActions>
</UserActions> */}
</Container>
)
}

View File

@ -8,7 +8,7 @@ interface ExploreSectionProps {}
const ExploreSection: React.FC<ExploreSectionProps> = () => {
return (
<StyledExploreSection>
<h1 className="section-title">Operators</h1>
<h1 className="section-title">Explore Operators</h1>
<OperatorFilter />
<OperatorGrid />
</StyledExploreSection>

View File

@ -1,5 +1,4 @@
import { BackgroundGradient } from '@/components/BackgroundGradient'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header/Header'
import { Container, Layout } from '@/components/StyledComponents'
import React, { PropsWithChildren } from 'react'
@ -14,7 +13,7 @@ const ExploreLayout: React.FC<ExploreLayoutProps> = (
<Container>
<Header />
<main>{props.children}</main>
<Footer />
{/* <Footer /> */}
</Container>
<BackgroundGradient />
</Layout>

View File

@ -1,16 +1,16 @@
import { SEO } from '@/components/SEO'
import { HomeContainer } from '@/containers/Home'
import { HomeLayout } from '@/layouts/HomeLayout'
import ExploreContainer from '@/containers/Explore/ExploreContainer'
import ExploreLayout from '@/layouts/ExploreLayout/Explore.layout'
export default function HomePage() {
return (
<>
<SEO />
<HomeContainer />
<ExploreContainer />
</>
)
}
HomePage.getLayout = function getLayout(page: React.ReactNode) {
return <HomeLayout>{page}</HomeLayout>
return <ExploreLayout>{page}</ExploreLayout>
}