--- a
+++ b/src/components/Layout/AppBar.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { AppBar as MuiAppBar, Toolbar, Typography, IconButton, Box } from '@mui/material';
+import { Menu as MenuIcon } from '@mui/icons-material';
+
+interface AppBarProps {
+  onMenuClick: () => void;
+}
+
+export const AppBar: React.FC<AppBarProps> = ({ onMenuClick }) => {
+  return (
+    <MuiAppBar position="fixed">
+      <Toolbar>
+        <IconButton
+          color="inherit"
+          aria-label="open drawer"
+          edge="start"
+          onClick={onMenuClick}
+          sx={{ marginRight: 2 }}
+        >
+          <MenuIcon />
+        </IconButton>
+        <Typography variant="h6" noWrap component="div">
+          Quantum-AI Genomic Platform
+        </Typography>
+        <Box sx={{ flexGrow: 1 }} />
+      </Toolbar>
+    </MuiAppBar>
+  );
+};