\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)",[2007,2009,2010,2011],{"name":2008,"color":1989},"p2",{"name":1991,"color":1992},{"name":1994,"color":1995},{"name":2012,"color":2013},"redesign","227120",3844,"Redesign Landing page","2022-10-19T15:38:37Z","https://github.com/kodadot/nft-gallery/issues/3844",0.6529714,{"description":2020,"labels":2021,"number":2023,"owner":1997,"repository":1998,"state":1999,"title":2024,"updated_at":2025,"url":2026,"score":2027},"### Is your feature request related to a problem?\n\nOriginial issue: #4090\r\ncurrent status: \r\n\r\nthe design: \r\n\r\non page https://beta.kodadot.xyz/?page=1&redesign=true&search= there are no trading results when focusing on the search bar or pressing \"K\" \r\n- Hover effect missing on all cards\r\n- White mode hover effect: accent light 2\r\n- dark mode hover effect: `#363234`\r\ndemo: \r\n\r\nhttps://user-images.githubusercontent.com/90852205/196341528-db33d7f7-9cc5-4180-81ad-7ec1e7b8b3be.mp4\r\n\r\n\r\n### Missing info on collections\r\n\r\n- floor and units\r\n### Selection\r\n\r\nhow it should look like: \r\n\r\n- there is no hover effect on the text. It's not the nav section. When active - bold text\r\n\r\n\"see all\"\r\n- it should have only the hover effect - bold, not changing any color. \r\n\r\n\r\n\r\n\r\n\r\n\n\n### Describe the solution you would like\n\n.\n\n### Describe alternatives you have considered\n\n.\n\n### Screeenshots\n\n_No response_\n\n### Are there opened related issues?\n\n_No response_",[2022],{"name":1985,"color":1986},4136,"Redesign Search bar/results leftover fixes","2022-10-25T09:37:16Z","https://github.com/kodadot/nft-gallery/issues/4136",0.6575364,{"description":2029,"labels":2030,"number":2034,"owner":1997,"repository":1998,"state":1999,"title":2035,"updated_at":2036,"url":2037,"score":2038},"Maybe it would be nice to redesign hovercard to neobrutalism as well.\r\n\r\nProbably we can add it to landing page.\r\n\r\nCurrently would be interesting add to showing art under address created or collected. \r\n\r\n\r\n\r\n\u003Cimg width=\"373\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/196003090-a800c15a-7fc9-42e7-a5eb-3cf8bdc76d8a.png\">\r\n\r\n\u003Cimg width=\"378\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/196003063-9546aa9b-ed9c-4089-8078-7c5b690d2f2f.png\">\r\n\r\n\r\n## Ref\r\n- https://hic.af/",[2031,2033],{"name":2032,"color":1989},"p3",{"name":2012,"color":2013},4117,"New hover card ","2022-11-16T13:03:20Z","https://github.com/kodadot/nft-gallery/issues/4117",0.66762805,{"description":2040,"labels":2041,"number":2049,"owner":1997,"repository":1998,"state":1999,"title":2050,"updated_at":2051,"url":2052,"score":2053},"I guess it's a small component, but it's really cutting my eyes now having round stuff 😅\r\n\r\nOnce @exezbcz provide the design, we can start working on that :)\r\n\r\nhttps://beta.kodadot.xyz/bsx/explore/?page=2\r\n\u003Cimg width=\"97\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/198827309-f0ce7615-92cf-44d3-9368-4a7b5b79cced.png\">\r\n",[2042,2045,2046,2048],{"name":2043,"color":2044},"$","0E8A16",{"name":2008,"color":1989},{"name":2047,"color":1992},"A-explorer",{"name":2012,"color":2013},4204,"Redesign scroll up button","2022-11-01T14:40:56Z","https://github.com/kodadot/nft-gallery/issues/4204",0.67812085,{"description":2055,"labels":2056,"number":2059,"owner":1997,"repository":1998,"state":1999,"title":2060,"updated_at":2061,"url":2062,"score":2063},"Before we release, we would like to polish the very last cosmetic issues\r\n\r\n## Searchbar\r\nAt the search bar, the link should navigate to explorer view like when click on Basilisk will land at https://beta.kodadot.xyz/bsx/explore/ , not changing the network and keeping user on landing - same with explore hover popup\r\n\r\n\u003Cimg width=\"705\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/198090736-8b85809e-b324-4cf0-9204-c8bf4ea0564b.png\">\r\n\r\n## search bar results\r\nsome weird stuff happening when searching with search bar in navbar\r\n\r\n\r\n## Navbar \r\n- navbar on scroll, if you scroll outside of the navbar section in the hero range, should look like this: \r\n\r\n- it should also have white fill.\r\n\r\nsummary: \r\n1) remove blur bg, add white\r\n2) add other buttons like in the default navbar\r\n\r\n## Top collections \r\nStroke around the collection icon like is in search bar \r\n\u003Cimg width=\"208\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/198091790-29faf698-a004-43e7-8958-db99636bccd1.png\">\r\nvs\r\n\u003Cimg width=\"187\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/198091733-31e5fc93-a5af-416f-8422-76b483cfe81d.png\">\r\n\r\n### Basilisk\r\nWe are missing top collection for BSX \r\n\r\n## Subscribe button\r\ndesign: \r\n\r\nbeta: \r\n\r\n## Dark mode\r\nlines that seperates containers are white, not black. \r\nbeta: \r\n\r\ndesign: \r\n\r\n\r\n## Mobile\r\n\r\n- #4125 \r\n\r\n",[2057,2058],{"name":2008,"color":1989},{"name":1991,"color":1992},4185,"Neobrutalism landing page release","2022-11-05T12:49:21Z","https://github.com/kodadot/nft-gallery/issues/4185",0.67814755,{"description":2065,"labels":2066,"number":2071,"owner":1997,"repository":1998,"state":1999,"title":2072,"updated_at":2073,"url":2074,"score":2075},"\"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",[2067,2068,2069],{"name":2043,"color":2044},{"name":2008,"color":1989},{"name":2070,"color":1992},"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.6795953,{"description":2077,"labels":2078,"number":2085,"owner":1997,"repository":1998,"state":1999,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Spec\r\n- remove from footer substack, telegram, reddit (as we don't maintain them right now) Pic1\r\n- add to footer https://docs.kodadot.xyz as Documentation \r\n\r\n```graphql\r\nquery lastListed {\r\n events(limit: 20, where:{ interaction_eq: LIST }, orderBy: blockNumber_DESC) {\r\n meta\r\n nft {\r\n name\r\n meta {\r\n image\r\n }\r\n }\r\n }\r\n}\r\n```\r\n\r\n\r\n\r\n###\r\nBeing done in #2172 \r\n- [x] add shadows to the buttons [Create,...,What Are NFTs] -- buttons are gone meanwhile\r\n- [x] copy box Recent Sales over and add showing newest NFTs for sale in the same format\r\n- [x] put inside the last three NFT items previews where sales have happened once the user came to the site\r\n- [x] collection detail could be like is at gallery feed, check pt3 \r\n- [x] in the recent sales box add the text \"Recently Sold\" so newcomers will know\r\n- [x] remove CTA text from homepage__box, make it extended, add shadow there as well\r\n- [x] remove background\r\n- [x] clicking on NFTs will lead you to NFT item detail \r\n\r\npt1\r\n\r\n\r\npt2\r\n\r\n\r\npt3\r\n\r\n\r\n### Ref\r\n- #876 bit start for this\r\n- #1596 \r\n- https://github.com/kodadot/nft-gallery/issues/2180",[2079,2080,2081,2082],{"name":2043,"color":2044},{"name":2008,"color":1989},{"name":1991,"color":1992},{"name":2083,"color":2084},"v2.2","6AC658",2018,"Rework landing page a bit - add recent mints for sale","2022-02-21T12:21:46Z","https://github.com/kodadot/nft-gallery/issues/2018",0.6800338,{"description":2091,"labels":2092,"number":2095,"owner":1997,"repository":1998,"state":1999,"title":2096,"updated_at":2097,"url":2098,"score":2099},"We fall bit in Craig list pit and need reflect new stuff on landing page which is Artist Spotlight -- it's more like directory but duh whatever works and Series Insights which got lot of visits these days, probably not much ppl know about it still \r\n\r\nI would propose to remove all unnecessary texts and keep it lean as ppl need land it and start being impressed by good collections where curation feed will land. Then we need ease audience enable easy joining our Discord, that's where widget should come in as powerful move.\r\n\r\nFor sake of onboarding, highlighting tutorials would be good as some people working on #725 and other onboarding materials\r\n\r\nMajor ones\r\n- #583 \r\n- #876 \r\n\r\n### Charts\r\nWhat we should add there is (inspired by Singular 🥺 )\r\n- 6-8-9 list of a top artist with identity by traded volume for the last 7d of their artwork?\r\n- 6-8-9 top collectors - accounts who did most buyouts for last 7d \r\n\r\n### Outline of landing\r\n\r\n- Curation feed #876 \r\n- Recent NFTs for Sale\r\n- Charts - Artits by Volume, Collectors by buys, both for last 7d\r\n\r\n\r\nCheck for issues labelled landing https://github.com/kodadot/nft-gallery/issues?q=is%3Aissue+is%3Aopen+label%3Alanding+\r\n\r\n@xylodrone can help on this",[2093],{"name":2094,"color":1989},"p4",899,"Landing refresh v2, avoiding Craiglist pit","2022-05-08T12:14:57Z","https://github.com/kodadot/nft-gallery/issues/899",0.6844078,{"description":2101,"labels":2102,"number":2110,"owner":1997,"repository":1998,"state":1999,"title":2111,"updated_at":2112,"url":2113,"score":2114},"Although not a major update, it will improve the user interface perspective in upcoming explore and collection detail releases.\r\n\u003Cimg width=\"278\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207564753-4628a901-0ba9-466d-9acb-924a4bc801b2.png\">\r\n\r\n- new figma file: explore v0.9, new components - https://www.figma.com/file/OwAEyE0QDPn3tHXZbyot1o/Explore-v0.9?node-id=0%3A1&t=Mp5WHz4Ig8kbcIsy-1\r\n- dynamic scalling, i think currently we have pretty good working version on the landing page. \r\n- screenshot is only the minimum size card. Its meant for #4444 - keeping the gutter fixed and based on the minimum card size changing the amount of the cards. \r\n\r\n- the card will scale up same as the current one. Keeping the font sizes (16px and 12px) \r\n- fixed padding, also the same. \r\n\r\n### hover effects\r\n- on nft name - changing from k-black to k-hovergrey, in darkmode from k-white to k-shade, there should then popup nft card #4340 \r\n- on \"collection\"- changing from grey to black, in dark mode to k-white (from the same color)\r\n\r\nbasically we are only changing the text inside and its color. \r\n\r\n",[2103,2104,2105,2106,2107],{"name":2043,"color":2044},{"name":2032,"color":1989},{"name":2047,"color":1992},{"name":2012,"color":2013},{"name":2108,"color":2109},"visual change","6CDDCE",4496,"New NFT card ","2022-12-22T11:29:03Z","https://github.com/kodadot/nft-gallery/issues/4496",0.68773234,["Reactive",2116],{},["Set"],["ShallowReactive",2119],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Fa-lj7F6B6KCd73OXIsN-sPyNVdcZHUzXSeXkKW1dHA":-1},"/kodadot/nft-gallery/4090"]