Made final changes based on comments.

microsoft · Oct 27, 2023 · 42cca26 · 42cca26
1 parent 7ad2c13
commit 42cca26
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 22 deletions.
diff --git a/src/routes/components/training-and-inference.svelte b/src/routes/components/training-and-inference.svelte
@@ -11,7 +11,7 @@
 	<p class="text-xl pb-4">
 		ONNX Runtime is the same tech that powers AI in Microsoft products like Office, Azure, and Bing, as well as in thousands of other projects across the world.
 	</p>
-	<a href="./inference" class="btn btn-primary">Learn more about ONNX Runtime Inferencing →</a>
+	<!-- <a href="./inference" class="btn btn-primary">Learn more about ONNX Runtime Inferencing →</a> -->
 	<div class="grid grid-cols-1 md:grid-cols-2 gap-10 mt-10 my-4 md:mx-10">
 		<div class="bg-slate-300 p-4 rounded">
 			<div class="grid xl:grid-cols-4 place-items-center">

diff --git a/src/routes/inference/+page.svelte b/src/routes/inference/+page.svelte
@@ -6,7 +6,7 @@
 
 	const title = 'ONNX Runtime for Inferencing';
 	const description =
-		'ONNX Runtime powers machine learning models in key Microsoft products and services across Office, Azure, Bing, as well as thousands of community projects.';
+		'ONNX Runtime mobile runs models on mobile devices using the same API used for cloud-based inferencing. Developers can use their mobile language and development environment of choice to add AI to Android, iOS, react-native, MAUI/Xamarin applications in Swift, Objective-C, Java, Kotlin, JavaScript, C, and C++.';
 	const imgsrc = 'onnxruntimelogo';
 	const imgalt = 'ONNX Runtime Logo';
 </script>
@@ -36,65 +36,66 @@
 		</div>
 	</div>
 </div>
+
 <div class="container mx-auto px-10 my-10">
 	<h1 class="text-4xl pb-4">Benefits</h1>
-	<div class="grid gap-10 grid-cols-1 md:grid-cols-3 pb-10">
+	<div class="grid gap-10 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mx-auto">
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">Cost savings vs. running models in the cloud</h2>
+				<h2 class="card-title">Improve inference performance for a wide variety of ML models</h2>
 			</div>
 		</div>
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">Better latency and availability than request in the cloud</h2>
+				<h2 class="card-title">Run on different hardware and operating systems</h2>
 			</div>
 		</div>
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">More privacy since data stays on device</h2>
+				<h2 class="card-title">Train in Python but deploy into a C#/C++/Java app</h2>
 			</div>
 		</div>
-	</div>
-	<div class="grid gap-10 grid-cols-1 md:grid-cols-2 mx-auto">
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
 				<h2 class="card-title">
-					Easily enable cross-platform portability with the same implementation through the browser
+					Train and perform inference with models created in different frameworks
 				</h2>
 			</div>
 		</div>
+	</div>
+</div>
+<div class="container mx-auto px-10 my-10">
+	<h1 class="text-2xl pb-4">Interested in inferencing on edge? Additional benefits include:</h1>
+	<div class="grid gap-10 grid-cols-1 md:grid-cols-3 pb-10">
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">
-					Simplify the distribution experience without needing any additional libraries and driver
-					installations
-				</h2>
+				<h2 class="card-title">Cost savings vs. running models in the cloud</h2>
 			</div>
 		</div>
-	</div>
-</div>
-<div class="container mx-auto px-10 my-10">
-	<h1 class="text-4xl pb-4">Use Cases</h1>
-	<div class="grid gap-10 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mx-auto">
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">Improve inference performance for a wide variety of ML models</h2>
+				<h2 class="card-title">Better latency and availability than request in the cloud</h2>
 			</div>
 		</div>
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">Run on different hardware and operating systems</h2>
+				<h2 class="card-title">More privacy since data stays on device</h2>
 			</div>
 		</div>
+	</div>
+	<div class="grid gap-10 grid-cols-1 md:grid-cols-2 mx-auto">
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
-				<h2 class="card-title">Train in Python but deploy into a C#/C++/Java app</h2>
+				<h2 class="card-title">
+					Easily enable cross-platform portability with the same implementation through the browser
+				</h2>
 			</div>
 		</div>
 		<div class="card bg-base-300">
 			<div class="card-body items-center text-center">
 				<h2 class="card-title">
-					Train and perform inference with models created in different frameworks
+					Simplify the distribution experience without needing any additional libraries and driver
+					installations
 				</h2>
 			</div>
 		</div>