imagwn

components/yuuki/creator-section.tsx

@@ -28,10 +28,9 @@ export function CreatorSection() {
               <div className="-mt-12 mb-6 flex items-end gap-4">
                 <div className="h-24 w-24 overflow-hidden rounded-2xl border-4 border-card bg-secondary">
                   <img
-                    src="https://github.com/aguitauwu.png"
+                    src="/images/agua-avatar.jpg"
                     alt="agua_omg avatar"
                     className="h-full w-full object-cover"
-                    crossOrigin="anonymous"
                   />
                 </div>
                 <div className="mb-1">

components/yuuki/demo-section.tsx

@@ -1,75 +0,0 @@
-"use client"
-
-import { useEffect, useRef, useState } from "react"
-
-export function DemoSection() {
-  const containerRef = useRef<HTMLDivElement>(null)
-  const [loaded, setLoaded] = useState(false)
-
-  useEffect(() => {
-    if (loaded) return
-    // Load Gradio script dynamically
-    const script = document.createElement("script")
-    script.type = "module"
-    script.src = "https://gradio.s3-us-west-2.amazonaws.com/5.9.1/gradio.js"
-    script.onload = () => {
-      if (!containerRef.current) return
-      // Create the gradio-app custom element after the script loads
-      const gradioApp = document.createElement("gradio-app")
-      gradioApp.setAttribute("src", "https://opceanai-yuuki.hf.space")
-      gradioApp.style.minHeight = "600px"
-      gradioApp.style.width = "100%"
-      containerRef.current.appendChild(gradioApp)
-    }
-    document.head.appendChild(script)
-    setLoaded(true)
-  }, [loaded])
-
-  return (
-    <section id="demo" className="relative px-6 py-24">
-      <div className="mx-auto max-w-7xl">
-        <div className="mb-12 text-center">
-          <span className="mb-4 inline-block font-mono text-xs uppercase tracking-widest text-sakura">
-            Live Demo
-          </span>
-          <h2 className="mb-4 text-3xl font-bold text-foreground md:text-5xl text-balance">
-            Try Yuuki Now
-          </h2>
-          <p className="mx-auto max-w-2xl text-muted-foreground leading-relaxed">
-            Generate code directly in your browser. This Space runs the Yuuki-best model
-            on HuggingFace infrastructure. No setup required.
-          </p>
-        </div>
-
-        <div className="overflow-hidden rounded-2xl border border-border bg-card">
-          {/* Window chrome */}
-          <div className="flex items-center justify-between border-b border-border px-4 py-3">
-            <div className="flex items-center gap-2">
-              <div className="h-3 w-3 rounded-full bg-[#ef4444]/60" />
-              <div className="h-3 w-3 rounded-full bg-[#eab308]/60" />
-              <div className="h-3 w-3 rounded-full bg-[#22c55e]/60" />
-            </div>
-            <span className="text-xs font-mono text-muted-foreground">
-              opceanai-yuuki.hf.space
-            </span>
-            <a
-              href="https://huggingface.co/spaces/OpceanAI/Yuuki"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-xs text-sakura hover:underline"
-            >
-              Open in new tab
-            </a>
-          </div>
-
-          {/* Gradio embed */}
-          <div ref={containerRef} className="relative min-h-[600px] w-full bg-background" />
-        </div>
-
-        <p className="mt-4 text-center text-xs text-muted-foreground">
-          The Space may take a moment to load if it has been idle. Powered by HuggingFace Spaces.
-        </p>
-      </div>
-    </section>
-  )
-}

components/yuuki/donate-section.tsx

@@ -1,68 +0,0 @@
-import { Heart } from "lucide-react"
-
-export function DonateSection() {
-  return (
-    <section id="donate" className="relative px-6 py-24">
-      <div className="mx-auto max-w-7xl">
-        <div className="mx-auto max-w-3xl">
-          <div className="overflow-hidden rounded-2xl border border-sakura-border bg-card relative">
-            {/* Background decoration */}
-            <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-sakura/5 via-transparent to-transparent" />
-            
-            <div className="relative p-8 md:p-12 text-center">
-              <div className="mb-6 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-sakura-dim border border-sakura-border">
-                <Heart size={24} className="text-sakura" />
-              </div>
-              
-              <h2 className="mb-4 text-3xl font-bold text-foreground md:text-4xl text-balance">
-                Support the Project
-              </h2>
-              <p className="mx-auto mb-8 max-w-xl text-muted-foreground leading-relaxed">
-                Yuuki is built with zero budget by a single person. Your support helps keep the
-                project alive and growing -- better hardware, more training time, and new features.
-              </p>
-
-              {/* GitHub Sponsors embed */}
-              <div className="mb-8 flex justify-center">
-                <div className="overflow-hidden rounded-xl border border-border bg-background">
-                  <iframe
-                    src="https://github.com/sponsors/aguitauwu/card"
-                    title="Sponsor aguitauwu"
-                    height={225}
-                    width={600}
-                    className="max-w-full border-0"
-                    style={{ border: 0 }}
-                  />
-                </div>
-              </div>
-
-              <div className="flex flex-col items-center gap-4 sm:flex-row sm:justify-center">
-                <a
-                  href="https://github.com/sponsors/aguitauwu"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="inline-flex items-center gap-2 rounded-xl bg-sakura px-8 py-3.5 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90"
-                >
-                  <Heart size={16} />
-                  Sponsor on GitHub
-                </a>
-                <a
-                  href="https://github.com/YuuKi-OS"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="inline-flex items-center gap-2 rounded-xl border border-border px-8 py-3.5 text-sm font-medium text-foreground transition-colors hover:bg-secondary"
-                >
-                  Star the repos
-                </a>
-              </div>
-
-              <p className="mt-6 text-xs text-muted-foreground">
-                Even a star on GitHub helps. Every contribution matters.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}