Component divide and conquer

[mattam]

Components:

Main Page

• Slide show : <SlideShow step={1} slides={[image array]} /> : A display component which will receive a :number prop of which slide to show. The :number basically is which step has been completed by the user, so we'll want to show the slide detail with that step. The image source needs to be stored locally (not from network request).
• Tour Summary card: <TourSummary title={"Tour Summary"} summary={"something to show"} thumbs={[image array]} /> : This card will display the summary of the tour so that the user has a quick idea of what the tour will be like.
• TourList card: <TourList items={[items array]} />
  • LocationItem card: <LocationItem title={"Land's End"} summary={"location summary"} thumb={image thumb} index={1} /> : Link out from this item to the Card.
  • TransitionItem card: <TransitionItem directions={"transition directions" iconType={"LEFT_ARROW"} />

Detail View

• Banner image: <Banner title={"Land's End"} image={image source} />
• Location Summary: <LocationSummary summary={"some text"} thumb={image thumb} />
• Section Card: <Section title={"Section title"} text={"section text"} index={1} /> : Need to think through how the Read More details link will work. Will it be an accordion, or a further detail view?