Implement the cTrees screen of the landing page. This is a section to introduce people to top collaboration trees and elements from cTrees to try and get them interested. The first section should include sample elements from different cTrees, with the name and icon of the cTree below (linking to the cTree), to try and draw the user's attention, similar to the Hot & New Businesses section on yelp.com. The next section should be like the contents of the nav drawer, showing a search bar with some top collaboration trees listed below. Typing in the search bar would replace the default collaboration trees shown with search suggestions (clearing search goes back to the same suggestions). Clicking a collaboration tree will take the user to it, including suggested items from search.
The cTrees listed and returned by search should all be hard coded as data objects. This does NOT include pulling in data from the loader.
The wireframes and comps provided for other landing page issues do NOT correctly represent the way this should be designed. Please follow the description above instead.
Implement the cTrees screen of the landing page. This is a section to introduce people to top collaboration trees and elements from cTrees to try and get them interested. The first section should include sample elements from different cTrees, with the name and icon of the cTree below (linking to the cTree), to try and draw the user's attention, similar to the Hot & New Businesses section on yelp.com. The next section should be like the contents of the nav drawer, showing a search bar with some top collaboration trees listed below. Typing in the search bar would replace the default collaboration trees shown with search suggestions (clearing search goes back to the same suggestions). Clicking a collaboration tree will take the user to it, including suggested items from search.
The cTrees listed and returned by search should all be hard coded as data objects. This does NOT include pulling in data from the loader.
Please base your changes on the develop-landing-page branch.
The wireframes and comps provided for other landing page issues do NOT correctly represent the way this should be designed. Please follow the description above instead.