From 2c5a6bdbf3f729901b47c43bc8e4320889fd443e Mon Sep 17 00:00:00 2001
From: Paul Tsai <paul_tsai@phison.com>
Date: Fri, 28 Nov 2025 11:17:28 +0000
Subject: [PATCH] docs: Add logo image and style introductory text in
 `introduction.mdx`.

---
 src/content/docs/introduction.mdx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/content/docs/introduction.mdx b/src/content/docs/introduction.mdx
index 0d99428..0b9efa7 100644
--- a/src/content/docs/introduction.mdx
+++ b/src/content/docs/introduction.mdx
@@ -4,8 +4,19 @@ description: Overview of OtterScale.
 ---
 
 import { Card, CardGrid, LinkCard, Steps, Aside } from '@astrojs/starlight/components';
-
-OtterScale is a **Hyper-Converged Infrastructure (HCI)** platform that unifies compute, storage, networking, and virtualization into a single, software-defined system. By collapsing traditional infrastructure silos, OtterScale simplifies deployment and management while delivering the scalability needed for modern enterprise workloads.
+import { Image } from 'astro:assets';
+import logo2 from '../../assets/logo2.png';
+
+<div class="flex gap-6 mb-4 items-start">
+	<Image src={logo2} alt="OtterScale Logo" width="200" />
+	<div>
+		<span class="text-xl font-bold">OtterScale</span> is a{' '}
+		<span class="text-xl font-bold">Hyper-Converged Infrastructure (HCI)</span>
+		platform that unifies compute, storage, networking, and virtualization into a single, software-defined
+		system. By collapsing traditional infrastructure silos, OtterScale simplifies deployment and management
+		while delivering the scalability needed for modern enterprise workloads.
+	</div>
+</div>
 
 <Aside type="tip">
 	OtterScale is purpose-built for high-performance computing, offering robust **computation**