revert v9 to v8 and restore images and components
#VERCEL_SKIP Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0
parent
980ec86afe
commit
6ba17a7828
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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 />
|
||||
|
|
|
|||
15
app/page.tsx
15
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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in New Issue