Add 🔮 emoji favicon

app/layout.tsx

@@ -17,6 +17,9 @@ export const metadata: Metadata = {
     description: "Exploring mycoeconomics and post-capitalist alternatives to neoliberalism",
     type: "website",
   },
+  icons: {
+    icon: "data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔮</text></svg>",
+  },
 }
 
 export default function RootLayout({

app/page.tsx

@@ -4,6 +4,7 @@ import { AlternativesSection } from "@/components/alternatives-section"
 import { CritiqueSection } from "@/components/critique-section"
 import { PostAppitalismSection } from "@/components/post-appitalism-section"
 import { ActionSection } from "@/components/action-section"
+import { NewsletterSignup } from "@/components/newsletter-signup"
 import { Navigation } from "@/components/navigation"
 
 export default function HomePage() {
@@ -16,6 +17,7 @@ export default function HomePage() {
       <AlternativesSection />
       <PostAppitalismSection />
       <ActionSection />
+      <NewsletterSignup />
     </main>
   )
 }

components/newsletter-signup.tsx

@@ -0,0 +1,95 @@
+"use client"
+
+import { useState } from "react"
+
+const LISTMONK_URL = "https://newsletter.jeffemmett.com"
+const LIST_UUID = "df598d1a-4bed-4a8b-8c36-a5a6346febf0" // Trippin list
+
+export function NewsletterSignup() {
+  const [email, setEmail] = useState("")
+  const [status, setStatus] = useState<"idle" | "loading" | "success" | "error">("idle")
+  const [message, setMessage] = useState("")
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!email) return
+
+    setStatus("loading")
+
+    try {
+      const response = await fetch(`${LISTMONK_URL}/subscription/form`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+        body: new URLSearchParams({
+          email: email,
+          list: LIST_UUID,
+          name: "",
+        }),
+      })
+
+      if (response.ok) {
+        setStatus("success")
+        setMessage("Check your email to confirm your subscription!")
+        setEmail("")
+      } else {
+        throw new Error("Subscription failed")
+      }
+    } catch {
+      setStatus("error")
+      setMessage("Something went wrong. Please try again.")
+    }
+  }
+
+  return (
+    <section className="py-16 bg-gradient-to-b from-background to-muted/30">
+      <div className="container mx-auto px-4">
+        <div className="max-w-xl mx-auto text-center space-y-6">
+          <div className="space-y-2">
+            <h2 className="text-2xl font-bold">
+              Keep Trippin'
+            </h2>
+            <p className="text-muted-foreground">
+              Subscribe for updates on psychedelic exploration
+              and consciousness expansion.
+            </p>
+          </div>
+
+          {status === "success" ? (
+            <div className="p-4 rounded-lg bg-green-500/10 border border-green-500/20 text-green-600 dark:text-green-400">
+              {message}
+            </div>
+          ) : (
+            <form onSubmit={handleSubmit} className="flex flex-col sm:flex-row gap-3">
+              <input
+                type="email"
+                placeholder="your@email.com"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+                className="flex-1 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary/50"
+              />
+              <button
+                type="submit"
+                disabled={status === "loading"}
+                className="px-6 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 disabled:opacity-50 transition-colors"
+              >
+                {status === "loading" ? "Subscribing..." : "Subscribe"}
+              </button>
+            </form>
+          )}
+
+          {status === "error" && (
+            <p className="text-sm text-red-500">{message}</p>
+          )}
+
+          <p className="text-xs text-muted-foreground">
+            No spam, unsubscribe anytime. We respect your privacy.
+          </p>
+        </div>
+      </div>
+    </section>
+  )
+}