Semantic HTML Outline for Home Page

src/frontend/pages/home.tsx

@@ -1,8 +1,34 @@
 export function Home(){
     return (
         <div>
-            <h1>Home</h1>
-            <p>Welcome to my blog</p>
+            <article>
+                <h2>Most Recent Blog Post Title</h2>
+                <div>Posted on January 1, 2024</div>
+                <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
+                <a href="/post/3">Continue Reading...</a>
+            </article>
+            <aside>
+                <div>
+                    <h3>About Me</h3>
+                    <p>I'm a software engineer</p>
+                
+                    <h3>Connect with me</h3>
+                    <ul>
+                        <li>Twitter</li>
+                        <li>GitHub</li>
+                        <li>LinkedIn</li>
+                    </ul>
+                </div>
+                <div>
+                    <h3>Categories</h3>
+                    <ul>
+                        <li>Web Development</li>
+                        <li>UI/UX Design</li>
+                        <li>Productivity</li>
+                        <li>Career</li>
+                    </ul>
+                </div>
+            </aside>
         </div>
     )
 }