From ea9d79765950d47a7fe9a172331422ed9a762ea6 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 15 Dec 2022 17:29:51 -0500
Subject: [PATCH 1/6] Initial footer work

---
 .../components/FooterLinks/FooterLinks.svelte    | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
index 83278c6..789809a 100644
--- a/packages/gui/src/components/FooterLinks/FooterLinks.svelte
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -1,8 +1,16 @@
 <footer class="h-autofont-machina relative w-full bg-black">
-	<section class="h-56 p-4 px-16">
-		<a class="text-xl text-primary" href="/"> Quick Links (TBD) </a>
-	</section>
+	<section class="h-56 p-4 px-16" />
 	<section class="h-16 border border-r-0 border-gray p-4 px-16">
-		<a class="text-sm text-primary" href="/"> terms and services </a>
+		<div class="footer flex">
+			<div class="about w-1/2">
+				<h3>Changing the way you build. And what happens after you build it.</h3>
+				<p>
+					tea.cli is a delightful package manager that gets out of your way and sets you up for a
+					joyful development process. You can install it today. Our web3 protocol will create an OSS
+					ecosystem that is safer for all users, and fair for all maintainers. Read our white paper
+					here.
+				</p>
+			</div>
+		</div>
 	</section>
 </footer>

From 97a288c90f33d64dbcaa49986d46ba46ebd41305 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 15 Dec 2022 20:58:32 -0500
Subject: [PATCH 2/6] Content

---
 .../components/FooterLinks/FooterLinks.svelte | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
index 789809a..5897fec 100644
--- a/packages/gui/src/components/FooterLinks/FooterLinks.svelte
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -1,9 +1,10 @@
 <footer class="h-autofont-machina relative w-full bg-black">
-	<section class="h-56 p-4 px-16" />
-	<section class="h-16 border border-r-0 border-gray p-4 px-16">
-		<div class="footer flex">
-			<div class="about w-1/2">
-				<h3>Changing the way you build. And what happens after you build it.</h3>
+	<section class="p-4 px-16 py-16">
+		<div class="flex">
+			<div class="footer-text w-3/4 pr-16">
+				<h3 class="mb-5 text-4xl text-primary">
+					Changing the way you build. And what happens after you build it.
+				</h3>
 				<p>
 					tea.cli is a delightful package manager that gets out of your way and sets you up for a
 					joyful development process. You can install it today. Our web3 protocol will create an OSS
@@ -11,6 +12,18 @@
 					here.
 				</p>
 			</div>
+
+			<div class="socials w-1/4">
+				<ul class="h-full border-2 border-gray">
+					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
+					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
+					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
+					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
+					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
+				</ul>
+			</div>
 		</div>
 	</section>
+
+	<section class="h-16 border border-r-0 border-gray p-4 px-16" />
 </footer>

From 16db1e897e8641be51d2467c2ea64c8a9fb985b6 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 19 Dec 2022 10:41:45 -0500
Subject: [PATCH 3/6] Social links

---
 .../components/FooterLinks/FooterLinks.svelte | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
index 5897fec..07323c8 100644
--- a/packages/gui/src/components/FooterLinks/FooterLinks.svelte
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -13,15 +13,26 @@
 				</p>
 			</div>
 
-			<div class="socials w-1/4">
-				<ul class="h-full border-2 border-gray">
-					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
-					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
-					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
-					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
-					<li class="h-1/5 border-b border-gray px-3 py-1">Facebook</li>
+			<div class="card social-box border-2 border-gray w-1/4">
+				<ul class="list-group list-group-flush">
+					<div class="p-3 border-b border-gray">
+						<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"><i class="icon-twitter social-icon mr-3"></i>Twitter</a>
+					</div>
+					<div class="p-3 border-b border-gray">
+						<a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"><i class="icon-discord social-icon mr-3"></i>Discord</a>
+					</div>
+					<div class="p-3 border-b border-gray">
+						<a class="list-group-item" role="button" href="https://github.com/teaxyz"><i class="icon-github social-icon mr-3"></i>GitHub</a>
+					</div>
+					<div class="p-3 border-b border-gray">
+						<a class="list-group-item" role="button" href="https://reddit.com/r/teaxyz"><i class="icon-reddit social-icon mr-3"></i>Reddit</a>
+					</div>
+					<div class="p-3 border-b border-gray">
+						<a class="list-group-item" role="button" href="https://t.me/tea_xyz"><i class="icon-telegram social-icon mr-3"></i>Telegram</a>
+					</div>
 				</ul>
-			</div>
+		</div>
+
 		</div>
 	</section>
 

From 5f353ddd826d19627313f59e7fef6a09554afc92 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 19 Dec 2022 10:42:21 -0500
Subject: [PATCH 4/6] Run prettier

---
 .../components/FooterLinks/FooterLinks.svelte | 35 ++++++++++++-------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
index 07323c8..9ee93e2 100644
--- a/packages/gui/src/components/FooterLinks/FooterLinks.svelte
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -13,26 +13,35 @@
 				</p>
 			</div>
 
-			<div class="card social-box border-2 border-gray w-1/4">
+			<div class="card social-box w-1/4 border-2 border-gray">
 				<ul class="list-group list-group-flush">
-					<div class="p-3 border-b border-gray">
-						<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"><i class="icon-twitter social-icon mr-3"></i>Twitter</a>
+					<div class="border-b border-gray p-3">
+						<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"
+							><i class="icon-twitter social-icon mr-3" />Twitter</a
+						>
 					</div>
-					<div class="p-3 border-b border-gray">
-						<a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"><i class="icon-discord social-icon mr-3"></i>Discord</a>
+					<div class="border-b border-gray p-3">
+						<a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"
+							><i class="icon-discord social-icon mr-3" />Discord</a
+						>
 					</div>
-					<div class="p-3 border-b border-gray">
-						<a class="list-group-item" role="button" href="https://github.com/teaxyz"><i class="icon-github social-icon mr-3"></i>GitHub</a>
+					<div class="border-b border-gray p-3">
+						<a class="list-group-item" role="button" href="https://github.com/teaxyz"
+							><i class="icon-github social-icon mr-3" />GitHub</a
+						>
 					</div>
-					<div class="p-3 border-b border-gray">
-						<a class="list-group-item" role="button" href="https://reddit.com/r/teaxyz"><i class="icon-reddit social-icon mr-3"></i>Reddit</a>
+					<div class="border-b border-gray p-3">
+						<a class="list-group-item" role="button" href="https://reddit.com/r/teaxyz"
+							><i class="icon-reddit social-icon mr-3" />Reddit</a
+						>
 					</div>
-					<div class="p-3 border-b border-gray">
-						<a class="list-group-item" role="button" href="https://t.me/tea_xyz"><i class="icon-telegram social-icon mr-3"></i>Telegram</a>
+					<div class="border-b border-gray p-3">
+						<a class="list-group-item" role="button" href="https://t.me/tea_xyz"
+							><i class="icon-telegram social-icon mr-3" />Telegram</a
+						>
 					</div>
 				</ul>
-		</div>
-
+			</div>
 		</div>
 	</section>
 

From bde84844e54b398448315fd3de44958f6b08d98e Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 19 Dec 2022 11:02:38 -0500
Subject: [PATCH 5/6] social hover

---
 .../components/FooterLinks/FooterLinks.svelte | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
index 9ee93e2..68a121d 100644
--- a/packages/gui/src/components/FooterLinks/FooterLinks.svelte
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -5,15 +5,18 @@
 				<h3 class="mb-5 text-4xl text-primary">
 					Changing the way you build. And what happens after you build it.
 				</h3>
-				<p>
+				<p class="mb-5">
 					tea.cli is a delightful package manager that gets out of your way and sets you up for a
 					joyful development process. You can install it today. Our web3 protocol will create an OSS
 					ecosystem that is safer for all users, and fair for all maintainers. Read our white paper
 					here.
 				</p>
+				<div class="w-3/4">
+					<img src="/static/images/footer-grid-element.svg" />
+				</div>
 			</div>
 
-			<div class="card social-box w-1/4 border-2 border-gray">
+			<div class="card social-box w-1/4 h-full border-2 border-gray">
 				<ul class="list-group list-group-flush">
 					<div class="border-b border-gray p-3">
 						<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"
@@ -35,15 +38,40 @@
 							><i class="icon-reddit social-icon mr-3" />Reddit</a
 						>
 					</div>
-					<div class="border-b border-gray p-3">
+					<div class="p-3">
 						<a class="list-group-item" role="button" href="https://t.me/tea_xyz"
 							><i class="icon-telegram social-icon mr-3" />Telegram</a
 						>
 					</div>
 				</ul>
 			</div>
+
 		</div>
 	</section>
 
 	<section class="h-16 border border-r-0 border-gray p-4 px-16" />
 </footer>
+
+<style>
+
+	h3{
+	  font-family: "pp-neue-machina", sans-serif;
+	  color:#00ffd0;
+	}
+
+	p{
+	  font-family: "sono", sans-serif;
+	  color: #ffffff;
+	}
+
+	.list-group-item{
+		font-family: "pp-neue-machina", sans-serif;
+		text-transform: uppercase;
+		transition: 0.1s ease-in;
+	}
+
+	.list-group-item:hover{
+		padding-left: 1vw;
+	}
+
+</style>

From e405da6bd6076c5948c30e564125f07f36971372 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 19 Dec 2022 11:20:55 -0500
Subject: [PATCH 6/6] bottom footer bar

---
 .../components/FooterLinks/FooterLinks.svelte | 48 +++++++++++++------
 1 file changed, 34 insertions(+), 14 deletions(-)

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
index 68a121d..9bc56ef 100644
--- a/packages/gui/src/components/FooterLinks/FooterLinks.svelte
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -16,7 +16,7 @@
 				</div>
 			</div>
 
-			<div class="card social-box w-1/4 h-full border-2 border-gray">
+			<div class="card social-box h-full w-1/4 border-2 border-gray">
 				<ul class="list-group list-group-flush">
 					<div class="border-b border-gray p-3">
 						<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"
@@ -45,33 +45,53 @@
 					</div>
 				</ul>
 			</div>
-
 		</div>
 	</section>
 
-	<section class="h-16 border border-r-0 border-gray p-4 px-16" />
+	<section class="h-16 border border-r-0 border-gray p-4 px-16">
+		<div class="flex">
+			<div class="w-1/2 pt-2">
+				<p class="text-xs">
+					©2022 tea inc. You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.
+				</p>
+			</div>
+			<div class="flex w-1/2 pt-2">
+				<ul class="nav ml-auto flex text-xs">
+					<li class="nav-item mr-3 ">
+						<a class="nav-link footer-link small" href="https://tea.xyz/privacy-policy/"
+							>Privacy Policy</a
+						>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link footer-link small" href="https://tea.xyz/terms-of-use/"
+							>Terms of Use</a
+						>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</section>
 </footer>
 
 <style>
-
-	h3{
-	  font-family: "pp-neue-machina", sans-serif;
-	  color:#00ffd0;
+	h3 {
+		font-family: 'pp-neue-machina', sans-serif;
+		color: #00ffd0;
 	}
 
-	p{
-	  font-family: "sono", sans-serif;
-	  color: #ffffff;
+	p,
+	.nav-item {
+		font-family: 'sono', sans-serif;
+		color: #ffffff;
 	}
 
-	.list-group-item{
-		font-family: "pp-neue-machina", sans-serif;
+	.list-group-item {
+		font-family: 'pp-neue-machina', sans-serif;
 		text-transform: uppercase;
 		transition: 0.1s ease-in;
 	}
 
-	.list-group-item:hover{
+	.list-group-item:hover {
 		padding-left: 1vw;
 	}
-
 </style>