chore: update hello-world example

Author: Je

examples/hello-world/pages/index.tsx

@@ -6,10 +6,10 @@ export default function Home() {
     const [count, setCount] = useState(0)
 
     return (
-        <div className="wrapper">
+        <div className="page">
             <Import from="../style/index.less" />
             <p className="logo"><Logo /></p>
-            <p>Welcome to use <strong>Aleph.js</strong>!</p>
+            <h1>Welcome to use <strong>Aleph.js</strong>!</h1>
             <p className="links">
                 <a href="https://alephjs.org" target="_blank">Website</a>
                 <span>&middot;</span>

examples/hello-world/style/index.less

@@ -1,30 +1,41 @@
+body {
+    font-family: "Helvetica Neue", Helvetica, Arial sans-serif;
+}
+
 main {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 100vh;
 }
 
-.wrapper {
+.page {
     display: flex;
     align-items: center;
     justify-content: left;
     flex-direction: column;
 
-    p {
+    h1 {
         margin: 0;
         line-height: 1.5;
-        font-size: 15px;
-        font-family: Helvetica, Arial, sans-serif;
+        font-size: 16px;
+        font-weight: 400;
         text-align: center;
-        color: #333;
+        color: #000;
 
         strong {
-            color: #000;
-            font-weight: 600;
+            font-weight: 700;
         }
     }
 
+    p {
+        margin: 0;
+        line-height: 1.5;
+        font-size: 15px;
+        text-align: center;
+        color: #333;
+    }
+
     .logo + p {
         margin-top: 6px;
     }