fix: update Hugging Face links to use correct casing and add Discord support in footer and header

Author: mnm-matin

app/collapse/page.tsx

@@ -360,7 +360,7 @@ function ExplainerContent() {
         {/* CTA */}
         <div className="flex flex-col sm:flex-row gap-3">
           <a
-            href="https://huggingface.co/spaces/Hyper3Labs/HyperView"
+            href="https://huggingface.co/spaces/hyper3labs/HyperView"
             target="_blank"
             rel="noopener noreferrer"
             className="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-white text-gray-900 text-sm font-medium rounded-md transition-all hover:bg-gray-200"

app/index-resonance/page.tsx

@@ -247,7 +247,7 @@ function ContentSection() {
 
         <div className="flex flex-col sm:flex-row gap-4 justify-center pt-4">
           <a
-            href="https://huggingface.co/spaces/Hyper3Labs/HyperView"
+            href="https://huggingface.co/spaces/hyper3labs/HyperView"
             target="_blank"
             rel="noopener noreferrer"
             className="inline-flex items-center justify-center gap-2 px-6 py-3 bg-emerald-600 hover:bg-emerald-500 text-white font-medium rounded-xl transition-all hover:scale-105"

app/layout.tsx

@@ -2,11 +2,11 @@ import type { Metadata } from 'next';
 import './globals.css';
 
 export const metadata: Metadata = {
-  title: 'hyper₃labs — Non-Euclidean Embeddings',
+  title: 'hyper³labs — Non-Euclidean Tools for Embeddings',
   description:
     'Open-source tools for non-Euclidean embeddings and dataset curation.',
   openGraph: {
-    title: 'hyper₃labs — Non-Euclidean Embeddings',
+    title: 'hyper³labs — Non-Euclidean Tools for Embeddings',
     description:
       'Open-source tools for non-Euclidean embeddings and dataset curation.',
     type: 'website',

app/warp/page.tsx

@@ -309,7 +309,7 @@ function ExplainerContent() {
         {/* CTA */}
         <div className="flex flex-col sm:flex-row gap-3">
           <a
-            href="https://huggingface.co/spaces/Hyper3Labs/HyperView"
+            href="https://huggingface.co/spaces/hyper3labs/HyperView"
             target="_blank"
             rel="noopener noreferrer"
             className="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-white text-gray-900 text-sm font-medium rounded-md transition-all hover:bg-gray-200"

components/Footer.tsx

@@ -1,4 +1,4 @@
-import { Github } from 'lucide-react';
+import { SiDiscord, SiGithub } from '@icons-pack/react-simple-icons';
 
 export default function Footer() {
   return (
@@ -35,13 +35,22 @@ export default function Footer() {
               </div>
 
               <div className="flex items-center gap-2">
+                <a
+                  href="https://discord.gg/Qf2pXtY4Vf"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="flex items-center gap-2 px-4 py-2 text-gray-400 hover:text-white hover:bg-white/[0.06] rounded-xl transition-all duration-200 text-xs font-mono"
+                >
+                  <SiDiscord className="w-4 h-4" />
+                  discord
+                </a>
                 <a
                   href="https://github.com/Hyper3Labs"
                   target="_blank"
                   rel="noopener noreferrer"
                   className="flex items-center gap-2 px-4 py-2 text-gray-400 hover:text-white hover:bg-white/[0.06] rounded-xl transition-all duration-200 text-xs font-mono"
                 >
-                  <Github className="w-4 h-4" />
+                  <SiGithub className="w-4 h-4" />
                   github
                 </a>
               </div>

components/Header.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { Github, Menu, X } from 'lucide-react';
+import { Menu, X } from 'lucide-react';
+import { SiDiscord, SiGithub } from '@icons-pack/react-simple-icons';
 import { useState, useEffect } from 'react';
 
 export default function Header() {
@@ -61,13 +62,22 @@ export default function Header() {
               >
                 projects
               </a>
+              <a
+                href="https://discord.gg/Qf2pXtY4Vf"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex items-center gap-2 px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-white/[0.06] rounded-xl transition-all duration-200 font-mono"
+              >
+                <SiDiscord className="w-4 h-4" />
+                discord
+              </a>
               <a
                 href="https://github.com/Hyper3Labs"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="flex items-center gap-2 px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-white/[0.06] rounded-xl transition-all duration-200 font-mono"
               >
-                <Github className="w-4 h-4" />
+                <SiGithub className="w-4 h-4" />
                 github
               </a>
             </div>
@@ -92,13 +102,22 @@ export default function Header() {
                 >
                   projects
                 </a>
+                <a
+                  href="https://discord.gg/Qf2pXtY4Vf"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="flex items-center gap-2 px-4 py-3 text-gray-300 hover:text-white hover:bg-white/[0.06] rounded-xl transition-all duration-200 font-mono text-sm"
+                >
+                  <SiDiscord className="w-4 h-4" />
+                  discord
+                </a>
                 <a
                   href="https://github.com/Hyper3Labs"
                   target="_blank"
                   rel="noopener noreferrer"
                   className="flex items-center gap-2 px-4 py-3 text-gray-300 hover:text-white hover:bg-white/[0.06] rounded-xl transition-all duration-200 font-mono text-sm"
                 >
-                  <Github className="w-4 h-4" />
+                  <SiGithub className="w-4 h-4" />
                   github
                 </a>
               </div>

components/Hero.tsx

@@ -1,4 +1,5 @@
-import { Github, ArrowDown } from 'lucide-react';
+import { ArrowDown } from 'lucide-react';
+import { SiGithub } from '@icons-pack/react-simple-icons';
 import { SiHuggingface } from '@icons-pack/react-simple-icons';
 
 export default function Hero() {
@@ -21,9 +22,18 @@ export default function Hero() {
 
         {/* Key differentiators - tight, scannable */}
         <div className="flex flex-wrap gap-x-6 gap-y-2 text-sm text-gray-400 mb-10 font-mono">
-          <span>→ solves the crowding problem</span>
-          <span>→ agentic data cleanup</span>
-          <span>→ 10x faster (Rust + WebGL)</span>
+          <span className="flex items-center gap-1.5">
+             <span className="w-1.5 h-1.5 rounded-full bg-green-500"/>
+             multi-geometry support
+          </span>
+          <span className="flex items-center gap-1.5">
+             <span className="w-1.5 h-1.5 rounded-full bg-blue-500"/>
+             AI curation copilot
+          </span>
+          <span className="flex items-center gap-1.5">
+             <span className="w-1.5 h-1.5 rounded-full bg-purple-500"/>
+             multimodal native
+          </span>
         </div>
 
         {/* CTAs */}
@@ -34,7 +44,7 @@ export default function Hero() {
             rel="noopener noreferrer"
             className="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-white text-gray-900 text-sm font-medium rounded-md transition-all hover:bg-gray-200"
           >
-            <Github className="w-4 h-4" />
+            <SiGithub className="w-4 h-4" />
             View on GitHub
           </a>
           <a

components/Projects.tsx

@@ -1,20 +1,20 @@
-import { Github, ExternalLink } from 'lucide-react';
-import { SiPypi, SiNpm, SiHuggingface } from '@icons-pack/react-simple-icons';
+import { ExternalLink } from 'lucide-react';
+import { SiGithub, SiPypi, SiNpm, SiHuggingface } from '@icons-pack/react-simple-icons';
 
 const projects = [
   {
     name: 'HyperView',
     tagline: 'Data curation co-pilot',
     description:
-      'Dual-panel curation UI: image grid + embedding map. Euclidean ↔ Poincaré ↔ spherical.',
+      'Multi-panel curation UI: image grid + embedding map. Euclidean ↔ Poincaré disk.',
     features: [
       'Agentic data cleanup',
       'Multi-geometry views',
       'HuggingFace integration',
     ],
     repo: 'https://github.com/Hyper3Labs/HyperView',
-    demo: 'https://huggingface.co/spaces/Hyper3Labs/HyperView',
-    hfSpaces: 'https://huggingface.co/spaces/Hyper3Labs/HyperView',
+    demo: 'https://huggingface.co/spaces/hyper3labs/HyperView',
+    hfSpaces: 'https://huggingface.co/spaces/hyper3labs/HyperView',
     pypi: 'https://pypi.org/project/hyperview/',
     install: 'pip install hyperview',
     language: 'Python',
@@ -46,8 +46,8 @@ const projects = [
       'Auto HF download',
     ],
     repo: 'https://github.com/Hyper3Labs/hyper-models',
-    demo: 'https://huggingface.co/collections/hyperview-org/hyper-models-67900e48542fa2ea29a26684',
-    hfCollection: 'https://huggingface.co/collections/hyperview-org/hyper-models-67900e48542fa2ea29a26684',
+    demo: 'https://huggingface.co/mnm-matin/hyperbolic-clip',
+    hfCollection: 'https://huggingface.co/mnm-matin/hyperbolic-clip',
     pypi: 'https://pypi.org/project/hyper-models/',
     install: 'pip install hyper-models',
     language: 'Python',
@@ -89,7 +89,7 @@ function ProjectCard({ project }: { project: typeof projects[0] }) {
             className="p-1.5 text-gray-500 hover:text-white hover:bg-white/[0.08] rounded-lg transition-all"
             title="GitHub"
           >
-            <Github className="w-4 h-4" />
+            <SiGithub className="w-4 h-4" />
           </a>
           {project.pypi && (
             <a
@@ -119,7 +119,7 @@ function ProjectCard({ project }: { project: typeof projects[0] }) {
               target="_blank"
               rel="noopener noreferrer"
               className="p-1.5 text-gray-500 hover:text-yellow-400 hover:bg-white/[0.08] rounded-lg transition-all"
-              title={project.hfSpaces ? 'Hugging Face Spaces' : 'Hugging Face Collection'}
+              title={project.hfSpaces ? 'Hugging Face Spaces' : 'Hugging Face'}
             >
               <SiHuggingface className="w-4 h-4" />
             </a>

components/WhyGeometry.tsx

@@ -24,10 +24,6 @@ export default function WhyGeometry() {
             has exponential volume growth. That matches hierarchy.
           </p>
 
-          <p>
-            Correct interactions matter: Möbius pan/zoom and geodesic-aware selection.
-          </p>
-
           {/* Simple visual comparison - clickable cards */}
           <div className="grid md:grid-cols-2 gap-4 my-10">
             <a 
@@ -91,7 +87,7 @@ export default function WhyGeometry() {
           </div>
 
           <p className="text-sm text-gray-400">
-            HyperView lets you toggle Euclidean ↔ hyperbolic (Poincaré disk) ↔ spherical—fast.
+            HyperView lets you toggle Euclidean ↔ hyperbolic (Poincaré disk) on the same dataset.
           </p>
         </div>
       </div>