Skip to content

Commit f501fb0

Browse files
mateobelangermateobelanger
committed
Merge branch 'feat/add-product-cards'
2 parents 91363d2 + 9a97f3d commit f501fb0

File tree

8 files changed

+251
-39
lines changed

8 files changed

+251
-39
lines changed

‎assets/arc_dark.jpg‎

6.43 KB
Loading

‎assets/rig_light.svg‎

Lines changed: 20 additions & 0 deletions
Loading

‎assets/ryzome_logo_square.png‎

41.2 KB
Loading

‎assets/ryzome_logo_wordmark.png‎

25.5 KB
Loading

‎assets/telegram_dark.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎index.html‎

Lines changed: 123 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,7 @@
2222
<div class="fixed top-0 left-0 right-0 z-50 items-center justify-center py-2 text-sm font-bold text-white transition-transform duration-300"
2323
id="starBanner"
2424
style="background: linear-gradient(85.52deg, rgba(3, 205, 244) -7.27%, rgba(114, 159, 252) 108.87%); display: flex;">
25-
<a href="https://github.com/0xPlaygrounds/rig" target="_blank" rel="noopener noreferrer">⭐️ Support Rig and give
26-
it a star on GitHub!</a><button class="absolute right-3" onclick="hideBanner()"><svg width="25" height="25"
25+
<a href="https://canvas.ryzome.ai/" target="_blank" rel="noopener noreferrer">⭐️ Join the Ryzome Early Access Waitlist!</a><button class="absolute right-3" onclick="hideBanner()"><svg width="25" height="25"
2726
viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2827
<path d="M6.49023 6.48926L18.511 18.5101" stroke="white" stroke-width="3"></path>
2928
<path d="M6.49023 18.5107L18.511 6.48993" stroke="white" stroke-width="3"></path>
@@ -32,11 +31,11 @@
3231
<nav class="fixed displdidiplssw-full backdrop-filter backdrop-blur-lg w-full p-4 z-10" style="top: 36px;">
3332
<div class="container mx-auto flex justify-between items-center">
3433
<a href="#" class="text-2xl font-bold">
35-
<img src="assets/PG-Logo.png" alt="Rig Logo" class="h-10">
34+
<img src="assets/PG-Logo.png" alt="Playgrounds Logo" class="h-10">
3635
</a>
3736
<div>
3837
<a href="#about" class="ml-4 text-white nav-link">About</a>
39-
<a href="https://rig.rs" class="ml-4 text-white nav-link">Rig</a>
38+
<a href="#products" class="ml-4 text-white nav-link">Products</a>
4039
<a href="https://dev.to/0thtachi" class="ml-4 text-white nav-link">Blog</a>
4140
<a href="https://github.com/0xPlaygrounds" class="ml-2 text-white nav-link"> <svg class="w-5 h-5 mr-1 inline-block"
4241
fill="white" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
@@ -49,15 +48,15 @@
4948

5049
<header class="h-screen flex items-center justify-center text-white">
5150
<canvas id="headerCanvas" class="absolute top-0 left-0 w-full h-full"></canvas>
52-
<div class="text-center relative z-10 px-4 max-w-3xl"> <!-- Added max-width and padding -->
51+
<div class="text-center relative z-10 px-4 max-w-4xl">
5352
<h1 class="mb-4 text-6xl font-bold">Playgrounds</h1>
54-
<p class="mb-8 typewriter">Supercharging AI Application Development with Open-Source Tools</p>
55-
<div class="flex justify-center space-x-4">
56-
<a href="#about" class="btn bg-white text-black hover:bg-gray-200 transition duration-300 pulse">
57-
Learn More
53+
<p class="mb-8 typewriter">Building the Future of AI Development with Open-Source Innovation</p>
54+
<div class="flex flex-wrap justify-center gap-4">
55+
<a href="#products" class="btn bg-white text-black hover:bg-gray-200 transition duration-300 pulse">
56+
Explore Products
5857
</a>
5958
<a href="https://rig.rs" class="btn bg-accent text-white hover:bg-accent-dark transition duration-300">
60-
<img src="assets/rig_dark_square.svg" alt="Rig Icon" class="inline-block w-8 h-7 mr-2">Lock In
59+
<img src="assets/rig_dark_square.svg" alt="Rig Icon" class="inline-block w-8 h-7 mr-2">Get Started with Rig
6160
</a>
6261
</div>
6362
</div>
@@ -66,19 +65,123 @@ <h1 class="mb-4 text-6xl font-bold">Playgrounds</h1>
6665
</div>
6766
</header>
6867

69-
<main class="container mx-auto px-4 py-16">
70-
<section id="about" class="mb-16 fade-in">
71-
<h2 class="text-3xl font-bold mb-4">About Us</h2>
72-
<p class="text-lg leading-relaxed">
73-
At Playgrounds, our mission is to empower developers with high-performance, open-source tools for
74-
building modular and scalable AI applications. Our flagship product, RIG, is a general-purpose LLM
75-
framework written in Rust that provides a robust foundation and modular APIs for developing and
76-
deploying efficient AI solutions.
68+
<main class="container mx-auto px-4 py-16" id="main">
69+
<section id="about" class="mb-20 fade-in">
70+
<h2 class="text-4xl font-bold mb-6 text-center">About Playgrounds</h2>
71+
<p class="text-lg leading-relaxed text-center max-w-3xl mx-auto">
72+
At Playgrounds, we're on a mission to democratize AI development through powerful, open-source tools.
73+
Our ecosystem spans from low-level frameworks to user-facing applications, empowering developers and
74+
organizations to build the next generation of AI-powered solutions.
7775
</p>
7876
</section>
7977

80-
<section id="connect" class="mb-16 fade-in bg-white-100 p-8 rounded-lg">
81-
<h2 class="text-3xl font-bold mb-4 text-center"></h2>
78+
<section id="products" class="mb-20 fade-in">
79+
<h2 class="text-4xl font-bold mb-12 text-center">Our Products</h2>
80+
<div class="grid md:grid-cols-3 gap-8">
81+
<!-- Rig Product Card -->
82+
<div class="product-card bg-white border-2 border-gray-200 rounded-lg p-8 hover:shadow-xl transition-all duration-300 hover:border-accent-color">
83+
<div class="flex items-center mb-4">
84+
<img src="assets/rig_dark_square.svg" alt="Rig Logo" class="w-12 h-12 mr-4" style="filter: invert(1);">
85+
<h3 class="text-2xl font-bold">Rig</h3>
86+
</div>
87+
<p class="text-gray-600 mb-6 leading-relaxed">
88+
Open-source Rust LLM framework providing high-performance, modular APIs for building
89+
scalable AI applications with type safety and lightning-fast execution.
90+
</p>
91+
<div class="space-y-3 mb-6">
92+
<div class="flex items-center text-sm text-gray-700">
93+
<span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
94+
Rust-powered performance
95+
</div>
96+
<div class="flex items-center text-sm text-gray-700">
97+
<span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span>
98+
Modular architecture
99+
</div>
100+
<div class="flex items-center text-sm text-gray-700">
101+
<span class="w-2 h-2 bg-purple-500 rounded-full mr-2"></span>
102+
Enterprise-ready
103+
</div>
104+
</div>
105+
<div class="flex space-x-3">
106+
<a href="https://rig.rs" class="btn-sm bg-black text-white hover:bg-gray-800 transition duration-300">
107+
Documentation
108+
</a>
109+
<a href="https://github.com/0xPlaygrounds/rig" class="btn-sm border border-gray-300 text-gray-700 hover:bg-gray-50 transition duration-300">
110+
GitHub
111+
</a>
112+
</div>
113+
</div>
114+
115+
<!-- Arc Product Card -->
116+
<div class="product-card bg-white border-2 border-gray-200 rounded-lg p-8 hover:shadow-xl transition-all duration-300 hover:border-accent-color">
117+
<div class="flex items-center mb-4">
118+
<img src="assets/arc_dark.jpg" alt="Arc Logo" class="w-12 h-12 mr-4 rounded-lg object-cover">
119+
<h3 class="text-2xl font-bold">Arc</h3>
120+
</div>
121+
<p class="text-gray-600 mb-6 leading-relaxed">
122+
AI Rig Complex - A thriving community ecosystem fostering partnerships, side projects,
123+
and collaborative innovation built around the Rig framework.
124+
</p>
125+
<div class="space-y-3 mb-6">
126+
<div class="flex items-center text-sm text-gray-700">
127+
<span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span>
128+
Community-driven
129+
</div>
130+
<div class="flex items-center text-sm text-gray-700">
131+
<span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
132+
Partner ecosystem
133+
</div>
134+
<div class="flex items-center text-sm text-gray-700">
135+
<span class="w-2 h-2 bg-orange-500 rounded-full mr-2"></span>
136+
Open collaboration
137+
</div>
138+
</div>
139+
<div class="flex space-x-3">
140+
<a href="https://t.me/+CI-vivonuApiZWQ0" class="btn-sm bg-black text-white hover:bg-gray-800 transition duration-300 flex items-center">
141+
<img src="assets/telegram_dark.svg" alt="Telegram" class="w-6 h-6 mr-2" style="filter: invert(1);">
142+
Join Community
143+
</a>
144+
<a href="https://arc.fun" class="btn-sm border border-gray-300 text-gray-700 hover:bg-gray-50 transition duration-300">
145+
Learn More
146+
</a>
147+
</div>
148+
</div>
149+
<!-- Ryzome Product Card -->
150+
<div class="product-card bg-white border-2 border-gray-200 rounded-lg p-8 hover:shadow-xl transition-all duration-300 hover:border-accent-color">
151+
<div class="flex items-center mb-4">
152+
<img src="assets/ryzome_logo_square.png" alt="Ryzome Logo" class="w-12 h-12 mr-4 rounded-lg object-cover">
153+
<h3 class="text-2xl font-bold">Ryzome</h3>
154+
<span class="ml-3 mt-1 px-2 py-1 text-xs font-semibold text-black rounded-full" style="background-color: #8FF78F;">early access</span>
155+
</div>
156+
<p class="text-gray-600 mb-6 leading-relaxed">
157+
AI-powered workspace platform that transforms how teams collaborate, create, and innovate.
158+
The user-facing canvas that brings AI capabilities to everyday workflows.
159+
</p>
160+
<div class="space-y-3 mb-6">
161+
<div class="flex items-center text-sm text-gray-700">
162+
<span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
163+
AI-powered workflows
164+
</div>
165+
<div class="flex items-center text-sm text-gray-700">
166+
<span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span>
167+
Team collaboration
168+
</div>
169+
<div class="flex items-center text-sm text-gray-700">
170+
<span class="w-2 h-2 bg-purple-500 rounded-full mr-2"></span>
171+
<em>Cursor</em> &nbsp;for the rest of us
172+
</div>
173+
</div>
174+
<div class="flex space-x-3">
175+
<a href="https://canvas.ryzome.ai" class="btn-sm bg-black text-white hover:bg-gray-800 transition duration-300">
176+
Join Waitlist
177+
</a>
178+
</div>
179+
</div>
180+
</div>
181+
</section>
182+
183+
<section id="connect" class="mb-16 fade-in bg-gray-50 p-8 rounded-lg">
184+
<h2 class="text-3xl font-bold mb-8 text-center">Connect with Us</h2>
82185
<div class="flex justify-center space-x-8">
83186
<a href="https://discord.com/invite/playgrounds" target="_blank" rel="noopener noreferrer"
84187
class="text-gray-700 hover:text-blue-600 transition duration-300">

0 commit comments

Comments
 (0)