# MU profile

### Pages
- `/profile`
- if user not connected display `social login` and `connect wallet` buttons
- if user connected redirect to `/tz2H967..` (connected account)
- `/tz2H967..`
- show user header
- if no nft show empty state component
- if nft show grid and open single nft in modal (see [Modal Routing](https://www.youtube.com/watch?v=P4W_LaotmNI))
- **not urgent** add pagination or infinite scroll
- - **not urgent** prev next navigation in modal

- `/tz2H967../[nftId]`
- show nft details + plus back button (not urgent prev next navigation)

**Requirment:** single nft and profile must have opengraph data (see [seo component](https://github.com/tzConnectBerlin/sowvital/blob/main/src/components/SEO.tsx) in sowvital)

***Q**: can we use SSG for profiles and nft pages? does it make sense(nft nested in the profile generate a lot of duplicate pages)?*

---

### Pages TBD
- `/` homepage
- `/help`
- `policies/terms-of-service`
- `/policies/cookies`
- `/privacy`
- marketing content pages?

***Q**: should we use MDX for some these pages?*

***Q**: should we consider internationalization (i18n) now and Internationalized Routing?*

---

### Components

###### Design system
- [x] Button
- [x] Card
- [x] Text
- [x] Heading
- [x] Avatar
- [x] Accordion
- [ ] Modal

###### Layout
- [x] Layout
- [x] Container
- [ ] Navbar
- User Menu
- Connect Popover
- [ ] Footer

###### Others
- [ ] Account
- [ ] User Header
- [ ] Connect component for profile

###### Nft
- [x] NftMedia
- [x] NftCard
- [x] NftModal
- [x] NftDetails
- [ ] NftGrid
- [ ] Empty list