Publish Cultureyes organization landing page

index.html

@@ -1,19 +1,67 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#102a2a" />
+    <meta name="description" content="Independent AI work from the United Arab Emirates: Arabic-English models, tools, and evaluation." />
+    <title>CULTUREYES Ai</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <main class="shell">
+      <header class="hero">
+        <p class="eyebrow">INDEPENDENT AI WORK · UNITED ARAB EMIRATES</p>
+        <h1>CULTUREYES <span>Ai</span></h1>
+        <p class="lead">Building and sharing models, tools, and evaluation work for others to inspect, continue, and make their own.</p>
+        <p class="languages">Arabic <span aria-hidden="true">·</span> English</p>
+      </header>
+
+      <section class="releases" aria-labelledby="releases-title">
+        <div class="section-heading">
+          <p class="eyebrow">MODEL RELEASES</p>
+          <h2 id="releases-title">Operator</h2>
+        </div>
+        <div class="cards">
+          <a class="release-card" href="https://huggingface.co/CULUREYES-stack/Operator-1B">
+            <span class="size">1B FAMILY</span>
+            <h3>Operator 1B</h3>
+            <p>Arabic-English model with base and supervised fine-tuning checkpoints for continued training or fine-tuning.</p>
+            <span class="link-label">Explore the model <span aria-hidden="true">↗</span></span>
+          </a>
+          <a class="release-card" href="https://huggingface.co/CULUREYES-stack/Operator-4B">
+            <span class="size">4B FAMILY</span>
+            <h3>Operator 4B</h3>
+            <p>Arabic-English model from the HajeriLM family, released for developers to inspect and build on.</p>
+            <span class="link-label">Explore the model <span aria-hidden="true">↗</span></span>
+          </a>
+        </div>
+      </section>
+
+      <section class="work" aria-labelledby="work-title">
+        <p class="eyebrow">BEYOND THE MODELS</p>
+        <h2 id="work-title">Tools and evaluation</h2>
+        <div class="work-grid">
+          <p><strong>HajeriLM</strong><br />Model architecture and training work.</p>
+          <p><strong>MIZAN</strong><br />Evaluation work examining model responses across tasks and situations.</p>
+          <p><strong>HIM</strong><br />Inference tools intended to run models across different machines.</p>
+        </div>
+      </section>
+
+      <section class="arabic" lang="ar" dir="rtl" aria-labelledby="arabic-title">
+        <p class="eyebrow">عمل مستقل من دولة الإمارات العربية المتحدة</p>
+        <h2 id="arabic-title">كالتشر آيز</h2>
+        <p>نبني نماذج وأدوات وأعمال تقييم ونشاركها كي يتمكن الآخرون من فحصها ومواصلة تطويرها والبناء عليها.</p>
+        <div class="arabic-links">
+          <a href="https://huggingface.co/CULUREYES-stack/Operator-1B">Operator 1B</a>
+          <a href="https://huggingface.co/CULUREYES-stack/Operator-4B">Operator 4B</a>
+        </div>
+      </section>
+
+      <footer>
+        <span>Built independently in the UAE.</span>
+        <span>Check each repository for its license and technical details.</span>
+      </footer>
+    </main>
+  </body>
 </html>