\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)",[2001,2002,2003,2006],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2004,"color":2005},"chief","67EA1F",{"name":2007,"color":2008},"redesign","227120",3844,"Redesign Landing page","2022-10-19T15:38:37Z","https://github.com/kodadot/nft-gallery/issues/3844",0.7213281,{"description":2015,"labels":2016,"number":2024,"owner":1991,"repository":1992,"state":1993,"title":2025,"updated_at":2026,"url":2027,"score":2028},"To keep easy continuous browsing experience, show user chevrons and keyboard shortcuts if there are more NFTs for a particular collection or particular artist\r\n\r\n### Spec\r\n- show user chevrons on hover\r\n- When the user opens NFT which is part of a bigger collection where is 1+ NFT, offer on gallery item detail right and left chevron on hover\r\n- Add keyboard shortcuts, on keys left and right.\r\n- prefetch two next and one previous NFT \r\n- Make it as a component.\r\n\r\n### Demo\r\nMake them a square background as the full-screen button has.\r\n\r\nLeft \r\n\r\n\r\nRight\r\n\r\n",[2017,2020,2022],{"name":2018,"color":2019},"$$","0E8A16",{"name":2021,"color":1989},"A-nuxt",{"name":2023,"color":1989},"A-item",1508,"Next and previous chevrons on NFT item detail ","2021-12-16T19:42:27Z","https://github.com/kodadot/nft-gallery/issues/1508",0.7260114,{"description":2030,"labels":2031,"number":2035,"owner":1991,"repository":1992,"state":1993,"title":2036,"updated_at":2037,"url":2038,"score":2039},"I noticed a few inconsistencies, so tried to name them down. \r\nWould be nice if we can have it merged with #2791 so we can push to production and make probably a release.\r\n\r\nIn the actions component, make borders top-border only and 1px, including input.\r\nThinking for Buy we could also try to have just top-border.\r\n\r\n\r\n\r\nSearch bar on input make top-border 1px, now it seems is 2px \r\n\r\n\r\nIn the profile dropdown, the logout button needs top-border 1px love\r\n\r\n\r\n\r\nOn the item detail, the control buttons remove top-border\r\n\r\n\r\n\r\non left and right arrow - top-border 1px \r\n\r\n\r\n\r\nLet's make Action, Chart, History top-border 1px as well \r\n\r\n\r\n\r\n\r\n\r\nEmoji button as well 1px \r\n\r\n\r\n",[2032,2034],{"name":2033,"color":2019},"$",{"name":1985,"color":1986},2806,"Match top-border style where we miss it","2022-04-09T10:03:09Z","https://github.com/kodadot/nft-gallery/issues/2806",0.7325868,{"description":2041,"labels":2042,"number":2045,"owner":1991,"repository":1992,"state":1993,"title":2046,"updated_at":2047,"url":2048,"score":2049}," # Dark mode feedback\r\n## Graphics\r\n\r\nsometimes the page loads like this. \r\n\r\n## Navbar \r\nplease remove the hover bg on the nav links: \r\n\r\nand also same as the nav links in white mode, they dont have any hover effect so lets keep it consistent and remove the hover effect in the darkmode too. \r\n- Connect button not uppercase - \"Connect\" \r\n## hover color\r\n\r\nthis one is too saturated and i think inherited from old version, please change it to the k-accent one. \r\n## Search bar\r\njust a minor improvement, for better accesability. On focus remove the text and just leave the cursor here. \r\n\r\n\r\n_Originally posted by @exezbcz in https://github.com/kodadot/nft-gallery/issues/4185#issuecomment-1297630782_\r\n ",[2043,2044],{"name":2033,"color":2019},{"name":1985,"color":1986},4244,"Redesign: Dark mode leftovers","2022-11-05T12:20:58Z","https://github.com/kodadot/nft-gallery/issues/4244",0.73588425,{"description":2051,"labels":2052,"number":2059,"owner":1991,"repository":1992,"state":1993,"title":2060,"updated_at":2061,"url":2062,"score":2063},"Seems we need to check on mobile issues with view port and navbar tho :)\r\n\r\n\r\nhttps://user-images.githubusercontent.com/5887929/196670975-071dff05-367b-4ac6-bc89-9e5e65e149d9.mov\r\n\r\n## Ref\r\n- https://github.com/kodadot/nft-gallery/issues/4125",[2053,2054,2057],{"name":2033,"color":2019},{"name":2055,"color":2056},"p1","D93F0B",{"name":2058,"color":1989},"A-mobile",4146,"Mobile landing on new neobrutalism design ","2022-10-19T15:35:36Z","https://github.com/kodadot/nft-gallery/issues/4146",0.73753554,{"description":2065,"labels":2066,"number":2072,"owner":1991,"repository":1992,"state":1993,"title":2073,"updated_at":2074,"url":2075,"score":2076},"we are still missing hover state on the most used button :D \r\n\r\n\r\n\r\n\r\n- components added into landing page handoff: https://www.figma.com/file/3iOjW12ERFRDSVnpLuhQmf/landing-page-handoff?node-id=0%3A1&t=9QqxISFa31geTWV9-1 (above navbar versions)\r\nit should be something like this \r\nfrom k-accent to k-white\r\nand in darkmode to k-darkmode\r\n\r\nIt also looks that there is just 6px padding, although there is 8px padding in the designs. Is the button going to be too big?",[2067,2069],{"name":2068,"color":1986},"p3",{"name":2070,"color":2071},"visual change","6CDDCE",4569,"Connect button hover state","2023-01-01T17:30:41Z","https://github.com/kodadot/nft-gallery/issues/4569",0.73949987,{"description":2078,"labels":2079,"number":2085,"owner":1991,"repository":1992,"state":1993,"title":2086,"updated_at":2087,"url":2088,"score":2089},"Hey, after some time, I am here with fresh designs for landing pages. I think it's not a very big change from the code perspective, but definitely from the visual one.\r\n\r\n\r\nThe question is, how do you want to export it? It's basically a blurred shape with a noise texture on top. Is there any way to apply noise texture to the layer above the blurred shapes? I will drop the frames into the landing page handoff so you can have a look.\r\nLmk",[2080,2081,2082,2083,2084],{"name":2033,"color":2019},{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2007,"color":2008},{"name":2070,"color":2071},4276,"Landing page visual change","2022-12-08T13:24:25Z","https://github.com/kodadot/nft-gallery/issues/4276",0.74120885,{"description":2091,"labels":2092,"number":2100,"owner":1991,"repository":1992,"state":1993,"title":2101,"updated_at":2102,"url":2103,"score":2104},"Took me a while to find out that those buttons were clickable: \r\n\r\nis there something we can do to make it more obvious? \r\n\r\ni do think it would be good if those profiles could be clickable and would redirect to clicked profile: \r\n\r\n\r\n@exezbcz \r\n\r\nafter #10160 ",[2093,2096,2099],{"name":2094,"color":2095},"enhancement","a2eeef",{"name":2097,"color":2098},"UX first","7057ff",{"name":2068,"color":1986},10165,"Followers UX improvements","2024-05-06T16:48:32Z","https://github.com/kodadot/nft-gallery/issues/10165",0.74256504,{"description":2106,"labels":2107,"number":2112,"owner":1991,"repository":1992,"state":1993,"title":2113,"updated_at":2114,"url":2115,"score":2116},"\"Rankings -->\" & See All -->\" don't follow the design like is on the landing page \r\n\r\n\r\n\r\n\r\n\r\nhow it should look like, same for See All \r\n\r\n\r\n",[2108,2109,2110],{"name":2033,"color":2019},{"name":1985,"color":1986},{"name":2111,"color":1989},"A-search",4259,"Rankings & See All in search bar outside of landing page doesn't follow design","2022-11-07T04:20:57Z","https://github.com/kodadot/nft-gallery/issues/4259",0.7434076,["Reactive",2118],{},["Set"],["ShallowReactive",2121],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"k8ZlQaOers5hGPlm3kSxh6bu6vLZVB-ZUAO3ZML1UEg":-1},"/kodadot/nft-gallery/4622"]