${personalData.name}

${personalData.label}

\n ${children}\n \n \n `;\n }),\n);\n\n// Navigation component\nconst Navigation: FC<{ currentPath: string }> = ({ currentPath }) => (\n \n);\n\n// Page components\nconst HomePage: FC = () => (\n <>\n \n

Welcome to My Portfolio

{personalData.summary}

\n This website is rendered server-side with Hono.\n

\n Check out the source{\" \"}\n and start building your own site!\n

\n \n);\n\nconst AboutPage: FC = () => (\n <>\n \n

About Me

{personalData.about}

\n \n);\n\nconst ProjectsPage: FC = () => (\n <>\n \n

My Projects

\n {personalData.projects.map((project, index) => (\n \n

{project.name}

{project.description}

\n \n ))}\n

\n \n);\n\nconst NotFoundPage: FC = () => (\n <>\n \n

404 Not Found

Sorry, the page you're looking for doesn't exist.

\n Return to Home\n

\n \n);\n\n// Route handlers\napp.get(\"/\", (c) => {\n console.log(c.render());\n return c.render();\n});\napp.get(\"/about\", (c) => c.render());\napp.get(\"/projects\", (c) => c.render());\napp.notFound((c) => c.render());\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/vawogbemi/multirouteHono/code/main.tsx","extension","actionData","errors"]