Update README.md

README.md

@@ -7,63 +7,24 @@ sdk: static
 pinned: false
 ---
 
-<div class="grid lg:grid-cols-3 gap-x-4 gap-y-7">
-    <!-- Introduction paragraph -->
-    <p class="lg:col-span-3">
-        Vespa.ai offers AI + data solutions online, at any scale. It's an open-source big data serving engine that allows you to build applications requiring large-scale data processing with low-latency responses.
-    </p>
-    <!-- Vespa.ai Website -->
-    <a href="https://vespa.ai" class="block overflow-hidden group">
-        <div class="w-full h-40 object-cover mb-2 rounded-lg flex items-center justify-center bg-[#ECFAFF]">
-            <img alt="Vespa.ai Logo" src="https://firebasestorage.googleapis.com/v0/b/standards-site-beta.appspot.com/o/documents%2F80o6wjeliok%2F762pe0angxc%2FVespa-logo-dark-rgb.svg?alt=media&token=08abbba9-d10f-4041-b4ec-5993d8d366eb" class="w-40" />
-        </div>
-        <div class="underline">Vespa.ai Website</div>
-    </a>
-    <!-- Vespa Cloud Console -->
-    <a href="https://cloud.vespa.ai/console" class="block overflow-hidden group">
-        <div class="flex items-center h-40 bg-[#ECFAFF] rounded-lg px-4 mb-2">
-            <div class="text-center">
-                <h3 class="text-lg font-semibold mb-2">Vespa Cloud Console</h3>
-                <p class="text-sm">Deploy and manage your Vespa applications in the cloud.</p>
-            </div>
-        </div>
-        <div class="underline">Access Cloud Console</div>
-    </a>
-    <!-- Vespa GitHub Repository -->
-    <a href="https://github.com/vespa-engine/vespa" class="block overflow-hidden">
-        <div class="flex items-center h-40 bg-[#ECFAFF] rounded-lg px-4 mb-2">
-            <pre class="break-words leading-1 whitespace-pre-line text-xs text-gray-800">
-git clone https://github.com/vespa-engine/vespa.git
-            </pre>
-        </div>
-        <div class="underline">Vespa GitHub Repository</div>
-    </a>
-    <!-- PyVespa GitHub Repository -->
-    <a href="https://github.com/vespa-engine/pyvespa" class="block overflow-hidden group">
-        <div class="flex items-center h-40 bg-[#ECFAFF] rounded-lg px-4 mb-2">
-            <pre class="break-words leading-1 whitespace-pre-line text-xs text-gray-800">
-pip install pyvespa
-            </pre>
-        </div>
-        <div class="underline">PyVespa GitHub Repository</div>
-    </a>
-    <!-- Additional Information -->
-    <div class="lg:col-span-3">
-        <p class="mb-4">
-            Get started with Vespa and PyVespa to build scalable applications with real-time data processing capabilities.
-        </p>
-        <div class="p-4 bg-gradient-to-b from-gray-50-to-white border border-gray-100 rounded-lg relative mb-4">
-            <pre class="break-words leading-1 whitespace-pre-line text-xs md:text-sm text-gray-800">
-# Install Vespa Docker Image
-docker run --detach --name vespa --hostname vespa-container --publish 8080:8080 vespaengine/vespa
-
-# Connect using PyVespa
-from vespa.application import Vespa
-app = Vespa(url="http://localhost", port=8080)
-            </pre>
-        </div>
-        <p>
-            More information: <a href="https://docs.vespa.ai" class="underline">Vespa Documentation</a>
-        </p>
+<div class="grid lg:grid-cols-1 gap-y-7">
+    <!-- Logo -->
+    <div class="flex items-center justify-center">
+        <img src="https://firebasestorage.googleapis.com/v0/b/standards-site-beta.appspot.com/o/documents%2F80o6wjeliok%2F762pe0angxc%2FVespa-logo-dark-rgb.svg?alt=media&token=08abbba9-d10f-4041-b4ec-5993d8d366eb" alt="Vespa.ai Logo" class="w-40 mb-4" />
+    </div>
+    <!-- Title and Subtitle -->
+    <div class="text-center">
+        <h1 class="text-4xl font-bold mb-2">Vespa.ai</h1>
+        <p class="text-xl text-gray-600 mb-4">AI + data, online. At any scale.</p>
+    </div>
+    <!-- Links -->
+    <div class="flex justify-center space-x-4">
+        <a href="https://vespa.ai" class="text-blue-600 font-semibold hover:underline">Homepage</a>
+        <span>|</span>
+        <a href="https://cloud.vespa.ai/console" class="text-blue-600 font-semibold hover:underline">Cloud Console</a>
+        <span>|</span>
+        <a href="https://github.com/vespa-engine/vespa" class="text-blue-600 font-semibold hover:underline">GitHub (Vespa)</a>
+        <span>|</span>
+        <a href="https://github.com/vespa-engine/pyvespa" class="text-blue-600 font-semibold hover:underline">GitHub (PyVespa)</a>
     </div>
 </div>