\r\n\r\n## Figma export \r\n- [Readme](https://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=1305%3A5612) \r\n- [Design](https://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=798%3A3662)\r\n- [Components + Prototypes](https://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=1305%3A5613)\r\n\r\n\r\n\r\n## Navbar \r\nNavbar will be functioning most likely nowadays, with some refreshment.\r\n\r\n### From left to right\r\n- There will be a logo which takes you back home `/`.\r\n- Search in the navbar, which will appear once you scroll the site.\r\n- Explore, which will take you to global explorer -- I guess we don't have this one, so most likely skip it for now \r\n- Stats - Rankings like series \r\n- Connect -- this will stay the current one. Hopefully, it's already made as a component (?)\r\n\r\n## Search\r\nWe will have a multi-chain search including RMRK, Basilisk and other upcoming implementations.\r\nMultichain search will support [^supportedchain]\r\nThe search bar could be selected when pressing 'K' \r\nOn input focus, it will show trending collections\r\nthose trending collections could be fetched by default by most volume or most of buys per 7 days with the option to overwrite/add extra collections to list\r\nUnder search, we can show currently working chains , along with upcoming integrations [^chains]\r\nEach chain name would be linked to a particular explorer feed based on that chain. I.e. RMRK -> `/rmrk/explore`\r\n\r\nThe same search bar would go to the navbar once the user scrolls down\r\nThe majority of search is being done in \r\n- #3763 \r\n- #3360\r\n\r\n## Spotlight \r\n\r\nThis section would be a remake of our existing carousel component. The component will be still and without auto-play. \r\nOn this component, we will be showing collections from all chains. So having array with chain and address collection would be mandatory here. \r\nAs you see, we will be showing picture of collection with collection name. The link will take user to the collection view.\r\nThe spotlight will be horizontally scrollable, with at least 15 collection. \r\nThis feed will be a curated list by community picks. \r\n\r\nSome work is being done here\r\n- #3772 \r\n- #876\r\n\r\n## Top collections\r\nThe collection would receive a new look and feel. \r\nMost data are already done in the series insights component, so expanding here should be a breeze. \r\nThe new functionality will be there, showing 24 hours, 7 days and 30 days time frame of data.\r\nDefault selected time frame should be 7 days.\r\nOn the upper right, \"All\" would change collection data based on supported chains: [^supportedchain]. \r\n\r\n### Data\r\n- name of collection\r\n- floor of the collection \r\n- total volume of collection in native token per selected period\r\n- total volume of collection in USD per selected period\r\n- difference within the selected period\r\n\r\nLink will take the user to the collection view.\r\n\r\nSome part of preparation is upcoming in this issue.\r\n\r\n- #3869 \r\n\r\n## New Listings\r\nThis section would work same as current listings. \r\nThe major difference is that we will pool data from various indexers into one component. \r\nWe will be showing user on which chain listing happened, like [^supportedchain] .\r\n\r\n### Data\r\n- NFT name\r\n- Collection name\r\n- Listing price \r\n- Supported chains: [^supportedchain]\r\n\r\n## Latest Sales \r\nThis section would work same as current sales. \r\nThe major difference is that we will pool data from various indexers into one component. \r\nWe will be showing user on which chain sale happened, like supported chains: [^supportedchain] .\r\n\r\n### Data\r\n- NFT name\r\n- Collection name\r\n- Sale price (the last buy happened)\r\n- Supported chains: [^supportedchain]\r\n\r\n## Featured Articles\r\nWe will have a list of articles, for now, three without scroll. \r\n\r\n### Data\r\n- hero picture for the article \r\n- Article title\r\n- Short description\r\n- Link to an article\r\n\r\nMore articles can go to either to Medium or Substack publications, whichever we will decide for \r\n\r\n## Footer \r\nHere we will collect email address into our Substack. \r\nLink Substack of our Kodadot publication, can drop code for button\r\nOther links are to\r\n- FAQ -> https://kodadot.xyz/rmrk/faq -> probably we should move FAQ to root, like https://kodadot.xyz/faq \r\n- Grants -> link to current grants form \r\n- Documentation -> https://docs.kodadot.xyz/\r\n- Contribute -> https://kodadot.xyz/contribute\r\n#### Socials \r\n- Twitter -> https://twitter.com/kodadot\r\n- Instagram -> https://instagram/kodadot.xyz\r\n- Discord -> https://discord.gg/u6ymnbz4PR \r\n- Youtube \r\n- Telegram \r\n\r\n## Legend\r\n\r\n- https://github.com/kodadot/nft-gallery/issues/2792\r\n\r\n[^chains]: Currently supported chains are RMRKv1 and Basilisk Rococo. Upcoming integrated chains will be MoonRiver, MoonBeam and Astar(RMRK) \r\n\r\n[^supportedchain]: RMRK 1.0, Basilisk\r\n\r\n### Currently working chains\r\n- RMRKv1 \r\n- Basilisk Rococo\r\n### Upcoming working chains\r\n- MoonRiver\r\n- MoonBeam\r\n- Astar (RMRK)",[2899,2900,2901,2904],{"name":2888,"color":2872},{"name":2890,"color":2875},{"name":2902,"color":2903},"chief","67EA1F",{"name":2905,"color":2906},"redesign","227120",3844,"Redesign Landing page","2022-10-19T15:38:37Z","https://github.com/kodadot/nft-gallery/issues/3844",0.69350666,{"description":2913,"labels":2914,"number":2922,"owner":2877,"repository":2878,"state":2879,"title":2923,"updated_at":2924,"url":2925,"score":2926},"Can someone also change the search navbar on mobile? In current version of kodadot you dont have option to close it :D\r\n\r\n \r\n\r\nalso in components page \r\nhttps://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=1305%3A5613\r\n\r\n_Originally posted by @exezbcz in https://github.com/kodadot/nft-gallery/issues/4196#issuecomment-1295952650_\r\n ",[2915,2916,2917,2919,2921],{"name":2868,"color":2869},{"name":2888,"color":2872},{"name":2918,"color":2875},"A-search",{"name":2920,"color":2875},"A-mobile",{"name":2874,"color":2875},4441,"Add close option into search navbar on mobile","2022-12-06T12:01:57Z","https://github.com/kodadot/nft-gallery/issues/4441",0.72003,{"description":2928,"labels":2929,"number":2933,"owner":2877,"repository":2878,"state":2879,"title":2934,"updated_at":2935,"url":2936,"score":2937},"Seems Create and Stats are not on hover and should be on hover?\r\nPlus seems after clicking, it stays open. Is that intentional? I guess we should not have it there?\r\nRefactoring of this component would be welcome I guess :)\r\n\r\nhttps://user-images.githubusercontent.com/5887929/205489345-5bc3b05e-9214-4111-81df-cdf5cfea1d26.mov\r\n\r\nhttps://user-images.githubusercontent.com/5887929/205489443-57b1d6fc-774e-41b5-8f25-ae861f08179d.mov\r\n\r\n",[2930,2931,2932],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4443,"Navbar smol hover fixes ","2022-12-11T20:09:19Z","https://github.com/kodadot/nft-gallery/issues/4443",0.7202073,{"description":2939,"labels":2940,"number":2945,"owner":2877,"repository":2878,"state":2879,"title":2946,"updated_at":2947,"url":2948,"score":2949},"I guess same as we have on RMRK we are missing for Basilisk.\r\n\r\nIt should be done landing page searchbar and navbar searchbar\r\n\r\n\r\n",[2941,2942,2943,2944],{"name":2868,"color":2869},{"name":2888,"color":2872},{"name":2918,"color":2875},{"name":2890,"color":2875},4284,"Trending collections on Basilisk","2022-11-10T10:00:55Z","https://github.com/kodadot/nft-gallery/issues/4284",0.72499645,{"description":2951,"labels":2952,"number":2959,"owner":2877,"repository":2878,"state":2879,"title":2960,"updated_at":2961,"url":2962,"score":2963},"There are still some leftovers from roccoco implementation which need to be adjusted, I may have forgotten something:\r\n\r\ncollections on-hover:\r\n\r\ncollections history tab:\r\n\r\ngallery item history tab:\r\n\r\nprofile stats:\r\n\r\nprofile history + sales, offers made, etc. -> check all tabs\r\n\r\nnavbar profile dropdown -> here we could show both in some sensical way:\r\n\r\n",[2953,2956,2957],{"name":2954,"color":2955},"bug","d73a4a",{"name":2868,"color":2869},{"name":2958,"color":2875},"A-basilisk",3896,"Changing BSX to KSM on /snek","2022-09-05T08:54:20Z","https://github.com/kodadot/nft-gallery/issues/3896",0.72696733,{"description":2965,"labels":2966,"number":2972,"owner":2877,"repository":2878,"state":2879,"title":2973,"updated_at":2974,"url":2975,"score":2976},"The functionality of navbarV2 on mobile is already as same as that on pc. However, there still more need to be done on mobile according to the redesign Figma. \r\nBecause UI structure and interaction are quite different from pc, we should implement a new component `MobileNavbarDropdown` according to `Navbar` component.\r\n\r\n\r\nnow:\r\n\u003Cimg width=\"309\" alt=\"image\" src=\"https://user-images.githubusercontent.com/31397967/196070205-b44c2d40-488f-4386-94af-38fe8ecd828a.png\">\r\n\r\nfigma: https://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=0%3A1\r\n\u003Cimg width=\"734\" alt=\"image\" src=\"https://user-images.githubusercontent.com/31397967/196070774-2a83c3d9-8a14-4cd6-84ed-62f938be7ea9.png\">\r\n\r\n## Ref\r\n- #4196 \r\n\r\n_Originally posted by @Jarsen136 in https://github.com/kodadot/nft-gallery/issues/4063#issuecomment-1280153177_\r\n ",[2967,2969,2970,2971],{"name":2968,"color":2869},"$$",{"name":2888,"color":2872},{"name":2920,"color":2875},{"name":2905,"color":2906},4125,"redesign neobrutalism of navbarV2 on mobile","2022-12-16T13:18:21Z","https://github.com/kodadot/nft-gallery/issues/4125",0.72716594,{"description":2978,"labels":2979,"number":2984,"owner":2877,"repository":2878,"state":2879,"title":2985,"updated_at":2986,"url":2987,"score":2988},"to follow up from:\r\n- https://github.com/kodadot/nft-gallery/issues/3463\r\n\r\n\r\n\"We can put it under the Stats dropdown in the navbar with the name Offers.\r\n\r\nLater it becomes the replacement for current stats\"\r\n\r\nCurrently, we have two routes where one is covering the functionality of the other minus the stats on the top of the page\r\n\r\nhttps://beta.kodadot.xyz/snek/offers\r\nhttps://beta.kodadot.xyz/snek/stats\r\n\r\nThis could be merged together + redesigned to satisfy the UX needs, hence @roiLeo comments in \r\n- #3852 \r\n\r\nBefore somebody starts working on this, we would need to have clear idea on how this should look and work, I'm labeling this as `research` for now, suggestions about the final layout are more than welcome (just grabbing the stats and putting them above the /offers current layout doesn't feel right)",[2980,2981,2983],{"name":2968,"color":2869},{"name":2982,"color":2875},"A-research",{"name":2958,"color":2875},3967,"Master Offers v3","2024-01-22T12:37:22Z","https://github.com/kodadot/nft-gallery/issues/3967",0.7273682,{"description":2990,"labels":2991,"number":2999,"owner":2877,"repository":2878,"state":2879,"title":3000,"updated_at":3001,"url":3002,"score":3003},"I had some ideas about the main gallery page to help make it a bit more informative. I know many of these ideas are being worked on (or have already been updated since I made this yesterday) and are listed in other issues, but sometimes its helpful to look at the big picture. This builds on Issue kodadot/nft-gallery#60. I'm a designer/artist so I made a quick mockup first and then wrote this stuff to explain my thoughts.\r\n\r\n\r\n**Thumbnail Preview**\r\nAt the moment, each preview only shows the NFT's title. It would be cool if we had the following:\r\n\r\n- Artist Name: This could be the pseudonym identity (if the artist has one) or the address. Maybe the address only gets shown if there is a pseudonym as an incentive, but even showing the address gives good incentive to the artist to verify their identity.\r\n- Edition Number: I think this may have already been solved this morning! Great work! This greatly helps declutter the interface with what looks like duplicates.\r\n- Price: If the NFT is for sale, it lists the sale price in KSM and USD (maybe there is a setting for this tied to the user's profile so that users always see the conversion in their preferred currency). If NFT isn't for sale, this field is blank. \r\n\r\n**Search/Filter Menus**\r\nIt would be great to be able to filter/sort the gallery (Issues kodadot/nft-gallery#35 & kodadot/nft-gallery#49) by things like:\r\n\r\n- Recently Sold\r\n- For Sale\r\n- Patronage\r\n- Editions of 1\r\n- Price\r\n- File Type\r\n\r\nOr to search the Gallery by:\r\n\r\n- Tags\r\n- Artist Name\r\n- Color\r\n- File Type\r\n\r\n**Top Left Menu**\r\nI put more externally focused major things here:\r\n\r\n- Gallery: Brings you back or reloads the main Gallery\r\n- Artist: Views Gallery based on collections by Artist (Issue kodadot/nft-gallery#157). Lists one image per artist. This would be defined by the info listed in their profile:\r\n\r\n> - image that represents their entire work\r\n> - metadata pulled from pseudonym identity like social links and name (Issue kodadot/nft-gallery#134 )\r\n> - others that could simply be text fields like a bio or artist statement\r\n> - List of NFTs by the artist sorted by collection\r\n\r\nOn each Artist preview thumbnail, it could show the chosen header image for that artist and maybe metadata about the work like the number of minted pieces, number sold, number currently for sale, etc. so users get a quite overview of the artist body of work (are they a longtime users with 100s of sold pieces or are they new to the market). This page could also be filtered/sorted so users could quickly discover new artists or artists that share certain tags.\r\n\r\n- Create: Brings users to existing Create page that clearly explains the creation process with links to helpful guides/videos. \r\n\r\n**Top Right Menus**\r\nI thought of these being more internally focused. \r\n\r\n- Profile: This would be the Profile of the user (artist/buyer/both). You could see your own collection of minted work or collection of work you have bought. And this is where you could update all of the artist metadata (bio, statement).\r\n- Buy $KSM: quick way to buy KSM via credit card. I know this is already (partially) working, but it's a bit hidden. Since this market specifically and the larger NFT space is still new for lots of people, having a quick and very visible way to add funds and buy seems like a useful link that should get top billing. Even better would be adding credit purchase directly into buying (Issue kodadot/ideas#2).\r\n- About Kodadot: Backstory of Kodadot, links to tutorials, Github, Medium, FAQ on low-carbon minting, etc.\r\n",[2992,2995,2996],{"name":2993,"color":2994},"UX first","7057ff",{"name":2868,"color":2869},{"name":2997,"color":2998},"redesign-seeds","053A03",225,"Kodadot Home UX","2021-08-24T08:39:35Z","https://github.com/kodadot/nft-gallery/issues/225",0.73016745,["Reactive",3005],{},["Set"],["ShallowReactive",3008],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOgnSApKnV3yA7Z0miix_bFxewFkFgw8_gEzYAKI3x5E":-1},"/kodadot/nft-gallery/2344"]