feat: core-172 links in place, needs spacing and finesse

src/components/BorrowerProfile/AnchorLinks.vue

@@ -0,0 +1,36 @@
+<template>
+	<div class="tw-text-primary">
+		<hr class="tw-bg-secondary tw-gray-300">
+		<span>
+			<kv-material-icon
+				class="tw-my-3"
+				:icon="mdiAccount"
+			/>
+			<a class="tw-text-primary">Borrower story</a>
+		</span>
+		<span>
+			<kv-material-icon
+				class="tw-my-3"
+				:icon="mdiFormatListBulleted"
+			/>
+			<a class="tw-text-primary">Loan details</a>
+		</span>
+	</div>
+</template>
+
+<script>
+import { mdiAccount, mdiFormatListBulleted } from '@mdi/js';
+import KvMaterialIcon from '~/@kiva/kv-components/vue/KvMaterialIcon';
+
+export default {
+	components: {
+		KvMaterialIcon,
+	},
+	data() {
+		return {
+			mdiAccount,
+			mdiFormatListBulleted,
+		};
+	},
+};
+</script>

src/components/BorrowerProfile/LendCta.vue

@@ -157,6 +157,9 @@
 					>
 						All shares reserved
 					</p>
+
+					<!-- Adding anchor icons and links here -->
+					<anchor-links />
 				</div>
 			</kv-grid>
 
@@ -257,6 +260,7 @@ import gql from 'graphql-tag';
 import { setLendAmount } from '@/util/basketUtils';
 import { buildPriceArray } from '@/util/loanUtils';
 import { createIntersectionObserver } from '@/util/observerUtils';
+import AnchorLinks from '@/components/BorrowerProfile/AnchorLinks';
 import KvUiSelect from '~/@kiva/kv-components/vue/KvSelect';
 import KvMaterialIcon from '~/@kiva/kv-components/vue/KvMaterialIcon';
 import KvUiButton from '~/@kiva/kv-components/vue/KvButton';
@@ -275,6 +279,7 @@ export default {
 		KvMaterialIcon,
 		KvUiButton,
 		KvUiSelect,
+		AnchorLinks,
 	},
 	data() {
 		return {