From 77f4e406dfcb3de72e28c6078635bb48cea9ac20 Mon Sep 17 00:00:00 2001
From: Alexander Kovrigin <git@alexkovrigin.me>
Date: Fri, 1 Dec 2023 14:33:45 +0100
Subject: [PATCH] Key features fix

---
 web/src/App.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 74c025f..51f25ef 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -96,20 +96,21 @@ function App() {
                 <div className={"column flex-1"}>
                   <Card className={"h-full"}>
                     <CardHeader>
-                      <CardTitle>Scientific Specificity</CardTitle>
+                      <CardTitle>Cross-attention visualization</CardTitle>
                     </CardHeader>
-                    <CardContent className={"p-1"}>
+                    <CardContent className={"p-0"}>
                       <img
-                        src={"/media/translation.png"}
-                        alt={"Scientific translation"}
+                        src={"/media/attention.png"}
+                        alt={"Cross-attention visualized"}
                       />
                     </CardContent>
 
                     <CardFooter className={"p-4"}>
                       <p>
-                        Our translator is specialized for scientific content,
-                        handling LaTeX expressions and terminology from arXiv
-                        papers.
+                        Dynamic hover-highlighting reveals word-to-word
+                        connections between original and translated text. This
+                        feature helps you compare and validate translations
+                        visually, enhancing comprehension between languages.
                       </p>
                     </CardFooter>
                   </Card>
@@ -117,21 +118,20 @@ function App() {
                 <div className={"column flex-1"}>
                   <Card className={"h-full"}>
                     <CardHeader>
-                      <CardTitle>Cross-attention visualization</CardTitle>
+                      <CardTitle>Scientific Specificity</CardTitle>
                     </CardHeader>
-                    <CardContent className={"p-0"}>
+                    <CardContent className={"p-1"}>
                       <img
-                        src={"/media/attention.png"}
-                        alt={"Cross-attention visualized"}
+                        src={"/media/translation.png"}
+                        alt={"Scientific translation"}
                       />
                     </CardContent>
 
                     <CardFooter className={"p-4"}>
                       <p>
-                        Dynamic hover-highlighting reveals word-to-word
-                        connections between original and translated text. This
-                        feature helps you compare and validate translations
-                        visually, enhancing comprehension between languages.
+                        Our translator is specialized for scientific content,
+                        handling LaTeX expressions and terminology from arXiv
+                        papers.
                       </p>
                     </CardFooter>
                   </Card>