added react layout with header, main and footer

This commit is contained in:
2025-07-22 12:41:55 +02:00
parent b9699bd512
commit cb206c10bb
11 changed files with 206 additions and 176 deletions

View File

@@ -0,0 +1,22 @@
import React from "react";
const Header: React.FC = () => {
return (
<header className="bg-blue-600 text-white p-4 shadow-md">
<div className="container mx-auto flex justify-between items-center">
<h1 className="text-xl font-bold">Bikelane Web</h1>
<nav>
<ul className="flex space-x-4">
<li>
<a href="" className="hover:underline">
Login
</a>
</li>
</ul>
</nav>
</div>
</header>
);
};
export default Header;