a

Author: vukrosic

app/about/page.tsx

@@ -0,0 +1,54 @@
+export default function About() {
+  return (
+    <div className="font-sans min-h-screen p-8 pb-20 sm:p-20">
+      <main className="max-w-4xl mx-auto">
+        <div className="mb-6">
+          <a 
+            href="/"
+            className="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 underline"
+          >
+            ← Back to Home
+          </a>
+        </div>
+        <h1 className="text-4xl font-bold mb-8 text-center">About Us</h1>
+        
+        <div className="space-y-6 text-lg leading-relaxed">
+          <p>
+            Welcome to the Open Superintelligence Lab! We are a research organization 
+            dedicated to advancing the field of artificial intelligence and ensuring 
+            the safe development of superintelligent systems.
+          </p>
+          
+          <p>
+            Our mission is to conduct cutting-edge research in AI safety, alignment, 
+            and governance while fostering collaboration between researchers, 
+            policymakers, and industry leaders.
+          </p>
+          
+          <h2 className="text-2xl font-semibold mt-8 mb-4">Our Focus Areas</h2>
+          <ul className="list-disc list-inside space-y-2 ml-4">
+            <li>AI Safety and Alignment Research</li>
+            <li>Superintelligence Governance</li>
+            <li>Technical AI Safety</li>
+            <li>Policy and Ethics</li>
+            <li>Public Education and Outreach</li>
+          </ul>
+          
+          <h2 className="text-2xl font-semibold mt-8 mb-4">Get Involved</h2>
+          <p>
+            We believe that addressing the challenges of superintelligence requires 
+            a collaborative effort from the global community. Whether you're a 
+            researcher, student, policymaker, or simply interested in AI safety, 
+            there are many ways to contribute to our mission.
+          </p>
+          
+          <div className="mt-8 p-6 bg-gray-50 dark:bg-gray-800 rounded-lg">
+            <p className="text-center text-gray-600 dark:text-gray-400">
+              This is a test About page created to demonstrate the Next.js routing system.
+            </p>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}

app/page.tsx

@@ -28,18 +28,9 @@ export default function Home() {
         <div className="flex gap-4 items-center flex-col sm:flex-row">
           <a
             className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
+            href="/about"
           >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={20}
-              height={20}
-            />
-            Deploy now
+            About Us
           </a>
           <a
             className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]"