update

Author: vukrosic

.github/workflows/deploy.yml

@@ -3,7 +3,12 @@
 # dependencies
 /node_modules
 /.pnp
-.pnp.js
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
 # testing
 /coverage
@@ -23,9 +28,10 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
-# local env files
-.env*.local
+# env files (can opt-in for committing if needed)
+.env*
 
 # vercel
 .vercel

.gitignore

@@ -1,125 +1,36 @@
-# Open Superintelligence Lab
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
 
-A modern, responsive website for the Open Superintelligence Lab, built with Next.js and deployed to GitHub Pages.
+## Getting Started
 
-## 🚀 Quick Start
+First, run the development server:
 
-### Prerequisites
-
-- Node.js 18+ 
-- npm or yarn
-
-### Installation
-
-1. Clone the repository:
-```bash
-git clone https://github.com/Open-Superintelligence-Lab/Open-Superintelligence-Lab.github.io.git
-cd Open-Superintelligence-Lab.github.io
-```
-
-2. Install dependencies:
-```bash
-npm install
-```
-
-3. Run the development server:
 ```bash
 npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
 ```
 
-4. Open [http://localhost:3000](http://localhost:3000) in your browser.
-
-## 📦 Available Scripts
-
-- `npm run dev` - Start development server
-- `npm run build` - Build the application for production
-- `npm run start` - Start production server
-- `npm run export` - Build and export static files
-- `npm run deploy` - Deploy to GitHub Pages
-
-## 🏗️ Project Structure
-
-```
-├── app/                    # Next.js App Router
-│   ├── globals.css        # Global styles
-│   ├── layout.tsx         # Root layout
-│   └── page.tsx           # Home page
-├── components/            # React components
-│   ├── Hero.tsx           # Hero section
-│   ├── About.tsx          # About section
-│   ├── Research.tsx       # Research areas
-│   ├── Contact.tsx        # Contact section
-│   └── Footer.tsx         # Footer
-├── .github/workflows/     # GitHub Actions
-└── public/               # Static assets
-```
-
-## 🎨 Features
-
-- **Modern Design**: Clean, professional layout with gradient backgrounds
-- **Responsive**: Mobile-first design that works on all devices
-- **Fast**: Optimized for performance with Next.js
-- **SEO Ready**: Proper meta tags and semantic HTML
-- **Accessible**: WCAG compliant components
-
-## 🚀 Deployment
-
-This site is automatically deployed to GitHub Pages using GitHub Actions. Every push to the `main` branch triggers a deployment.
-
-### Manual Deployment
-
-If you need to deploy manually:
-
-```bash
-npm run export
-```
-
-This will create an `out` folder with static files that can be served by GitHub Pages.
-
-## 🔧 Configuration
-
-The site is configured for GitHub Pages deployment in `next.config.js`:
-
-- Static export enabled
-- Asset prefix set for GitHub Pages
-- Base path configured for repository name
-
-## 📝 Customization
-
-### Adding New Sections
-
-1. Create a new component in `components/`
-2. Import and add it to `app/page.tsx`
-3. Style with Tailwind CSS classes
-
-### Changing Colors
-
-The site uses a blue-purple gradient theme. To change colors, update the gradient classes in:
-- `components/Hero.tsx`
-- `components/Footer.tsx`
-
-### Updating Content
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-Edit the component files in `components/` to update text, links, and other content.
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-## 🤝 Contributing
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
 
-1. Fork the repository
-2. Create a feature branch: `git checkout -b feature-name`
-3. Make your changes
-4. Commit: `git commit -m 'Add feature'`
-5. Push: `git push origin feature-name`
-6. Open a Pull Request
+## Learn More
 
-## 📄 License
+To learn more about Next.js, take a look at the following resources:
 
-This project is open source and available under the [MIT License](LICENSE).
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
-## 🔗 Links
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
 
-- **Live Site**: [https://open-superintelligence-lab.github.io/Open-Superintelligence-Lab.github.io](https://open-superintelligence-lab.github.io/Open-Superintelligence-Lab.github.io)
-- **GitHub**: [https://github.com/Open-Superintelligence-Lab/Open-Superintelligence-Lab.github.io](https://github.com/Open-Superintelligence-Lab/Open-Superintelligence-Lab.github.io)
+## Deploy on Vercel
 
----
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
-Built with ❤️ by the Open Superintelligence Lab team.
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

README.md

@@ -1,33 +1,26 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 :root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
+    --background: #0a0a0a;
+    --foreground: #ededed;
   }
 }
 
 body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
 }

app/about/page.tsx

@@ -1,19 +1,34 @@
-import type { Metadata } from 'next'
-import './globals.css'
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
 
 export const metadata: Metadata = {
-  title: 'Open Superintelligence Lab',
-  description: 'Advancing AI research and development towards beneficial superintelligence',
-}
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
 
 export default function RootLayout({
   children,
-}: {
-  children: React.ReactNode
-}) {
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
     </html>
-  )
+  );
 }