diff --git a/components/section-about/index.vue b/components/section-about/index.vue
index f4ebd25..bcc9fdf 100644
--- a/components/section-about/index.vue
+++ b/components/section-about/index.vue
@@ -24,8 +24,10 @@
 				public during the fall of 2022.
 			</p>
 			<about-contact-links style="grid-area: links" />
+
 		</div>
 	</section>
+	<section class="section-tos"><div><a href="#"></a>Terms of Service</div></section>
 </template>
 <script setup lang="ts">
 import aboutContactLinks from './about-contact-links'
@@ -38,6 +40,15 @@ import aboutContactLinks from './about-contact-links'
 	margin-bottom: 60px;
 }
 
+.section-tos {
+	margin-top: 20px;
+	margin-bottom: 60px;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	cursor: pointer;
+}
+
 #section-about-content {
 	align-items: center;
 	display: grid;
diff --git a/components/section-earnings.vue b/components/section-earnings.vue
index 30147ae..faa912d 100644
--- a/components/section-earnings.vue
+++ b/components/section-earnings.vue
@@ -1,6 +1,6 @@
 <template>
 	<section class="section-earnings">
-		<h2>Earnings</h2>
+		<h2><strong>What You can Earn</strong></h2>
 		<div class="gradient-box-border">
 			<form>
 				<label for="delegated-xtz-amount">Enter your XTZ Amount</label>
diff --git a/components/section-home/home-description.vue b/components/section-home/home-description.vue
index 20e0a05..66d4c3c 100644
--- a/components/section-home/home-description.vue
+++ b/components/section-home/home-description.vue
@@ -53,12 +53,14 @@ const delegateAddress = `tz1R4PuhxUxBBZhfLJDx2nNjbr7WorAPX1oC`
 	background-color: $background-color;
 	display: inline-grid;
 	grid-template-columns: minmax(0, auto) minmax(0, auto);
+	cursor: pointer;
 
 	#delegate-address {
 		border: 1px solid $primary-accent-color;
 		font-family: 'JetBrains Mono', monospace;
 		overflow-wrap: break-word;
 		padding: 15px;
+		cursor: pointer;
 	}
 
 	img {
diff --git a/components/section-home/index.vue b/components/section-home/index.vue
index 9a6c794..687f731 100644
--- a/components/section-home/index.vue
+++ b/components/section-home/index.vue
@@ -4,16 +4,38 @@
 		<home-title style="grid-area: title" />
 		<home-description style="grid-area: description" />
 	</section>
+	<section class="section-earnings">
+		<h1> Current APY 5.5% </h1> <!-- This of course can be pulled from where ever. -->
+	</section>
 </template>
 
 <script setup lang="ts">
 import homeTezzomboiz from './home-tezzomboiz'
 import homeTitle from './home-title'
 import homeDescription from './home-description'
+
 </script>
 
 <style lang="scss" scoped>
 @import 'include-media';
+
+.section-earnings {
+	text-align: center;
+	margin-top: 10%;
+}
+
+h1 {
+		color: white;
+		font-size: clamp(2rem, 10vw, 4rem);
+
+		img {
+			display: inline-block;
+			vertical-align: text-bottom;
+			height: clamp(3rem, 15vw, 5rem);
+			vertical-align: middle;
+		}
+	}
+
 .section-home {
 	align-items: center;
 	display: grid;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d6673a4..4ebdc9b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -3,7 +3,7 @@ import pkg from './package.json'
 
 export default defineNuxtConfig({
 	css: ['@/assets/styles/global.scss'],
-	meta: {
+	head: {
 		title: pkg.name,
 		meta: [
 			{
@@ -13,6 +13,11 @@ export default defineNuxtConfig({
 			},
 		],
 		link: [
+			{
+				rel: 'icon',
+				type: 'image/png',
+				href: 'btz.png'
+			},
 			{
 				href: `https://fonts.googleapis.com`,
 				rel: `preconnect`,
@@ -27,6 +32,9 @@ export default defineNuxtConfig({
 				rel: `stylesheet`,
 			},
 		],
+		
 	},
+	
+	
 	ssr: false,
 })
diff --git a/public/btz.png b/public/btz.png
new file mode 100644
index 0000000..705a41d
Binary files /dev/null and b/public/btz.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..705a41d
Binary files /dev/null and b/public/favicon.ico differ