adds loading icon / more sassy message

web/src/components/IconLoading.jsx

@@ -0,0 +1,36 @@
+import { useId } from 'react'
+
+export function IconLoading(props) {
+	let id = useId()
+
+	return (
+		<svg width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" aria-hidden="true" {...props}>
+			<g fill="none" fillRule="evenodd" strokeWidth="2">
+				<circle cx="22" cy="22" r="1">
+					<animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"></animate>
+					<animate
+						attributeName="stroke-opacity"
+						begin="0s"
+						dur="1.8s"
+						values="1; 0"
+						calcMode="spline"
+						keyTimes="0; 1"
+						keySplines="0.3, 0.61, 0.355, 1"
+						repeatCount="indefinite"></animate>
+				</circle>
+				<circle cx="22" cy="22" r="1">
+					<animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"></animate>
+					<animate
+						attributeName="stroke-opacity"
+						begin="-0.9s"
+						dur="1.8s"
+						values="1; 0"
+						calcMode="spline"
+						keyTimes="0; 1"
+						keySplines="0.3, 0.61, 0.355, 1"
+						repeatCount="indefinite"></animate>
+				</circle>
+			</g>
+		</svg>
+	)
+}

web/src/components/Intro.jsx

@@ -5,6 +5,7 @@ import Link from 'next/link'
 import { IconLink } from '@/components/IconLink'
 import { Logo } from '@/components/Logo'
 import { FeedbackForm } from '@/components/FeedbackForm'
+import { IconLoading } from '@/components/IconLoading'
 
 function BookIcon(props) {
 	return (
@@ -90,8 +91,14 @@ export function Intro() {
 				extension to build <span className="text-sky-300">context rich links</span>
 			</h1>
 			<div className="mt-6 mb-6 bg-yellow-900 border-l-4 border-yellow-600 text-yellow-200 p-4 rounded">
-				<p className="font-bold">⚠️ Extension Under Review</p>
-				<p className="text-sm">The QuickCite Chrome extension is currently under review and will be available in the Chrome Web Store soon. Thank you for your patience!</p>
+				<div className="flex items-center">
+					<IconLoading className="mr-2 h-4 w-4 flex-none" />
+					<p className="font-bold">Extension Under Review</p>
+				</div>
+				<p className="text-sm">
+					The QuickCite Chrome extension is currently stuck in Google&apos;s review purgatory. We&apos;re as impatient as you are for it to grace the Chrome Web Store. Thanks for
+					hanging in there while Google takes their sweet time!
+				</p>
 			</div>
 			<p className="mt-4 text-sm/6 text-gray-300">
 				QuickCite is a chrome extension designed to enhance productivity by allowing users to quickly copy formatted information from various websites, including GitHub, LinkedIn,