Skip to content

Commit 179e534

Browse files
vukrosicvukrosic
committed
Refactor layout and styling across pages to unify color scheme, enhance navigation links, and improve overall design consistency. Update blog post sections for better readability and accessibility.
1 parent 5ad370f commit 179e534

File tree

5 files changed

+291
-148
lines changed

5 files changed

+291
-148
lines changed

‎app/about/page.tsx‎

Lines changed: 185 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -2,55 +2,197 @@ import Link from "next/link";
22

33
export default function About() {
44
return (
5-
<div className="font-sans min-h-screen p-8 pb-20 sm:p-20 bg-pink-500 text-white">
6-
<main className="max-w-4xl mx-auto">
7-
<div className="mb-6">
8-
<Link
9-
href="/"
10-
className="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 underline"
11-
>
5+
<div className="min-h-screen bg-black text-white">
6+
{/* Header */}
7+
<header className="container mx-auto px-6 py-8">
8+
<nav className="flex justify-between items-center">
9+
<Link href="/" className="text-2xl font-bold hover:text-gray-400 transition-colors">
10+
Open Superintelligence Lab
11+
</Link>
12+
<div className="flex gap-6">
13+
<Link href="/about" className="text-gray-400">About</Link>
14+
<Link href="/blog" className="hover:text-gray-400 transition-colors">Blog</Link>
15+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-gray-400 transition-colors" target="_blank" rel="noopener noreferrer">Blueberry LLM</a>
16+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-gray-400 transition-colors" target="_blank" rel="noopener noreferrer">GitHub</a>
17+
</div>
18+
</nav>
19+
</header>
20+
21+
{/* Main Content */}
22+
<main className="container mx-auto px-6 py-16">
23+
<div className="max-w-4xl mx-auto">
24+
{/* Back to Home */}
25+
<Link href="/" className="text-gray-400 hover:text-white transition-colors mb-8 inline-block">
1226
← Back to Home
1327
</Link>
14-
</div>
15-
<h1 className="text-4xl font-bold mb-8 text-center">About Us</h1>
16-
17-
<div className="space-y-6 text-lg leading-relaxed">
18-
<p>
19-
Welcome to the Open Superintelligence Lab! We are a research organization
20-
dedicated to advancing the field of artificial intelligence and ensuring
21-
the safe development of superintelligent systems.
22-
</p>
23-
24-
<p>
25-
Our mission is to conduct cutting-edge research in AI safety, alignment,
26-
and governance while fostering collaboration between researchers,
27-
policymakers, and industry leaders.
28-
</p>
29-
30-
<h2 className="text-2xl font-semibold mt-8 mb-4">Our Focus Areas</h2>
31-
<ul className="list-disc list-inside space-y-2 ml-4">
32-
<li>AI Safety and Alignment Research</li>
33-
<li>Superintelligence Governance</li>
34-
<li>Technical AI Safety</li>
35-
<li>Policy and Ethics</li>
36-
<li>Public Education and Outreach</li>
37-
</ul>
38-
39-
<h2 className="text-2xl font-semibold mt-8 mb-4">Get Involved</h2>
40-
<p>
41-
We believe that addressing the challenges of superintelligence requires
42-
a collaborative effort from the global community. Whether you&apos;re a
43-
researcher, student, policymaker, or simply interested in AI safety,
44-
there are many ways to contribute to our mission.
45-
</p>
46-
47-
<div className="mt-8 p-6 bg-gray-50 dark:bg-gray-800 rounded-lg">
48-
<p className="text-center text-gray-600 dark:text-gray-400">
49-
This is a test About page created to demonstrate the Next.js routing system.
28+
29+
{/* Page Header */}
30+
<header className="mb-12">
31+
<h1 className="text-5xl font-bold mb-6 text-white">About Us</h1>
32+
<p className="text-xl text-gray-300 leading-relaxed">
33+
Building the future of open superintelligence through research, collaboration, and innovation.
34+
</p>
35+
</header>
36+
37+
{/* Mission Section */}
38+
<div className="bg-gray-900 rounded-lg p-8 mb-12 border border-gray-800">
39+
<h2 className="text-3xl font-bold mb-6 text-white">Our Mission</h2>
40+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
41+
Open Superintelligence Lab is dedicated to making superintelligence development accessible to everyone.
42+
We believe that the future of AI should be built openly, safely, and for the benefit of all humanity.
43+
</p>
44+
<p className="text-lg leading-relaxed text-gray-200">
45+
Our mission is to democratize AI development by creating tools and frameworks that allow anyone,
46+
regardless of technical expertise, to contribute to superintelligence research and development.
47+
</p>
48+
</div>
49+
50+
{/* Vision Section */}
51+
<div className="bg-gray-900 rounded-lg p-8 mb-12 border border-gray-800">
52+
<h2 className="text-3xl font-bold mb-6 text-white">Our Vision</h2>
53+
<p className="text-lg leading-relaxed text-gray-200 mb-6">
54+
Any company or person (even with no technical experience) should be able to download our repository
55+
and run it on their GPU setup - from 1 GPU to 1 million GPUs. The system will automatically
56+
detect your hardware configuration, tune hyperparameters for optimal performance, and run the best
57+
possible training with or without manual configuration.
5058
</p>
59+
<div className="grid md:grid-cols-3 gap-6">
60+
<div className="bg-gray-800 rounded-lg p-6">
61+
<h3 className="text-xl font-semibold mb-3 text-white">🚀 Auto-Scaling</h3>
62+
<p className="text-gray-300 text-sm leading-relaxed">
63+
Seamlessly scale from single GPU to massive distributed clusters
64+
</p>
65+
</div>
66+
<div className="bg-gray-800 rounded-lg p-6">
67+
<h3 className="text-xl font-semibold mb-3 text-white">⚡ Auto-Tuning</h3>
68+
<p className="text-gray-300 text-sm leading-relaxed">
69+
Intelligent hyperparameter optimization for your hardware
70+
</p>
71+
</div>
72+
<div className="bg-gray-800 rounded-lg p-6">
73+
<h3 className="text-xl font-semibold mb-3 text-white">🔧 Zero-Config</h3>
74+
<p className="text-gray-300 text-sm leading-relaxed">
75+
Works out of the box with automatic hardware detection
76+
</p>
77+
</div>
78+
</div>
79+
</div>
80+
81+
{/* Research Focus */}
82+
<div className="bg-gray-900 rounded-lg p-8 mb-12 border border-gray-800">
83+
<h2 className="text-3xl font-bold mb-6 text-white">Research Focus</h2>
84+
<div className="grid md:grid-cols-2 gap-8">
85+
<div>
86+
<h3 className="text-xl font-semibold mb-4 text-white">Blueberry LLM 🫐</h3>
87+
<p className="text-gray-300 leading-relaxed mb-4">
88+
Our flagship Mixture of Experts (MoE) language model implementation.
89+
Clone, install dependencies, and train your own language model with a single command.
90+
</p>
91+
<a
92+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm"
93+
className="text-gray-400 hover:text-white transition-colors font-semibold"
94+
target="_blank"
95+
rel="noopener noreferrer"
96+
>
97+
→ Explore Blueberry LLM
98+
</a>
99+
</div>
100+
<div>
101+
<h3 className="text-xl font-semibold mb-4 text-white">Open Research</h3>
102+
<p className="text-gray-300 leading-relaxed mb-4">
103+
We conduct open research in AI safety, alignment, and governance.
104+
All our findings, code, and models are publicly available.
105+
</p>
106+
<a
107+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues"
108+
className="text-gray-400 hover:text-white transition-colors font-semibold"
109+
target="_blank"
110+
rel="noopener noreferrer"
111+
>
112+
→ Pick a Research Task
113+
</a>
114+
</div>
115+
</div>
116+
</div>
117+
118+
{/* Get Involved */}
119+
<div className="bg-gray-900 rounded-lg p-8 mb-12 border border-gray-800">
120+
<h2 className="text-3xl font-bold mb-6 text-white">Get Involved</h2>
121+
<p className="text-lg leading-relaxed text-gray-200 mb-8">
122+
We believe that addressing the challenges of superintelligence requires a collaborative effort
123+
from the global community. Whether you&apos;re a researcher, student, developer, or simply
124+
interested in AI safety, there are many ways to contribute.
125+
</p>
126+
127+
<div className="flex gap-4 justify-center flex-col sm:flex-row">
128+
<a
129+
href="https://github.com/Open-Superintelligence-Lab/blueberry-llm/issues"
130+
className="bg-white text-black px-8 py-4 rounded-lg font-semibold transition-all hover:bg-gray-200"
131+
target="_blank"
132+
rel="noopener noreferrer"
133+
>
134+
Pick a Research Task
135+
</a>
136+
<a
137+
href="https://github.com/open-superintelligence-lab"
138+
className="border border-gray-600 hover:bg-gray-800 px-8 py-4 rounded-lg font-semibold transition-all"
139+
target="_blank"
140+
rel="noopener noreferrer"
141+
>
142+
Join Our Community
143+
</a>
144+
</div>
145+
</div>
146+
147+
{/* Values */}
148+
<div className="bg-gray-900 rounded-lg p-8 border border-gray-800">
149+
<h2 className="text-3xl font-bold mb-6 text-white">Our Values</h2>
150+
<div className="grid md:grid-cols-2 gap-8">
151+
<div>
152+
<h3 className="text-xl font-semibold mb-3 text-white">Open Source</h3>
153+
<p className="text-gray-300 leading-relaxed">
154+
All our research, code, and findings are open source. We believe in transparency
155+
and collaboration as the foundation of safe AI development.
156+
</p>
157+
</div>
158+
<div>
159+
<h3 className="text-xl font-semibold mb-3 text-white">Speed</h3>
160+
<p className="text-gray-300 leading-relaxed">
161+
We optimize for performance and efficiency, ensuring our tools can scale
162+
from single GPU setups to massive distributed systems seamlessly.
163+
</p>
164+
</div>
165+
<div>
166+
<h3 className="text-xl font-semibold mb-3 text-white">Accessibility</h3>
167+
<p className="text-gray-300 leading-relaxed">
168+
We make advanced AI research accessible to everyone, regardless of technical
169+
background or resources.
170+
</p>
171+
</div>
172+
<div>
173+
<h3 className="text-xl font-semibold mb-3 text-white">Innovation</h3>
174+
<p className="text-gray-300 leading-relaxed">
175+
We push the boundaries of what&apos;s possible in AI research while maintaining
176+
our commitment to safety and openness.
177+
</p>
178+
</div>
179+
</div>
51180
</div>
52181
</div>
53182
</main>
183+
184+
{/* Footer */}
185+
<footer className="container mx-auto px-6 py-8 border-t border-gray-800">
186+
<div className="flex justify-between items-center text-gray-400">
187+
<p>&copy; 2024 Open Superintelligence Lab. Open source for everyone.</p>
188+
<div className="flex gap-6">
189+
<a href="https://github.com/Open-Superintelligence-Lab/blueberry-llm" className="hover:text-white transition-colors" target="_blank" rel="noopener noreferrer">Blueberry LLM</a>
190+
<a href="https://github.com/open-superintelligence-lab" className="hover:text-white transition-colors" target="_blank" rel="noopener noreferrer">GitHub</a>
191+
<Link href="/about" className="hover:text-white transition-colors">About</Link>
192+
<Link href="/blog" className="hover:text-white transition-colors">Blog</Link>
193+
</div>
194+
</div>
195+
</footer>
54196
</div>
55197
);
56198
}

0 commit comments

Comments
 (0)