Launch HyperView docs and Spaces gallery

Author: mnm-matin

.github/workflows/deploy.yml

@@ -46,6 +46,9 @@ jobs:
       - name: Build with Next.js
         run: npm run build
 
+      - name: Ensure GitHub Pages serves underscore paths
+        run: touch out/.nojekyll
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v4
         with:

app/apple-icon.png

@@ -1,16 +1,83 @@
-import type { Metadata } from 'next';
+import type { Metadata, Viewport } from 'next';
 import './globals.css';
 
+const siteUrl = 'https://hyper3labs.github.io';
+const siteName = 'hyper³labs';
+const title = 'hyper³labs Docs — HyperView';
+const description =
+  'Documentation and explorable Spaces for HyperView, the agent-native multimodal data workbench from hyper³labs.';
+
 export const metadata: Metadata = {
-  title: 'hyper³labs — Non-Euclidean Tools for Embeddings',
-  description:
-    'Open-source tools for non-Euclidean embeddings and dataset curation.',
+  metadataBase: new URL(siteUrl),
+  title: {
+    default: title,
+    template: '%s — hyper³labs',
+  },
+  description,
+  applicationName: siteName,
+  manifest: '/manifest.webmanifest',
+  authors: [{ name: 'hyper³labs', url: siteUrl }],
+  creator: 'hyper³labs',
+  publisher: 'hyper³labs',
+  keywords: [
+    'HyperView',
+    'multimodal data workbench',
+    'dataset visualization',
+    'embedding visualization',
+    'agent-native tools',
+    'developer documentation',
+    'open source',
+    'hyper3labs',
+  ],
+  alternates: {
+    canonical: '/',
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+      'max-video-preview': -1,
+    },
+  },
   openGraph: {
-    title: 'hyper³labs — Non-Euclidean Tools for Embeddings',
-    description:
-      'Open-source tools for non-Euclidean embeddings and dataset curation.',
     type: 'website',
+    url: siteUrl,
+    siteName,
+    title,
+    description,
+    locale: 'en_US',
+    images: [
+      {
+        url: '/og/default.png',
+        width: 1200,
+        height: 630,
+        alt: title,
+      },
+    ],
   },
+  twitter: {
+    card: 'summary_large_image',
+    title,
+    description,
+    images: ['/og/default.png'],
+  },
+  icons: {
+    icon: [
+      { url: '/brand-assets/favicon-32.png', sizes: '32x32', type: 'image/png' },
+      { url: '/brand-assets/hyper3labs-logo-primary.svg', type: 'image/svg+xml' },
+      { url: '/brand-assets/hyper3labs-logo-primary-192.png', sizes: '192x192', type: 'image/png' },
+    ],
+    apple: '/brand-assets/apple-touch-icon.png',
+  },
+};
+
+export const viewport: Viewport = {
+  themeColor: '#0a0a0a',
+  colorScheme: 'dark',
 };
 
 export default function RootLayout({

app/favicon.ico

@@ -0,0 +1,26 @@
+import type { MetadataRoute } from 'next';
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: 'hyper³labs Docs',
+    short_name: 'hyper³labs',
+    description:
+      'Documentation and explorable Spaces for HyperView, the agent-native multimodal data workbench from hyper³labs.',
+    start_url: '/',
+    display: 'standalone',
+    background_color: '#0a0a0a',
+    theme_color: '#0a0a0a',
+    icons: [
+      {
+        src: '/brand-assets/hyper3labs-logo-primary-192.png',
+        sizes: '192x192',
+        type: 'image/png',
+      },
+      {
+        src: '/brand-assets/hyper3labs-logo-primary-512.png',
+        sizes: '512x512',
+        type: 'image/png',
+      },
+    ],
+  };
+}

app/icon.svg

@@ -1,21 +1,15 @@
 import ShaderController from '@/components/ShaderController';
 import Header from '@/components/Header';
-import Hero from '@/components/Hero';
-import WhyGeometry from '@/components/WhyGeometry';
-import Projects from '@/components/Projects';
+import DocsPortal from '@/components/DocsPortal';
 import Footer from '@/components/Footer';
 
 export default function Home() {
   return (
     <>
       <ShaderController />
       <Header />
-      <main className="relative z-10 min-h-screen">
-        <Hero />
-        <WhyGeometry />
-        <Projects />
-        <Footer />
-      </main>
+      <DocsPortal />
+      <Footer />
     </>
   );
 }

app/layout.tsx

@@ -0,0 +1,16 @@
+import type { MetadataRoute } from 'next';
+
+const siteUrl = 'https://hyper3labs.github.io';
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: [
+      {
+        userAgent: '*',
+        allow: '/',
+      },
+    ],
+    sitemap: `${siteUrl}/sitemap.xml`,
+    host: siteUrl,
+  };
+}