diff --git a/app/globals.css b/app/globals.css
index 1261a70..4e6478a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -77,6 +77,8 @@
 @theme inline {
   --font-sans: "Geist", "Geist Fallback";
   --font-mono: "Geist Mono", "Geist Mono Fallback";
+  /* Added Fredoka bubble font for logo */
+  --font-fredoka: var(--font-fredoka);
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
diff --git a/app/layout.tsx b/app/layout.tsx
index de9ae2a..2f4e330 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,11 +1,16 @@
 import type React from "react"
 import type { Metadata } from "next"
-import { Geist, Geist_Mono } from "next/font/google"
+import { Geist, Geist_Mono, Fredoka } from "next/font/google"
 import { Analytics } from "@vercel/analytics/next"
 import "./globals.css"
 
 const _geist = Geist({ subsets: ["latin"] })
 const _geistMono = Geist_Mono({ subsets: ["latin"] })
+const _fredoka = Fredoka({
+  subsets: ["latin"],
+  weight: ["400", "700"],
+  variable: "--font-fredoka",
+})
 
 export const metadata: Metadata = {
   title: "Jefflix - Seize the Streams of Production",
@@ -36,7 +41,7 @@ export default function RootLayout({
   children: React.ReactNode
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" className={_fredoka.variable}>
       <body className={`font-sans antialiased`}>
         {children}
         <Analytics />
diff --git a/app/page.tsx b/app/page.tsx
index 0f6db26..6a2572f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -2,6 +2,7 @@ import { Button } from "@/components/ui/button"
 import { Badge } from "@/components/ui/badge"
 import { Film, Music, Server, Users, Heart, Rocket } from "lucide-react"
 import Image from "next/image"
+import { JefflixLogo } from "@/components/jefflix-logo"
 
 export default function JefflixPage() {
   return (
@@ -20,17 +21,20 @@ export default function JefflixPage() {
           <div className="max-w-6xl mx-auto">
             {/* Comic Panel Header */}
             <div className="text-center space-y-6 mb-12">
+              <div className="mb-4">
+                <JefflixLogo />
+              </div>
               <Badge className="bg-green-600 text-white text-lg px-4 py-2 font-bold border-2 border-green-800 shadow-md">
-                Digital Solidarity Project
+                An Experiment in Digital Solidarity
               </Badge>
               <h1
-                className="text-5xl md:text-7xl font-black text-balance leading-tight"
+                className="text-5xl font-black text-balance leading-tight md:text-6xl"
                 style={{
                   textShadow: "3px 3px 0px rgba(0,0,0,0.1)",
                   color: "hsl(var(--foreground))",
                 }}
               >
-                Seize the Streams of Production
+                Seizing the Streams of Production :P
               </h1>
               <div className="relative inline-block max-w-3xl">
                 <p className="text-xl md:text-2xl font-medium leading-relaxed text-muted-foreground">
@@ -161,6 +165,9 @@ export default function JefflixPage() {
           <div className="max-w-4xl mx-auto space-y-12">
             <div className="text-center space-y-4">
               <h2 className="text-4xl md:text-5xl font-black text-balance">Beyond Digital Feudalism</h2>
+              <div className="flex justify-center py-4">
+                <JefflixLogo />
+              </div>
               <p className="text-xl text-muted-foreground leading-relaxed">
                 Streaming platforms aren't just bad business—they're architecture for extraction.
               </p>
@@ -234,7 +241,7 @@ export default function JefflixPage() {
       <footer className="border-t border-border bg-muted/50">
         <div className="container mx-auto px-4 py-12">
           <div className="max-w-4xl mx-auto text-center space-y-4">
-            <div className="text-3xl font-black">JEFFLIX</div>
+            <JefflixLogo className="justify-center" />
             <p className="text-muted-foreground leading-relaxed max-w-2xl mx-auto">
               Powered by Jellyfin. Built on solidarity. Infrastructure for the sharing economy—starting digitally.
             </p>
diff --git a/components/jefflix-logo.tsx b/components/jefflix-logo.tsx
new file mode 100644
index 0000000..c583646
--- /dev/null
+++ b/components/jefflix-logo.tsx
@@ -0,0 +1,29 @@
+export function JefflixLogo({ className = "" }: { className?: string }) {
+  return (
+    <div className={`inline-flex items-center gap-1 ${className}`}>
+      <span
+        className="text-4xl md:text-5xl font-black tracking-tight"
+        style={{
+          fontFamily: "'Fredoka', 'Rounded Mplus 1c', sans-serif",
+          textShadow: "2px 2px 0px rgba(0,0,0,0.1), -1px -1px 0px rgba(255,255,255,0.5)",
+          background: "linear-gradient(135deg, #10b981 0%, #3b82f6 100%)",
+          WebkitBackgroundClip: "text",
+          WebkitTextFillColor: "transparent",
+          backgroundClip: "text",
+        }}
+      >
+        JEFFLIX
+      </span>
+      <span
+        className="text-2xl md:text-3xl font-black"
+        style={{
+          fontFamily: "'Fredoka', 'Rounded Mplus 1c', sans-serif",
+          color: "#f59e0b",
+          textShadow: "1px 1px 0px rgba(0,0,0,0.1)",
+        }}
+      >
+        .LOL
+      </span>
+    </div>
+  )
+}
