\r\n\r\n## Hero section\r\n- big change: hero section is becoming one big banner, with the name, social buttons and profile picture on top. \r\n- there should be also option to upload this banner, issue already created, I will try to add designs as soon as possible.\r\n- #4983 \r\n\r\n- banner on desktop has 1440*560, it would be also recommended size for the customization - its also used on collection cards. It has quite close aspect ration\r\n- over banner is applied black gradient with lowered opacity, see figma\r\n\r\n\r\n\r\n\r\n## Hero Buttons: \r\n- first section are buttons of the collection, mainly socials and website.\r\n- Then there is share button and more options - they are divided to make clear that they are not associated with the specific collection \r\n - Share button is pretty clear, more options button is in case visitor - report button, and in case of owner its going to be a customize and other functionalities we already offer. \r\n\r\n\r\n\r\n## Under banner section\r\n- Creator - blue link with address/identity\r\nunder which is collection description\r\n\r\n\r\nright are stats, 2 columns, 3 rows\r\n- see figma for exact margin and padding\r\n\r\n\r\n## Collection Menubar - Controls\r\n\r\n\r\n- looks really similar compared to explore, only difference here is the collection offer, which we haven´t implemented yet, but there is made place for the future :D \r\n- Items and Activity switcher - with checkmark as on explore, activity tab tbd\r\n- section on mobile looks like this:\r\n\r\n\r\n## Burger menu/sidebar\r\n- really similar to the explore page one. \r\n- sticky to the top\r\n- There are trait selectors \r\n - the button itself is showing how many options are in the dropdown\r\n - basic check and then number of items having this trait\r\n\r\n\r\n## Breadcrumbs\r\n\r\n- buy now is by default\r\n- then showing how many items are there\r\n- option to clear all\r\n- margin is 24px top and 24px bottom (from the text)\r\n\r\n## Items\r\n- applied dynamic grid\r\n- #4444 \r\n- otherwise basic cards used on explore or landing page \r\n\r\n- we can maybe customize them later but I think we can keep the collection name in there. \r\n\r\n## Mobile \r\n\r\n\r\n- hero items still in the banner container\r\n- socials are collapsed to max 3 icons\r\n- under banner is description and stats\r\n- collapsed control section - almost like on explore\r\n- smaller cards - same as on explore\r\n- burger menu will work like this\r\n\r\n\r\n## Dark mode\r\n- Using same system for dark mode like on other pages, that means that borders are usually changing from black to white and the dropshadow as well, if something is not clear feel free to ping.\r\n\r\n## Others\r\n- whole page works like infinity scroll\r\n- burger menu is sticky to the top\r\n- no footer\r\n\r\nQ&A\r\n---\r\nIf you have any questions, please let me know. \r\nI appreciate feedback and pointing up items I may need to look into.\r\nThanks! \r\n",[3189,3191,3193],{"name":3190,"color":3161},"p2",{"name":3192,"color":3164},"A-collection",{"name":3194,"color":3195},"redesign","227120",5000,"Collection Redesign","2025-08-26T11:27:27Z","https://github.com/kodadot/nft-gallery/issues/5000",0.71900713,{"description":3202,"labels":3203,"number":3214,"owner":3146,"repository":3166,"state":3167,"title":3215,"updated_at":3216,"url":3217,"score":3218},"I recall we had working search suggestions? https://github.com/kodadot/nft-gallery/pull/1576\r\n\r\nyou can try it here https://deploy-preview-1576--koda-nuxt.netlify.app/rmrk/gallery?page=2196 search for \"kusama\" for example\r\n\r\n\r\n\r\nSearch is broken as well https://beta.kodadot.xyz/rmrk/gallery/?search=kusama&page=10\r\n\r\n### Ref \r\n- #1612 ",[3204,3207,3208,3211,3213],{"name":3205,"color":3206},"bug","d73a4a",{"name":3157,"color":3158},{"name":3209,"color":3210},"p1","D93F0B",{"name":3212,"color":3164},"A-nuxt",{"name":3179,"color":3180},1655,"Search input suggestion and history seems broken/gone","2022-03-20T10:44:09Z","https://github.com/kodadot/nft-gallery/issues/1655",0.7219187,{"description":3220,"labels":3221,"number":3228,"owner":3146,"repository":3166,"state":3167,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Is your feature request related to a problem?\n\nI'm always frustrated when [i can't find a collection, even if i know its name]\n\n### Describe the solution you would like\n\nI would like to see an option to search like we have when exploring the gallery\n\n### Describe alternatives you have considered\n\na search bar \n\n### Screeenshots\n\n\r\n",[3222,3223,3224,3226],{"name":3176,"color":3177},{"name":3163,"color":3164},{"name":3225,"color":3164},"A-profile",{"name":3227,"color":3164},"A-explorer",1231,"Add the Option to search for the name on the collection","2022-04-01T14:07:00Z","https://github.com/kodadot/nft-gallery/issues/1231",0.7230946,{"description":3234,"labels":3235,"number":3241,"owner":3146,"repository":3166,"state":3167,"title":3242,"updated_at":3243,"url":3244,"score":3245},"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",[3236,3237,3238,3239],{"name":3157,"color":3158},{"name":3190,"color":3161},{"name":3163,"color":3164},{"name":3240,"color":3164},"A-landing",4284,"Trending collections on Basilisk","2022-11-10T10:00:55Z","https://github.com/kodadot/nft-gallery/issues/4284",0.72332805,{"description":3247,"labels":3248,"number":3254,"owner":3146,"repository":3166,"state":3167,"title":3255,"updated_at":3256,"url":3257,"score":3258},"- add history icon on the left, in this case in front of \"kusama\"\r\n- add \"X\" icon on the highlight to remove past searches, check how it works in the history browser component\r\n- While searching just the term, show it as a suggestion, see pic2 to suggest people term but not particular NFT item, add search icon before the term\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n### Ref\r\n- #1824 \r\n- #1839 \r\n- #1840 \r\n",[3249,3250,3251],{"name":3157,"color":3158},{"name":3160,"color":3161},{"name":3252,"color":3253},"v2.2","6AC658",1837,"Search upgrades v1.1","2022-01-24T10:08:20Z","https://github.com/kodadot/nft-gallery/issues/1837",0.72391504,{"description":3260,"labels":3261,"number":3268,"owner":3146,"repository":3166,"state":3167,"title":3269,"updated_at":3270,"url":3271,"score":3272},"\u003Cimg width=\"1436\" alt=\"Screenshot 2022-08-26 at 15 56 04\" src=\"https://user-images.githubusercontent.com/5887929/186920082-9c03b4dd-ae75-4abf-8318-aae482ccf6e8.png\">\r\n\r\nWe've been working quite a while on a new design, and we will start rolling with a new one as mentioned in https://github.com/kodadot/nft-gallery/discussions/3710\r\nThis issue is in the draft, and I will gradually add descriptions of particular sections. \r\n\r\n@exezbcz will drop some more wisdom I've forgot and help you guide through\r\n- mobile description coming\u003Csup>soon\u003C/sup>\r\n\r\n\u003Cimg src=\"https://media1.giphy.com/media/l0HlFFTVOQz0bKYJG/giphy.gif\"/>\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)",[3262,3263,3264,3267],{"name":3190,"color":3161},{"name":3240,"color":3164},{"name":3265,"color":3266},"chief","67EA1F",{"name":3194,"color":3195},3844,"Redesign Landing page","2022-10-19T15:38:37Z","https://github.com/kodadot/nft-gallery/issues/3844",0.72883445,{"description":3274,"labels":3275,"number":3281,"owner":3146,"repository":3166,"state":3167,"title":3282,"updated_at":3283,"url":3284,"score":3285},"## Top collections\r\n- On the bigger screens, there are 3 columns next to each other of top/trending collection cards. \r\n\r\n- In the design, there are only 2. \r\n- content inside card: \r\n\r\nnow it's missing network, USD volume, and % change. \r\n\r\n- missing filters for the time period and network. \r\n- \"see more link\" should be on hover similarly to the nav bar/footer links. \r\n- https://github.com/kodadot/nft-gallery/issues/4185#issuecomment-1295015373\r\n\r\n## Tasks\r\n- https://github.com/kodadot/nft-gallery/issues/4265\r\n- https://github.com/kodadot/nft-gallery/issues/4380\r\n- https://github.com/kodadot/nft-gallery/issues/4264\r\n- https://github.com/kodadot/nft-gallery/issues/4266\r\n\r\n\r\n_Originally posted by @exezbcz in https://github.com/kodadot/nft-gallery/issues/4090#issuecomment-1303984638_\r\n ",[3276,3277,3278,3279],{"name":3190,"color":3161},{"name":3240,"color":3164},{"name":3265,"color":3266},{"name":3280,"color":3164},"A-multi-chain",4263,"Redesign: Top collection data on landing leftovers","2023-04-17T09:39:11Z","https://github.com/kodadot/nft-gallery/issues/4263",0.7298549,["Reactive",3287],{},["Set"],["ShallowReactive",3290],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLkXBvvMrvAG4O-z8xXiy61j0RXAgBM441prkzpfoLy4":-1},"/kodadot/nft-gallery/4141"]