Add Such Software footer, pink/yellow theme, fix GitHub URLs

ui/app/(app)/layout.tsx

@@ -45,9 +45,17 @@ export default function AppLayout({
         <div className="site-footer-copy">
           <p>wowcheckout.com - Non-custodial Wownero checkout software.</p>
           <p>
+            Hosted by{" "}
             <Link
               className="underline underline-offset-4"
-              href="https://github.com/wowcheckout/wowcheckout"
+              href="https://such.software"
+            >
+              Such Software
+            </Link>
+            {" · "}
+            <Link
+              className="underline underline-offset-4"
+              href="https://github.com/Such-Software/wowcheckout"
             >
               GitHub
             </Link>

ui/app/(marketing)/faq/page.tsx

@@ -206,7 +206,7 @@ const faqItems: FaqItem[] = [
           official{" "}
           <Link
             className="underline underline-offset-4"
-            href="https://github.com/wowcheckout/wowcheckout"
+            href="https://github.com/Such-Software/wowcheckout"
           >
             GitHub repository
           </Link>

ui/app/(marketing)/layout.tsx

@@ -72,9 +72,17 @@ export default async function MarketingLayout({
             wowcheckout.com - Non-custodial Wownero checkout software. Open source. Self-hostable.
           </p>
           <p>
+            Hosted by{" "}
             <Link
               className="underline underline-offset-4"
-              href="https://github.com/wowcheckout/wowcheckout"
+              href="https://such.software"
+            >
+              Such Software
+            </Link>
+            {" · "}
+            <Link
+              className="underline underline-offset-4"
+              href="https://github.com/Such-Software/wowcheckout"
             >
               GitHub
             </Link>

ui/app/(marketing)/marketing.css

@@ -1,14 +1,14 @@
 :root {
-  --ink: #101217;
+  --ink: #1a1020;
-  --ink-soft: #1f2430;
+  --ink-soft: #2d1f3a;
-  --cream: #f8f2e9;
+  --cream: #fdf5f8;
-  --sand: #f1e5d2;
+  --sand: #fce8ef;
-  --clay: #c0733f;
+  --clay: #d63b7c;
-  --wownero: #f26822;
+  --wownero: #e8308c;
-  --sage: #5d7a6a;
+  --sage: #c9a832;
-  --fog: rgba(16, 18, 23, 0.08);
+  --fog: rgba(26, 16, 32, 0.08);
-  --card: rgba(248, 242, 233, 0.88);
+  --card: rgba(253, 245, 248, 0.88);
-  --stroke: rgba(16, 18, 23, 0.18);
+  --stroke: rgba(26, 16, 32, 0.18);
 }
 
 *,

ui/app/(marketing)/page.tsx

@@ -64,7 +64,7 @@ export default function MarketingHomePage() {
               </Link>
               <Link
                 className="inline-flex w-full items-center justify-center rounded-full border border-stroke bg-white/60 px-6 py-3 text-sm font-semibold text-ink transition hover:-translate-y-0.5 sm:w-auto"
-                href="https://github.com/wowcheckout/wowcheckout#self-hosted-deployment-docker-compose"
+                href="https://github.com/Such-Software/wowcheckout#self-hosted-deployment-docker-compose"
                 target="_blank"
                 rel="noreferrer"
               >

ui/public/modal/btcpay.js

@@ -40,7 +40,7 @@
     overlay.style.display = "none";
     overlay.style.alignItems = "center";
     overlay.style.justifyContent = "center";
-    overlay.style.background = "rgba(16, 18, 23, 0.6)";
+    overlay.style.background = "rgba(26, 16, 32, 0.6)";
     overlay.style.zIndex = "2147483647";
     overlay.style.padding = "24px";
 
@@ -50,7 +50,7 @@
     container.style.height = "min(86vh, 720px)";
     container.style.background = "#f8f2e9";
     container.style.borderRadius = "20px";
-    container.style.boxShadow = "0 24px 50px rgba(16, 18, 23, 0.35)";
+    container.style.boxShadow = "0 24px 50px rgba(26, 16, 32, 0.35)";
     container.style.overflow = "hidden";
 
     var iframe = document.createElement("iframe");

ui/tailwind.config.ts

@@ -8,25 +8,25 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
-        ink: "#101217",
+        ink: "#1a1020",
-        "ink-soft": "#1f2430",
+        "ink-soft": "#2d1f3a",
-        cream: "#f8f2e9",
+        cream: "#fdf5f8",
-        sand: "#f1e5d2",
+        sand: "#fce8ef",
-        clay: "#c0733f",
+        clay: "#d63b7c",
-        wownero: "#f26822",
+        wownero: "#e8308c",
-        sage: "#5d7a6a",
+        sage: "#c9a832",
-        fog: "rgba(16, 18, 23, 0.08)",
+        fog: "rgba(26, 16, 32, 0.08)",
-        card: "rgba(248, 242, 233, 0.88)",
+        card: "rgba(253, 245, 248, 0.88)",
-        stroke: "rgba(16, 18, 23, 0.18)",
+        stroke: "rgba(26, 16, 32, 0.18)",
       },
       fontFamily: {
         sans: ["Space Grotesk", "Helvetica Neue", "Arial", "sans-serif"],
         serif: ["Crimson Pro", "Georgia", "serif"],
       },
       boxShadow: {
-        soft: "0 18px 36px rgba(16, 18, 23, 0.08)",
+        soft: "0 18px 36px rgba(26, 16, 32, 0.08)",
-        card: "0 24px 50px rgba(16, 18, 23, 0.12)",
+        card: "0 24px 50px rgba(26, 16, 32, 0.12)",
-        deep: "0 24px 60px rgba(16, 18, 23, 0.26)",
+        deep: "0 24px 60px rgba(26, 16, 32, 0.26)",
       },
       borderRadius: {
         xl: "1.2rem",