diff --git a/docs/images/how-to-use/book-desktop.png b/docs/images/how-to-use/book-desktop.png
new file mode 100644
index 00000000..180bb354
Binary files /dev/null and b/docs/images/how-to-use/book-desktop.png differ
diff --git a/docs/images/how-to-use/book-no-orders.png b/docs/images/how-to-use/book-no-orders.png
new file mode 100644
index 00000000..8d900b4c
Binary files /dev/null and b/docs/images/how-to-use/book-no-orders.png differ
diff --git a/docs/images/how-to-use/book-phone.png b/docs/images/how-to-use/book-phone.png
new file mode 100644
index 00000000..a911253c
Binary files /dev/null and b/docs/images/how-to-use/book-phone.png differ
diff --git a/docs/images/how-to-use/book-show-columns.png b/docs/images/how-to-use/book-show-columns.png
new file mode 100644
index 00000000..1178cf42
Binary files /dev/null and b/docs/images/how-to-use/book-show-columns.png differ
diff --git a/docs/images/how-to-use/book-tap-1.png b/docs/images/how-to-use/book-tap-1.png
new file mode 100644
index 00000000..697b96e1
Binary files /dev/null and b/docs/images/how-to-use/book-tap-1.png differ
diff --git a/docs/images/how-to-use/book-tap-2.png b/docs/images/how-to-use/book-tap-2.png
new file mode 100644
index 00000000..02b126fc
Binary files /dev/null and b/docs/images/how-to-use/book-tap-2.png differ
diff --git a/docs/images/how-to-use/contract-box-1.png b/docs/images/how-to-use/contract-box-1.png
new file mode 100644
index 00000000..2ceda4e9
Binary files /dev/null and b/docs/images/how-to-use/contract-box-1.png differ
diff --git a/docs/images/how-to-use/contract-box-10.png b/docs/images/how-to-use/contract-box-10.png
new file mode 100644
index 00000000..5b6473e6
Binary files /dev/null and b/docs/images/how-to-use/contract-box-10.png differ
diff --git a/docs/images/how-to-use/contract-box-11.png b/docs/images/how-to-use/contract-box-11.png
new file mode 100644
index 00000000..0e500ac4
Binary files /dev/null and b/docs/images/how-to-use/contract-box-11.png differ
diff --git a/docs/images/how-to-use/contract-box-12.png b/docs/images/how-to-use/contract-box-12.png
new file mode 100644
index 00000000..b087be3c
Binary files /dev/null and b/docs/images/how-to-use/contract-box-12.png differ
diff --git a/docs/images/how-to-use/contract-box-13.png b/docs/images/how-to-use/contract-box-13.png
new file mode 100644
index 00000000..4ad70853
Binary files /dev/null and b/docs/images/how-to-use/contract-box-13.png differ
diff --git a/docs/images/how-to-use/contract-box-14.png b/docs/images/how-to-use/contract-box-14.png
new file mode 100644
index 00000000..183082bb
Binary files /dev/null and b/docs/images/how-to-use/contract-box-14.png differ
diff --git a/docs/images/how-to-use/contract-box-15.png b/docs/images/how-to-use/contract-box-15.png
new file mode 100644
index 00000000..9aaf8967
Binary files /dev/null and b/docs/images/how-to-use/contract-box-15.png differ
diff --git a/docs/images/how-to-use/contract-box-16.png b/docs/images/how-to-use/contract-box-16.png
new file mode 100644
index 00000000..45860223
Binary files /dev/null and b/docs/images/how-to-use/contract-box-16.png differ
diff --git a/docs/images/how-to-use/contract-box-17.png b/docs/images/how-to-use/contract-box-17.png
new file mode 100644
index 00000000..6938c9f0
Binary files /dev/null and b/docs/images/how-to-use/contract-box-17.png differ
diff --git a/docs/images/how-to-use/contract-box-18.png b/docs/images/how-to-use/contract-box-18.png
new file mode 100644
index 00000000..517a8c5d
Binary files /dev/null and b/docs/images/how-to-use/contract-box-18.png differ
diff --git a/docs/images/how-to-use/contract-box-19.png b/docs/images/how-to-use/contract-box-19.png
new file mode 100644
index 00000000..a46cf673
Binary files /dev/null and b/docs/images/how-to-use/contract-box-19.png differ
diff --git a/docs/images/how-to-use/contract-box-2.png b/docs/images/how-to-use/contract-box-2.png
new file mode 100644
index 00000000..34126ff3
Binary files /dev/null and b/docs/images/how-to-use/contract-box-2.png differ
diff --git a/docs/images/how-to-use/contract-box-3.png b/docs/images/how-to-use/contract-box-3.png
new file mode 100644
index 00000000..4878f089
Binary files /dev/null and b/docs/images/how-to-use/contract-box-3.png differ
diff --git a/docs/images/how-to-use/contract-box-4.png b/docs/images/how-to-use/contract-box-4.png
new file mode 100644
index 00000000..0ebceec8
Binary files /dev/null and b/docs/images/how-to-use/contract-box-4.png differ
diff --git a/docs/images/how-to-use/contract-box-5.png b/docs/images/how-to-use/contract-box-5.png
new file mode 100644
index 00000000..4dce72a5
Binary files /dev/null and b/docs/images/how-to-use/contract-box-5.png differ
diff --git a/docs/images/how-to-use/contract-box-6.png b/docs/images/how-to-use/contract-box-6.png
new file mode 100644
index 00000000..98f608eb
Binary files /dev/null and b/docs/images/how-to-use/contract-box-6.png differ
diff --git a/docs/images/how-to-use/contract-box-7.png b/docs/images/how-to-use/contract-box-7.png
new file mode 100644
index 00000000..08361a59
Binary files /dev/null and b/docs/images/how-to-use/contract-box-7.png differ
diff --git a/docs/images/how-to-use/contract-box-8.png b/docs/images/how-to-use/contract-box-8.png
new file mode 100644
index 00000000..b91a8f0f
Binary files /dev/null and b/docs/images/how-to-use/contract-box-8.png differ
diff --git a/docs/images/how-to-use/contract-box-9.png b/docs/images/how-to-use/contract-box-9.png
new file mode 100644
index 00000000..3ac78c09
Binary files /dev/null and b/docs/images/how-to-use/contract-box-9.png differ
diff --git a/docs/images/how-to-use/homepage-1.png b/docs/images/how-to-use/homepage-1.png
new file mode 100644
index 00000000..b0c74c4b
Binary files /dev/null and b/docs/images/how-to-use/homepage-1.png differ
diff --git a/docs/images/how-to-use/homepage-2.png b/docs/images/how-to-use/homepage-2.png
new file mode 100644
index 00000000..8b344019
Binary files /dev/null and b/docs/images/how-to-use/homepage-2.png differ
diff --git a/docs/images/how-to-use/homepage-3.png b/docs/images/how-to-use/homepage-3.png
new file mode 100644
index 00000000..d8066a38
Binary files /dev/null and b/docs/images/how-to-use/homepage-3.png differ
diff --git a/docs/images/how-to-use/homepage-buttons.png b/docs/images/how-to-use/homepage-buttons.png
new file mode 100644
index 00000000..b72488f5
Binary files /dev/null and b/docs/images/how-to-use/homepage-buttons.png differ
diff --git a/docs/images/how-to-use/maker-page.png b/docs/images/how-to-use/maker-page.png
new file mode 100644
index 00000000..d4d9d6ec
Binary files /dev/null and b/docs/images/how-to-use/maker-page.png differ
diff --git a/docs/images/how-to-use/order-page-1.png b/docs/images/how-to-use/order-page-1.png
new file mode 100644
index 00000000..c1cc1a97
Binary files /dev/null and b/docs/images/how-to-use/order-page-1.png differ