diff --git a/public/images/book-loan.svg b/public/images/book-loan.svg
new file mode 100644
index 0000000..67edeeb
--- /dev/null
+++ b/public/images/book-loan.svg
@@ -0,0 +1 @@
+<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 80 80" width="80px" height="80px">    <path d="M 27 7 L 27 36 L 29 36 L 29 37 C 29 38.64497 30.35503 40 32 40 L 45.505859 40 C 46.284666 41.745175 47.971465 43 50 43 C 52.028851 43 53.715042 41.74513 54.494141 40 L 68 40 C 69.64497 40 71 38.64497 71 37 L 71 36 L 73 36 L 73 7 L 53 7 C 51.789062 7 50.735556 7.5762461 50 8.4355469 C 49.264444 7.5762461 48.210938 7 47 7 L 27 7 z M 29 9 L 47 9 C 48.116666 9 49 9.8833339 49 11 A 1 1 0 0 0 50 12 A 1 1 0 0 0 51 11 C 51 9.8833339 51.883334 9 53 9 L 71 9 L 71 34 L 53 34 C 51.789062 34 50.735556 34.576246 50 35.435547 C 49.264444 34.576246 48.210938 34 47 34 L 29 34 L 29 9 z M 50 14 A 1 1 0 0 0 49 15 A 1 1 0 0 0 50 16 A 1 1 0 0 0 51 15 A 1 1 0 0 0 50 14 z M 50 18 A 1 1 0 0 0 49 19 A 1 1 0 0 0 50 20 A 1 1 0 0 0 51 19 A 1 1 0 0 0 50 18 z M 50 22 A 1 1 0 0 0 49 23 A 1 1 0 0 0 50 24 A 1 1 0 0 0 51 23 A 1 1 0 0 0 50 22 z M 50 26 A 1 1 0 0 0 49 27 A 1 1 0 0 0 50 28 A 1 1 0 0 0 51 27 A 1 1 0 0 0 50 26 z M 50 30 A 1 1 0 0 0 49 31 A 1 1 0 0 0 50 32 A 1 1 0 0 0 51 31 A 1 1 0 0 0 50 30 z M 31 36 L 47 36 C 48.116666 36 49 36.883334 49 38 L 51 38 C 51 36.883334 51.883334 36 53 36 L 69 36 L 69 37 C 69 37.56503 68.56503 38 68 38 L 53.085938 38 L 52.890625 38.748047 C 52.554647 40.042353 51.404427 41 50 41 C 48.595573 41 47.444396 40.043513 47.109375 38.75 L 46.914062 38 L 32 38 C 31.43497 38 31 37.56503 31 37 L 31 36 z M 23 42 C 22.017889 42 21.08157 42.18834 20.21875 42.509766 C 20.18892 42.514128 20.227207 42.495228 20.113281 42.533203 L 20.138672 42.523438 C 17.978144 43.181327 7.7324219 46.037109 7.7324219 46.037109 A 1.0001 1.0001 0 1 0 8.2675781 47.962891 C 8.2675781 47.962891 18.280242 45.176411 20.652344 44.457031 A 1.0001 1.0001 0 0 0 20.859375 44.402344 C 21.530108 44.145103 22.246496 44 23 44 C 24.098229 44 25.118963 44.297956 26.005859 44.814453 A 1.0001 1.0001 0 0 0 26.113281 44.867188 C 26.120981 44.870787 26.128969 44.875286 26.136719 44.878906 C 32.438552 47.85405 45.236876 54.261963 45.271484 54.279297 L 45.275391 54.283203 C 45.216481 54.251753 45.22225 54.255524 45.34375 54.333984 A 1.0001 1.0001 0 0 0 45.412109 54.375 C 46.357688 54.884801 47 55.853888 47 57 C 47 57.599629 46.823064 58.148508 46.519531 58.619141 C 45.639673 59.98846 43.938917 60.277762 42.347656 59.511719 A 1.0001 1.0001 0 0 0 42.291016 59.486328 L 41.609375 59.208984 A 1.0001 1.0001 0 1 0 40.855469 61.060547 L 41.537109 61.337891 L 41.480469 61.3125 C 43.492541 62.281125 45.947929 62.063701 47.521484 60.533203 L 48.609375 61.277344 A 1.0001 1.0001 0 0 0 49.556641 61.375 L 65.964844 54.591797 L 65.548828 53.761719 A 1.0001 1.0001 0 0 0 66.833984 54.234375 C 67.191771 54.083173 67.583266 54 68 54 C 69.668484 54 71 55.331516 71 57 C 71 58.138835 70.365199 59.105047 69.427734 59.619141 A 1.0001 1.0001 0 0 0 68.994141 60.902344 L 68.619141 60.058594 L 48.904297 70.523438 C 48.937547 70.507148 48.908401 70.521236 48.863281 70.535156 A 1.0001 1.0001 0 0 0 48.726562 70.589844 C 48.18739 70.849566 47.611406 71 47 71 C 46.411018 71 45.857148 70.864391 45.339844 70.626953 A 1.0001 1.0001 0 0 0 45.269531 70.597656 C 45.194433 70.569844 45.181733 70.564316 45.234375 70.587891 L 20.388672 60.078125 A 1.0001 1.0001 0 0 0 19.683594 60.050781 L 7.6835938 64.050781 A 1.0005646 1.0005646 0 0 0 8.3164062 65.949219 L 19.958984 62.068359 L 44.429688 72.417969 C 44.580551 72.486539 44.612518 72.488069 44.576172 72.474609 C 45.309494 72.800661 46.128375 73 47 73 C 47.942594 73 48.820929 72.764852 49.59375 72.392578 C 49.65405 72.371198 49.707407 72.357443 49.783203 72.320312 A 1.0001 1.0001 0 0 0 49.8125 72.304688 L 70.380859 61.388672 A 1.0001 1.0001 0 0 0 70.775391 61.003906 C 72.066526 60.104048 73 58.69514 73 57 C 73 54.250484 70.749516 52 68 52 C 67.452814 52 66.946312 52.148716 66.451172 52.3125 L 66.449219 52.3125 A 1.0001 1.0001 0 0 0 66.060547 52.388672 L 49.291016 59.320312 L 48.470703 58.759766 C 48.697951 58.189724 49 57.649238 49 57 C 49 55.100112 47.919752 53.453486 46.361328 52.613281 L 46.429688 52.654297 C 46.462986 52.675807 46.396628 52.613357 46.21875 52.517578 A 1.0001 1.0001 0 0 0 46.193359 52.503906 C 46.193359 52.503906 33.328754 46.060283 26.96875 43.058594 A 1.0001 1.0001 0 0 0 26.947266 43.048828 C 26.837778 43.000168 26.826829 42.999864 26.880859 43.021484 C 25.732293 42.380042 24.409831 42 23 42 z M 29 55 A 1 1 0 0 0 28 56 A 1 1 0 0 0 29 57 A 1 1 0 0 0 30 56 A 1 1 0 0 0 29 55 z M 32 56 A 1 1 0 0 0 31 57 A 1 1 0 0 0 32 58 A 1 1 0 0 0 33 57 A 1 1 0 0 0 32 56 z M 35 57 A 1 1 0 0 0 34 58 A 1 1 0 0 0 35 59 A 1 1 0 0 0 36 58 A 1 1 0 0 0 35 57 z M 38 58 A 1 1 0 0 0 37 59 A 1 1 0 0 0 38 60 A 1 1 0 0 0 39 59 A 1 1 0 0 0 38 58 z"/></svg>
\ No newline at end of file
diff --git a/public/images/book-shelf.svg b/public/images/book-shelf.svg
new file mode 100644
index 0000000..7f3471c
--- /dev/null
+++ b/public/images/book-shelf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 80 80" width="80px" height="80px"><path d="M 46 5 C 44.355469 5 43 6.355469 43 8 L 43 12.417969 C 42.65625 12.277344 42.386719 12 42 12 L 35 12 C 33.355469 12 32 13.355469 32 15 L 32 15.402344 C 31.929688 15.375 31.863281 15.339844 31.789063 15.316406 L 26.96875 13.996094 C 25.378906 13.558594 23.714844 14.507813 23.28125 16.09375 L 14.8125 46.953125 C 14.503906 48.09375 14.910156 49.265625 15.75 50 L 9 50 C 7.90625 50 7 50.90625 7 52 L 7 59 C 7 60.09375 7.90625 61 9 61 L 16 61 L 16 67 C 16 69.199219 17.800781 71 20 71 C 22.199219 71 24 69.199219 24 67 L 24 61 L 58 61 L 58 67 C 58 69.199219 59.800781 71 62 71 C 64.199219 71 66 69.199219 66 67 L 66 61 L 73 61 C 74.09375 61 75 60.09375 75 59 L 75 52 C 75 50.90625 74.09375 50 73 50 L 68.8125 50 C 68.925781 49.683594 69 49.351563 69 49 L 69 23 C 69 21.355469 67.644531 20 66 20 L 59 20 C 58.613281 20 58.34375 20.277344 58 20.417969 L 58 8 C 58 6.355469 56.644531 5 55 5 Z M 46 7 L 55 7 C 55.566406 7 56 7.433594 56 8 L 56 23 L 58 23 C 58 22.433594 58.433594 22 59 22 L 66 22 C 66.566406 22 67 22.433594 67 23 L 67 49 C 67 49.566406 66.566406 50 66 50 L 59 50 C 58.433594 50 58 49.566406 58 49 L 56 49 C 56 49.566406 55.566406 50 55 50 L 46 50 C 45.433594 50 45 49.566406 45 49 L 43 49 C 43 49.566406 42.566406 50 42 50 L 35 50 C 34.433594 50 34 49.566406 34 49 L 34 15 C 34 14.433594 34.433594 14 35 14 L 42 14 C 42.566406 14 43 14.433594 43 15 L 45 15 L 45 8 C 45 7.433594 45.433594 7 46 7 Z M 47 10 L 47 12 L 54 12 L 54 10 Z M 26.035156 15.894531 C 26.167969 15.878906 26.300781 15.886719 26.4375 15.921875 L 31.261719 17.246094 C 31.804688 17.394531 32.109375 17.929688 31.957031 18.472656 L 23.496094 49.335938 C 23.402344 49.671875 23.15625 49.894531 22.859375 50 L 22.136719 50 L 17.441406 48.714844 C 16.898438 48.5625 16.59375 48.027344 16.742188 47.484375 L 25.207031 16.625 C 25.320313 16.214844 25.648438 15.941406 26.035156 15.894531 Z M 36 16 L 36 18 L 41 18 L 41 16 Z M 44 17 C 43.449219 17 43 17.449219 43 18 C 43 18.550781 43.449219 19 44 19 C 44.550781 19 45 18.550781 45 18 C 45 17.449219 44.550781 17 44 17 Z M 26.503906 19.359375 L 25.96875 21.28125 L 28.875 22.097656 L 29.417969 20.171875 Z M 44 21 C 43.449219 21 43 21.449219 43 22 C 43 22.550781 43.449219 23 44 23 C 44.550781 23 45 22.550781 45 22 C 45 21.449219 44.550781 21 44 21 Z M 44 25 C 43.449219 25 43 25.449219 43 26 C 43 26.550781 43.449219 27 44 27 C 44.550781 27 45 26.550781 45 26 C 45 25.449219 44.550781 25 44 25 Z M 57 25 C 56.449219 25 56 25.449219 56 26 C 56 26.550781 56.449219 27 57 27 C 57.550781 27 58 26.550781 58 26 C 58 25.449219 57.550781 25 57 25 Z M 60 25 L 60 27 L 65 27 L 65 25 Z M 32 25.886719 L 32 49 C 32 49.351563 32.074219 49.683594 32.1875 50 L 25.371094 50 C 25.382813 49.953125 25.410156 49.914063 25.421875 49.863281 Z M 44 29 C 43.449219 29 43 29.449219 43 30 C 43 30.550781 43.449219 31 44 31 C 44.550781 31 45 30.550781 45 30 C 45 29.449219 44.550781 29 44 29 Z M 57 29 C 56.449219 29 56 29.449219 56 30 C 56 30.550781 56.449219 31 57 31 C 57.550781 31 58 30.550781 58 30 C 58 29.449219 57.550781 29 57 29 Z M 44 33 C 43.449219 33 43 33.449219 43 34 C 43 34.550781 43.449219 35 44 35 C 44.550781 35 45 34.550781 45 34 C 45 33.449219 44.550781 33 44 33 Z M 57 33 C 56.449219 33 56 33.449219 56 34 C 56 34.550781 56.449219 35 57 35 C 57.550781 35 58 34.550781 58 34 C 58 33.449219 57.550781 33 57 33 Z M 44 37 C 43.449219 37 43 37.449219 43 38 C 43 38.550781 43.449219 39 44 39 C 44.550781 39 45 38.550781 45 38 C 45 37.449219 44.550781 37 44 37 Z M 57 37 C 56.449219 37 56 37.449219 56 38 C 56 38.550781 56.449219 39 57 39 C 57.550781 39 58 38.550781 58 38 C 58 37.449219 57.550781 37 57 37 Z M 44 41 C 43.449219 41 43 41.449219 43 42 C 43 42.550781 43.449219 43 44 43 C 44.550781 43 45 42.550781 45 42 C 45 41.449219 44.550781 41 44 41 Z M 57 41 C 56.449219 41 56 41.449219 56 42 C 56 42.550781 56.449219 43 57 43 C 57.550781 43 58 42.550781 58 42 C 58 41.449219 57.550781 41 57 41 Z M 19.765625 44.050781 L 19.222656 45.980469 L 22.128906 46.792969 L 22.671875 44.871094 Z M 36 45 L 36 47 L 41 47 L 41 45 Z M 44 45 C 43.449219 45 43 45.449219 43 46 C 43 46.550781 43.449219 47 44 47 C 44.550781 47 45 46.550781 45 46 C 45 45.449219 44.550781 45 44 45 Z M 47 45 L 47 47 L 54 47 L 54 45 Z M 57 45 C 56.449219 45 56 45.449219 56 46 C 56 46.550781 56.449219 47 57 47 C 57.550781 47 58 46.550781 58 46 C 58 45.449219 57.550781 45 57 45 Z M 60 45 L 60 47 L 65 47 L 65 45 Z M 9 52 L 21.949219 52 C 22.339844 52.078125 22.726563 52.074219 23.101563 52 L 73 52 L 73 59 L 64 59 L 64 67 C 64 68.117188 63.117188 69 62 69 C 60.882813 69 60 68.117188 60 67 L 60 59 L 22 59 L 22 67 C 22 68.117188 21.117188 69 20 69 C 18.882813 69 18 68.117188 18 67 L 18 59 L 9 59 Z M 20 59 C 19.449219 59 19 59.449219 19 60 C 19 60.550781 19.449219 61 20 61 C 20.550781 61 21 60.550781 21 60 C 21 59.449219 20.550781 59 20 59 Z M 62 59 C 61.449219 59 61 59.449219 61 60 C 61 60.550781 61.449219 61 62 61 C 62.550781 61 63 60.550781 63 60 C 63 59.449219 62.550781 59 62 59 Z"/></svg>
\ No newline at end of file
diff --git a/public/images/mail.svg b/public/images/mail.svg
new file mode 100644
index 0000000..6310e09
--- /dev/null
+++ b/public/images/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 80 80" width="80px" height="80px"><path d="M 5 13 L 5 67 L 75 67 L 75 13 Z M 7 15 L 73 15 L 73 20.09375 L 42.859375 41.101563 C 41.140625 42.300781 38.863281 42.300781 37.140625 41.101563 L 7 20.09375 Z M 12 18 C 11.449219 18 11 18.449219 11 19 C 11 19.550781 11.449219 20 12 20 C 12.550781 20 13 19.550781 13 19 C 13 18.449219 12.550781 18 12 18 Z M 16 18 C 15.449219 18 15 18.449219 15 19 C 15 19.550781 15.449219 20 16 20 C 16.550781 20 17 19.550781 17 19 C 17 18.449219 16.550781 18 16 18 Z M 20 18 C 19.449219 18 19 18.449219 19 19 C 19 19.550781 19.449219 20 20 20 C 20.550781 20 21 19.550781 21 19 C 21 18.449219 20.550781 18 20 18 Z M 24 18 C 23.449219 18 23 18.449219 23 19 C 23 19.550781 23.449219 20 24 20 C 24.550781 20 25 19.550781 25 19 C 25 18.449219 24.550781 18 24 18 Z M 28 18 C 27.449219 18 27 18.449219 27 19 C 27 19.550781 27.449219 20 28 20 C 28.550781 20 29 19.550781 29 19 C 29 18.449219 28.550781 18 28 18 Z M 32 18 C 31.449219 18 31 18.449219 31 19 C 31 19.550781 31.449219 20 32 20 C 32.550781 20 33 19.550781 33 19 C 33 18.449219 32.550781 18 32 18 Z M 36 18 C 35.449219 18 35 18.449219 35 19 C 35 19.550781 35.449219 20 36 20 C 36.550781 20 37 19.550781 37 19 C 37 18.449219 36.550781 18 36 18 Z M 40 18 C 39.449219 18 39 18.449219 39 19 C 39 19.550781 39.449219 20 40 20 C 40.550781 20 41 19.550781 41 19 C 41 18.449219 40.550781 18 40 18 Z M 44 18 C 43.449219 18 43 18.449219 43 19 C 43 19.550781 43.449219 20 44 20 C 44.550781 20 45 19.550781 45 19 C 45 18.449219 44.550781 18 44 18 Z M 48 18 C 47.449219 18 47 18.449219 47 19 C 47 19.550781 47.449219 20 48 20 C 48.550781 20 49 19.550781 49 19 C 49 18.449219 48.550781 18 48 18 Z M 52 18 C 51.449219 18 51 18.449219 51 19 C 51 19.550781 51.449219 20 52 20 C 52.550781 20 53 19.550781 53 19 C 53 18.449219 52.550781 18 52 18 Z M 56 18 C 55.449219 18 55 18.449219 55 19 C 55 19.550781 55.449219 20 56 20 C 56.550781 20 57 19.550781 57 19 C 57 18.449219 56.550781 18 56 18 Z M 60 18 C 59.449219 18 59 18.449219 59 19 C 59 19.550781 59.449219 20 60 20 C 60.550781 20 61 19.550781 61 19 C 61 18.449219 60.550781 18 60 18 Z M 64 18 C 63.449219 18 63 18.449219 63 19 C 63 19.550781 63.449219 20 64 20 C 64.550781 20 65 19.550781 65 19 C 65 18.449219 64.550781 18 64 18 Z M 68 18 C 67.449219 18 67 18.449219 67 19 C 67 19.550781 67.449219 20 68 20 C 68.550781 20 69 19.550781 69 19 C 69 18.449219 68.550781 18 68 18 Z M 7 22.53125 L 36 42.742188 C 38.398438 44.417969 41.601563 44.414063 44 42.742188 L 73 22.53125 L 73 65 L 7 65 Z M 25 38 C 24.449219 38 24 38.449219 24 39 C 24 39.550781 24.449219 40 25 40 C 25.550781 40 26 39.550781 26 39 C 26 38.449219 25.550781 38 25 38 Z M 55 38 C 54.449219 38 54 38.449219 54 39 C 54 39.550781 54.449219 40 55 40 C 55.550781 40 56 39.550781 56 39 C 56 38.449219 55.550781 38 55 38 Z M 22 41 C 21.449219 41 21 41.449219 21 42 C 21 42.550781 21.449219 43 22 43 C 22.550781 43 23 42.550781 23 42 C 23 41.449219 22.550781 41 22 41 Z M 58 41 C 57.449219 41 57 41.449219 57 42 C 57 42.550781 57.449219 43 58 43 C 58.550781 43 59 42.550781 59 42 C 59 41.449219 58.550781 41 58 41 Z M 19 44 C 18.449219 44 18 44.449219 18 45 C 18 45.550781 18.449219 46 19 46 C 19.550781 46 20 45.550781 20 45 C 20 44.449219 19.550781 44 19 44 Z M 61 44 C 60.449219 44 60 44.449219 60 45 C 60 45.550781 60.449219 46 61 46 C 61.550781 46 62 45.550781 62 45 C 62 44.449219 61.550781 44 61 44 Z M 16 47 C 15.449219 47 15 47.449219 15 48 C 15 48.550781 15.449219 49 16 49 C 16.550781 49 17 48.550781 17 48 C 17 47.449219 16.550781 47 16 47 Z M 64 47 C 63.449219 47 63 47.449219 63 48 C 63 48.550781 63.449219 49 64 49 C 64.550781 49 65 48.550781 65 48 C 65 47.449219 64.550781 47 64 47 Z M 13 50 C 12.449219 50 12 50.449219 12 51 C 12 51.550781 12.449219 52 13 52 C 13.550781 52 14 51.550781 14 51 C 14 50.449219 13.550781 50 13 50 Z M 67 50 C 66.449219 50 66 50.449219 66 51 C 66 51.550781 66.449219 52 67 52 C 67.550781 52 68 51.550781 68 51 C 68 50.449219 67.550781 50 67 50 Z M 12 60 C 11.449219 60 11 60.449219 11 61 C 11 61.550781 11.449219 62 12 62 C 12.550781 62 13 61.550781 13 61 C 13 60.449219 12.550781 60 12 60 Z M 16 60 C 15.449219 60 15 60.449219 15 61 C 15 61.550781 15.449219 62 16 62 C 16.550781 62 17 61.550781 17 61 C 17 60.449219 16.550781 60 16 60 Z M 20 60 C 19.449219 60 19 60.449219 19 61 C 19 61.550781 19.449219 62 20 62 C 20.550781 62 21 61.550781 21 61 C 21 60.449219 20.550781 60 20 60 Z M 24 60 C 23.449219 60 23 60.449219 23 61 C 23 61.550781 23.449219 62 24 62 C 24.550781 62 25 61.550781 25 61 C 25 60.449219 24.550781 60 24 60 Z M 28 60 C 27.449219 60 27 60.449219 27 61 C 27 61.550781 27.449219 62 28 62 C 28.550781 62 29 61.550781 29 61 C 29 60.449219 28.550781 60 28 60 Z M 32 60 C 31.449219 60 31 60.449219 31 61 C 31 61.550781 31.449219 62 32 62 C 32.550781 62 33 61.550781 33 61 C 33 60.449219 32.550781 60 32 60 Z M 36 60 C 35.449219 60 35 60.449219 35 61 C 35 61.550781 35.449219 62 36 62 C 36.550781 62 37 61.550781 37 61 C 37 60.449219 36.550781 60 36 60 Z M 40 60 C 39.449219 60 39 60.449219 39 61 C 39 61.550781 39.449219 62 40 62 C 40.550781 62 41 61.550781 41 61 C 41 60.449219 40.550781 60 40 60 Z M 44 60 C 43.449219 60 43 60.449219 43 61 C 43 61.550781 43.449219 62 44 62 C 44.550781 62 45 61.550781 45 61 C 45 60.449219 44.550781 60 44 60 Z M 48 60 C 47.449219 60 47 60.449219 47 61 C 47 61.550781 47.449219 62 48 62 C 48.550781 62 49 61.550781 49 61 C 49 60.449219 48.550781 60 48 60 Z M 52 60 C 51.449219 60 51 60.449219 51 61 C 51 61.550781 51.449219 62 52 62 C 52.550781 62 53 61.550781 53 61 C 53 60.449219 52.550781 60 52 60 Z M 56 60 C 55.449219 60 55 60.449219 55 61 C 55 61.550781 55.449219 62 56 62 C 56.550781 62 57 61.550781 57 61 C 57 60.449219 56.550781 60 56 60 Z M 60 60 C 59.449219 60 59 60.449219 59 61 C 59 61.550781 59.449219 62 60 62 C 60.550781 62 61 61.550781 61 61 C 61 60.449219 60.550781 60 60 60 Z M 64 60 C 63.449219 60 63 60.449219 63 61 C 63 61.550781 63.449219 62 64 62 C 64.550781 62 65 61.550781 65 61 C 65 60.449219 64.550781 60 64 60 Z M 68 60 C 67.449219 60 67 60.449219 67 61 C 67 61.550781 67.449219 62 68 62 C 68.550781 62 69 61.550781 69 61 C 69 60.449219 68.550781 60 68 60 Z"/></svg>
\ No newline at end of file
diff --git a/src/app/(frontend)/page.tsx b/src/app/(frontend)/page.tsx
index d881da2..8df9a3b 100644
--- a/src/app/(frontend)/page.tsx
+++ b/src/app/(frontend)/page.tsx
@@ -103,7 +103,9 @@ export default async function HomePage() {
             <TabsTrigger value="manage">Manage</TabsTrigger>
           </TabsList>
 
-          <TabsContent value="feed">{user && <UserFeed user={user} />}</TabsContent>
+          <TabsContent value="feed">
+            {user && <UserFeed user={user} repos={userRepos} />}
+          </TabsContent>
 
           <TabsContent value="search">
             <SearchBooks initBrowseBooks={initBrowseBooks} />
diff --git a/src/collections/Checkouts/Checkouts.ts b/src/collections/Checkouts/Checkouts.ts
index 1294d39..e1ec68b 100644
--- a/src/collections/Checkouts/Checkouts.ts
+++ b/src/collections/Checkouts/Checkouts.ts
@@ -43,7 +43,7 @@ const Checkouts: CollectionConfig = {
       collection: 'copies',
       on: 'book',
       hasMany: false,
-    }
+    },
   ]
 }
 
diff --git a/src/components/Feed/UserFeed.tsx b/src/components/Feed/UserFeed.tsx
index 13bd166..0a913f2 100644
--- a/src/components/Feed/UserFeed.tsx
+++ b/src/components/Feed/UserFeed.tsx
@@ -1,4 +1,4 @@
-import type { Book, HoldRequest, Repository, User } from '@/payload-types'
+import type { Book, Checkout, HoldRequest, Repository, User } from '@/payload-types'
 import { getPayload, PaginatedDocs } from 'payload'
 import config from '@/payload.config'
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../ui/card'
@@ -16,9 +16,10 @@ const stats = [
 
 type Props = {
   user?: User
+  repos: PaginatedDocs<Repository> | null
 }
 const UserFeed = async (props: Props) => {
-  const { user } = props
+  const { user, repos } = props
   const isLoggedIn = !!user
 
   if (!isLoggedIn)
@@ -51,42 +52,137 @@ const UserFeed = async (props: Props) => {
     },
   })) as PaginatedDocs<HoldRequest>
 
+  const currentlyHeldBooks = (await payload.find({
+    collection: 'holdRequests',
+    limit: 10,
+    depth: 3,
+    select: {
+      copy: true,
+      dateRequested: true,
+      repository: true,
+      book: true,
+    },
+    where: {
+      'repository.owner': {
+        equals: user?.id,
+      },
+      isHolding: {
+        equals: true,
+      },
+    },
+  })) as PaginatedDocs<HoldRequest>
+
+  let loanedOutBooks: PaginatedDocs<Checkout> | null = null
+  if (user.id)
+    loanedOutBooks = (await payload.find({
+      collection: 'checkouts',
+      limit: 10,
+      depth: 2,
+      select: {
+        book: true,
+        dateDue: true,
+        loanerReturnedDate: true,
+        isReturned: true,
+        ownerVerifiedReturnedDate: true,
+      },
+      where: {
+        and: [
+          {
+            'copy.repository.owner': {
+              equals: user.id,
+            },
+          },
+          {
+            isReturned: {
+              not_equals: true,
+            },
+          },
+        ],
+      },
+    })) as PaginatedDocs<Checkout>
+
+  const totalHoldNotifications = repos?.docs.flatMap((r) => r.holdRequests?.docs).length || 0
+  const outBoundLoanCount = loanedOutBooks?.totalDocs || 0
+  const currentlyHoldingCount = currentlyHeldBooks?.totalDocs || 0
+
+  const stats = [
+    {
+      name: 'Hold Request',
+      iconSrc: '/images/mail.svg',
+      value: totalHoldNotifications,
+      href: '#',
+      ctaText: 'Answer Requests',
+      shouldAnimate: totalHoldNotifications > 0,
+    },
+    {
+      name: 'Loaned Out',
+      iconSrc: '/images/book-loan.svg',
+      value: outBoundLoanCount,
+      href: '#',
+      ctaText: 'Handle Returns',
+      shouldAnimate: false,
+    },
+    {
+      name: 'Currently Holding',
+      iconSrc: '/images/book-shelf.svg',
+      value: currentlyHoldingCount,
+      href: '#',
+      ctaText: 'Loan Out',
+      shouldAnimate: false,
+    },
+  ]
+
   return (
     <section>
       <div className="my-6">
         <h3 className="text-lg font-semibold text-foreground">Outbound Activity</h3>
         <dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
-          {stats.map((item) => (
-            <div
-              key={item.name}
-              className={clsx(
-                'relative overflow-hidden rounded-lg  accent-background px-4 py-5 shadow-sm sm:p-6',
-                !item.shouldHighlight ? 'border-1 border-muted-foreground' : '',
-              )}
-            >
-              {!!item.shouldHighlight && (
-                <BorderTrail
-                  style={{
-                    boxShadow:
-                      '0px 0px 60px 30px rgb(200 255 200 / 50%), 0 0 100px 60px rgb(0 0 0 / 50%), 0 0 140px 90px rgb(0 0 0 / 50%)',
-                  }}
-                  size={100}
-                />
-              )}
-              <dt className="truncate text-sm font-medium text-muted-foreground">{item.name}</dt>
-              <dd className="mt-1 text-3xl font-semibold tracking-tight text-foreground">
-                {item.stat}
-              </dd>
-            </div>
-          ))}
+          {stats.map((s) => {
+            return (
+              <div
+                className={clsx(
+                  'relative overflow-hidden rounded-lg rounded-lg shadow-sm border border-accent px-4 pt-5 pb-12 shadow-sm sm:px-6 sm:pt-6',
+                  s.shouldAnimate && 'animate-pulse',
+                )}
+              >
+                <dt>
+                  <div className="absolute rounded-md bg-emerald-500 p-3">
+                    <Image
+                      src={s.iconSrc}
+                      alt={s.name}
+                      width={30}
+                      height={30}
+                      className="dark:invert"
+                    />
+                  </div>
+                  <p className="ml-16 truncate text-sm font-medium text-muted-foreground">
+                    {s.name}
+                  </p>
+                </dt>
+                <dd className="ml-16 flex items-baseline pb-6 sm:pb-7">
+                  <p className="text-2xl font-semibold text-foreground">{s.value}</p>
+                  <div className="absolute inset-x-0 bottom-0 px-4 py-4 sm:px-6">
+                    <div className="text-sm">
+                      <a
+                        href={s.href}
+                        className="font-medium text-emerald-800 hover:text-emerald-300"
+                      >
+                        <span>{s.ctaText}</span>
+                      </a>
+                    </div>
+                  </div>
+                </dd>
+              </div>
+            )
+          })}
         </dl>
       </div>
 
       <div className="my-6">
         <h2 className="text-lg font-semibold text-foreground">Inbound Activity</h2>
         <div className="my-3">
-          <h3 className="text-base font-semibold text-muted-foreground">Your Holds</h3>
-          <ul className="flex flex-wrap justify gap-4 last-child-adjustment">
+          <h3 className="text-base font-semibold text-muted-foreground mb-4">Your Holds</h3>
+          <ul className="flex flex-wrap justify-around gap-3 last-child-adjustment">
             {holdRequests.docs?.map((h) => {
               const book = h.book as Book
               const repository = h.repository as Repository
@@ -98,7 +194,7 @@ const UserFeed = async (props: Props) => {
               return (
                 <li className="inline-block" key={book.isbn}>
                   <Link className="block hover:scale-105 transition-all" href={`/books/${book.id}`}>
-                    <Card className="w-48 pt-4 pb-2">
+                    <Card className="w-40 pt-4 pb-2">
                       <CardHeader className="-mb-4">
                         <CardTitle className="text-overflow-ellipsis line-clamp-2">
                           {book.title}
diff --git a/src/components/HomeHero.tsx b/src/components/HomeHero.tsx
index 41a1ab0..0e2819d 100644
--- a/src/components/HomeHero.tsx
+++ b/src/components/HomeHero.tsx
@@ -77,7 +77,7 @@ const HomeHero = (props: Props) => {
         <Magnetic intensity={0.2} springOptions={{ bounce: 0.1 }} actionArea="global" range={200}>
           <Button
             type="button"
-            className="animate-pulse mx-auto block items-center rounded-lg border border-zinc-100/10 bg-transparent text-foreground  px-8 py-2 text-sm  transition-all duration-200 h-fit"
+            className="animate-pulse animate-bounce mx-auto block items-center rounded-lg border-zinc-100/10 bg-transparent text-foreground  px-8 py-2 text-sm  transition-all duration-200 h-fit"
             onClick={() => {
               const tabs = document.getElementById('tabs')
               tabs?.scrollIntoView({ behavior: 'smooth' })