From 2cbbfe642960965cc4d4e323b6ec322f7b36697c Mon Sep 17 00:00:00 2001
From: Nathan Kluth <nlkluth@gmail.com>
Date: Wed, 4 Dec 2024 11:17:11 -0700
Subject: [PATCH] wip

---
 website/src/components/SidebarLeadBanner.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/website/src/components/SidebarLeadBanner.tsx b/website/src/components/SidebarLeadBanner.tsx
index d5f9b5f0b..aa931d7b0 100644
--- a/website/src/components/SidebarLeadBanner.tsx
+++ b/website/src/components/SidebarLeadBanner.tsx
@@ -1,14 +1,22 @@
 import React from "react";
+import { FaArrowRight } from "react-icons/fa";
 
 export default function SidebarLeadBanner() {
   return (
-    <div style={{ padding: "1rem", borderTop: "1px solid #ddd" }}>
-      <p>
-        <strong>Custom Component:</strong> Add any content here!
+    <aside className="rounded-xl bg-[#f2f2f2] m-3 py-7 px-9 text-[#606770]">
+      <p className="text-base font-bold">
+        Like this project? You&apos;ll love working with us.
       </p>
-      <a href="https://example.com" target="_blank" rel="noopener noreferrer">
-        Visit our site
+      <p className="text-sm">
+        Contact us to learn more about our full range of services and offerings.
+      </p>
+      <a
+        className="text-[#606770] text-sm font-bold flex items-center justify-end min-w-[100px] gap-1.5 underline underline-offset-4 decoration-2 text-[var(--ifm-color-primary)] hover:text-white"
+        href="/"
+      >
+        Learn More
+        <FaArrowRight height={40} width={40} scale={5} />
       </a>
-    </div>
+    </aside>
   );
 }